上周馬克筆設(shè)計留學(xué)的木子老師給大家介紹了最實用的插件——CRAFT的數(shù)據(jù)填充功能，這周我們來介紹一下它的另一個強大功能——原型設(shè)計工具。

下載安裝并注冊

下載安裝請參考上一篇文章的詳細(xì)說明，也可以在后臺回復(fù)“craft”獲取，另外需要注冊一個賬號，因為craft的很多功能需要在登錄狀態(tài)下完成。

原型設(shè)計工具

Craft 的原型工具功能大致是這樣的：你在瀏覽器中做出頁面的交互連接，然后生成可點擊跳轉(zhuǎn)網(wǎng)頁版的交互原型，最后分享鏈接給用戶測試。很多朋友的疑問都已經(jīng)得到解答。任何人都可以通過任何設(shè)備上的瀏覽器訪問并操作它。

進入正題，首先請確保你更新到最新版本sketch craft 插件，并且開啟了Sync+功能。

1.要開啟原型編輯模式，需要先在CRAFT功能欄上開啟原型編輯模式，如下圖，功能欄上的第三個按鈕是原型工具，點擊后變成藍色即可開啟。

在這個狀態(tài)下，我們只要選中畫布中的組件，按下快捷鍵C，就會生成一個箭頭，將箭頭指向該組件對應(yīng)的頁面并點擊，就會彈出新的彈窗，進入下一步。

2. 定位組件跳轉(zhuǎn)的頁面

點擊對應(yīng)頁面之后會彈出一個彈窗，這個彈窗用來設(shè)置交互動作和效果，最上面的單選彈窗用來選擇交互的目的，連接到新頁面或者頁面蒙版時，可以選擇的交互方式。最下面部分代表手勢，比如點擊，滑動，長按等，代表觸發(fā)上層交互動作之后執(zhí)行的交互效果，比如常見的Push，Slide，F(xiàn)lip。下面的選項解釋起來比較困難，你自己操作之后就明白了?，F(xiàn)在當(dāng)我們按下保存的時候，就意味著我們創(chuàng)建了一個交互動作——點擊這個組件會從右往左推下一頁。

3. 交互式設(shè)置面板

當(dāng)我們選擇交互目的之后，上方會有三個特殊的按鈕可以選擇sketch craft 插件，分別是交互跳轉(zhuǎn)到上一頁、跳轉(zhuǎn)到指定的URL鏈接、跳轉(zhuǎn)到某個畫板。

4. 頁面設(shè)置上傳及展示面板

這時候我們還不能直接在本地操作，需要上傳內(nèi)容，也就是工具欄里的第一個。

如果你還未登錄，這個頁面會有提示，只需要完成登錄操作即可。給你的樣機命名，選擇演示的設(shè)備，點擊上傳，就會生成網(wǎng)頁，如下圖所示。

你不僅可以在網(wǎng)頁上演示原型，還可以對其進行編輯和注釋以記錄用戶反饋，非常方便。

如有侵權(quán)請聯(lián)系刪除！