墨刀是一個原型設計工具，可以快速構(gòu)建移動應用原型與線框圖，支持云端保存和實時手機預覽。今天主要是做一個墨刀的基礎使用教程，就不重點介紹和對比各原型工具的優(yōu)缺點了（有空的話我會單獨做一篇原型工具的對比分析）。希望這篇教程可以幫助墨刀的初學者快速上手該軟件。

那我們現(xiàn)在開始表演

創(chuàng)建應用

首先打開墨刀軟件，新建一個應用，選擇應用類型（這里我選擇了iPhone設備），輸入應用名稱，設備類型和應用尺寸，點擊創(chuàng)建按鈕，完成應用創(chuàng)建。

制作底部導航欄

新建應用的標題欄會自動顯示應用的名稱（人人都是產(chǎn)品經(jīng)理），標題欄文字可以自行修改。

制作里布導航欄，從左側(cè)“組件”欄目中找到底部組件，拖入應用之中，大小和樣式可以自行修改。然后拖入三個導航標簽，修改標簽的位置和名稱。至此完成底部導航欄的制作。

制作原型頁面

然后我們開始簡單的制作下“產(chǎn)品經(jīng)理”的首頁原型，在左側(cè)的“組件”欄目中找到搜索組件，拖入App首頁中，在“母版”欄目中找到輪播圖模版，拖入應用之中。墨刀中有一些已經(jīng)做好的組件或母版，可直接拖入使用，加快創(chuàng)建原型的時間。

然后回到“組件”欄目，為首頁插入圖片和文字。圖片調(diào)節(jié)在右邊的設置欄，這里推薦大家直接拖入圖片，然后用鼠標調(diào)節(jié)大小這樣會比較方便。文字的調(diào)節(jié)在左邊的主題欄目，可調(diào)節(jié)文字的大小和樣式，然后用鼠標擺至合適的位置。

創(chuàng)建頁面

在軟件右上角點擊“+新頁面”即可生成新的頁面，每一個頁面有復制、刪除、添加子頁面的功能。在新的頁面中添加標題欄，復制首頁的底部導航，粘貼至新的頁面，注意粘貼時用于粘貼至“原位置”。按如此方式制作“發(fā)現(xiàn)”頁面和“我的”頁面。

頁面跳轉(zhuǎn)

這里介紹一個墨刀非常有特點的功能，就是通過連線的方式進行頁面之間的跳轉(zhuǎn)，在應用中選擇任何一個控件，圖片或者文字都可以通過添加手勢和頁面切換方式實現(xiàn)頁面跳轉(zhuǎn)。優(yōu)點在于操作方便，且比較直觀。缺點是如果頁面復雜，跳轉(zhuǎn)比較多，會有非常多交叉在一起的線，容易連接出錯。

利用連線的方式即可快速的實現(xiàn)底部導航的切換，設置完成后選擇右上角運行按鈕，即可查看實際效果，效果如下：

添加全局手勢

最后說一個在移動端比較重要的功能，應用全局手勢的添加，在左側(cè)“組件”欄目找到全局手勢組件，拖入至應用的任意位置，然后選擇你要發(fā)動手勢后跳轉(zhuǎn)的頁面，選擇手勢方式和動畫效果即可。

利用全局手勢組件，在應用添加滑動的頁面切換效果。運行測試，效果如下。

手機預覽

手機預覽功能，可以直接將原型導到手機上查看。只需要在運行界面，點擊分享，用手機瀏覽器（墨刀app可以）掃描二維碼即可直接在手機上查看原型，更加方便的你為團隊演示和講解自己的原型。

總結(jié)發(fā)言

“墨刀”總的來說操作是非常方便的，如果有其他的原型工具基礎，用起來可能更好上手。本身支持手機預覽功能，更加方便于移動產(chǎn)品的創(chuàng)建和展示。本人也推薦app的產(chǎn)品或設計師使用墨刀來快速創(chuàng)建原型，可以加快自己的制作和展現(xiàn)的時間。

作者：JiLegw，產(chǎn)品新人，交互設計師，剛開始寫東西，歡迎各位大神提供寶貴建議。

本文由 @JiLegw 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。