墨刀開(kāi)發(fā)的Sketch插件終于從內(nèi)測(cè)中脫殼而出了坏怪，可以將Sketch中的Artboard直接導(dǎo)入墨刀中贝润，然后進(jìn)行交互操作（頁(yè)面跳轉(zhuǎn)）的鏈接設(shè)置。
一時(shí)手癢陕悬，趕緊試了試题暖，也把使用過(guò)程和感受分享給大家。（然而非要拖到周一才發(fā)）
使用條件
1）有Mac（因?yàn)镾ketch這個(gè)小妖精捉超，你懂的）
2）有墨刀賬號(hào)
當(dāng)前版本插件內(nèi)不支持新建項(xiàng)目胧卤，所以新注冊(cè)用戶需要打開(kāi)瀏覽器或者墨刀客戶端，登錄并新建應(yīng)用后拼岳，才能進(jìn)行上傳操作
所以使用前先在墨刀賬戶里新建項(xiàng)目
使用過(guò)程
1）在Sketch中創(chuàng)建Artboard
Artboard數(shù)量沒(méi)有限制枝誊，能用就行。不過(guò)記住一定得是Artboard.下圖是兩個(gè)Artboard例子惜纸。
2.）下載安裝墨刀插件MockingBot.sketchplugin
無(wú)法在Sketch的官方插件頁(yè)面--獲取到叶撒，只能在墨刀官網(wǎng)獲取
3）選中要添加的Artboard后，再選擇墨刀插件導(dǎo)入
4）輸入墨刀賬號(hào)及密碼登錄
確保連接的是同一個(gè)賬號(hào),且Sketch會(huì)記錄登錄信息
5）選擇要導(dǎo)入的墨刀文件
支持通過(guò)分類和搜索選擇墨刀應(yīng)用
6）導(dǎo)入成功耐版！復(fù)制鏈接在瀏覽器進(jìn)入
但我這邊復(fù)制無(wú)效角撞，不過(guò)也可以不用復(fù)制直接從瀏覽器中進(jìn)入墨刀查看。
如果已經(jīng)打開(kāi)了項(xiàng)目硬爆，直接刷新頁(yè)面就行
7）在墨刀中進(jìn)入工作區(qū)且選擇剛才將Artboard導(dǎo)入的應(yīng)用
8）在界面右側(cè)會(huì)出現(xiàn)剛導(dǎo)入的Artboard圖片
此時(shí)赢织，原來(lái)的Artboard都被處理成了一整張圖片，原本的按鈕或者圖形都無(wú)法單獨(dú)使用
在右側(cè)的頁(yè)面列表里腺阳，剛才導(dǎo)入的Artboard順序和Sketch中是反著的
9）在左側(cè)工具欄選擇“鏈接區(qū)域”在頁(yè)面上框選區(qū)域落君，然后拉取鏈接到相應(yīng)界面
10）運(yùn)行即可
其它說(shuō)明
1. 墨刀也有客戶端，使用的話和web端完全一樣亭引，也可以使用Sketch插件導(dǎo)入的Artboard做交互設(shè)置绎速。
2. 墨刀的這個(gè)插件目前是V1.0，按官方說(shuō)法后續(xù)應(yīng)該會(huì)有升級(jí)焙蚓。
3. 官方說(shuō)：設(shè)計(jì)稿更新上傳后纹冤，會(huì)覆蓋原有設(shè)計(jì)稿，但不會(huì)影響已添加交互鏈接购公。經(jīng)過(guò)測(cè)試赵哲，發(fā)現(xiàn)分這么幾種情況：
3.1在原來(lái)的Artboard上修改后，且Artboard數(shù)量不變君丁，重新導(dǎo)入后枫夺，修改過(guò)的Artboard會(huì)覆蓋原來(lái)的，而原來(lái)的交互鏈接在原位置不會(huì)變绘闷。比如一個(gè)按鈕上添加了交互鏈接橡庞，在Sketch中把該按鈕的位置下調(diào)了较坛，但導(dǎo)入后，交互鏈接區(qū)域還在之前的位置扒最；
3.2 在原來(lái)的Artboard上修改后丑勤，且Artboard數(shù)量增加，導(dǎo)入后被修改的Artboard將之前的覆蓋吧趣，且上面的鏈接還在法竞，新的Artboard也會(huì)依次添加；
3.3?在原來(lái)的Artboard上修改后强挫，Artboard數(shù)量減少岔霸，導(dǎo)入后被修改的Artboard將之前的覆蓋，且還是之前的Artboard數(shù)量俯渤，在Sketch中刪除的還在呆细；
3.4 新建Sketch文件，新建Artboard八匠，導(dǎo)入墨刀的同一個(gè)文件后絮爷，之前的Artboard還在，新的會(huì)依次添加梨树。
上面嘰嘰歪歪一堆坑夯，簡(jiǎn)言之：墨刀中導(dǎo)入的Artboard只多不少，真是任性抡四！
使用感受
1. 讓我略感失望的是柜蜈，Artboard導(dǎo)入墨刀后，被直接處理成了一張圖片床嫌，原本的形狀、圖片都無(wú)法單獨(dú)直接點(diǎn)擊生成鏈接胸私，這和我預(yù)想的不一樣厌处。這很像Axure里的“熱區(qū)”元件。
好在后續(xù)版本會(huì)改進(jìn)岁疼。會(huì)引入測(cè)距功能阔涉，開(kāi)發(fā)者在原型上可查看所有控件參數(shù)——包括顏色、尺寸捷绒、邊距等信息瑰排。而且會(huì)保留分層數(shù)據(jù)，讓設(shè)計(jì)師完成更精細(xì)化的交互原型暖侨。
2. 該插件是打算將墨刀和Sketch的優(yōu)勢(shì)結(jié)合椭住。Sketch作圖和界面相當(dāng)好上手且快速（尤其有各種強(qiáng)大的插件），而墨刀也是國(guó)內(nèi)很優(yōu)秀的一款快速設(shè)置頁(yè)面交互并演示的產(chǎn)品字逗。將二者結(jié)合起來(lái)京郑，確實(shí)非常棒宅广！期待后續(xù)版本更強(qiáng)大的功能。
3. 對(duì)于很多產(chǎn)品的交互設(shè)計(jì)些举，這都是一個(gè)很實(shí)用的插件跟狱。當(dāng)然我們的目標(biāo)也要限于做到頁(yè)面跳轉(zhuǎn)的交互、控件點(diǎn)擊交互等户魏，這已經(jīng)足以幫我們快速查看交互設(shè)計(jì)驶臊、頁(yè)面邏輯了。如果要做復(fù)雜的頁(yè)面交互動(dòng)效之類的叼丑，這個(gè)插件暫時(shí)能力不足关翎。
END
不敢相信，我居然寫了一篇正兒八經(jīng)的教程推文幢码。
不過(guò)估計(jì)你們也不一定看笤休，看了也不一定下載，下載了也不一定試用症副，試用了也不一定繼續(xù)用店雅，繼續(xù)用了……跟我就沒(méi)什么關(guān)系了。
周一了贞铣。
往期推文（點(diǎn)擊前往）
