墨刀是一款在線原型設(shè)計(jì)與協(xié)同工具，借助墨刀，產(chǎn)品經(jīng)理、設(shè)計(jì)師、開發(fā)、銷售、運(yùn)營(yíng)及創(chuàng)業(yè)者等用戶群體，能夠搭建為產(chǎn)品原型，演示項(xiàng)目效果。墨刀同時(shí)也是協(xié)作平臺(tái)，項(xiàng)目成員可以協(xié)作編輯、審閱，不管是產(chǎn)品想法展示，還是向客戶收集產(chǎn)品反饋，向投資人進(jìn)行Demo展示，或是在團(tuán)隊(duì)內(nèi)部協(xié)作溝通、項(xiàng)目管理。本篇博客將會(huì)對(duì)墨刀這款工具的特點(diǎn)，相比其他主流原型設(shè)計(jì)工具比如Axure的優(yōu)勢(shì)，以及其使用方法進(jìn)行介紹。

一、墨刀的特點(diǎn)

（1）界面簡(jiǎn)約，白藍(lán)配色，每塊功能區(qū)都有一塊獨(dú)立的方格區(qū)域。下圖是最初始的新建頁(yè)面，也是初始的界面排版。

（2）內(nèi)容豐富且人性化，基本滿足開發(fā)者的基本需求。

從左上角開始說起，最左側(cè)的左邊欄是原型設(shè)計(jì)中的常用組件，這六個(gè)分別是文字，矩形，圓，直線，圖片，連接區(qū)域。左邊欄右邊的是頁(yè)面管理區(qū)域，可以管理這次原型設(shè)計(jì)中項(xiàng)目的頁(yè)面，而且非常人性化的在鼠標(biāo)移動(dòng)至每個(gè)頁(yè)面的右側(cè)的三個(gè)點(diǎn)時(shí)會(huì)顯示頁(yè)面的四個(gè)更多功能。

左下角，左側(cè)的邊欄兩個(gè)按鈕功能分別是刪除此頁(yè)面和收起左側(cè)頁(yè)面管理和元素管理的區(qū)域。左邊欄右邊是元素管理，用來管理該頁(yè)面上你使用過的所有元素，當(dāng)鼠標(biāo)移動(dòng)到一個(gè)元素上時(shí)，會(huì)顯示鎖定，隱藏，連接事件三個(gè)更多功能，且在中間的視圖中，該元素會(huì)變藍(lán)，方便你查看。

中間是項(xiàng)目的預(yù)覽頁(yè)面，右側(cè)的懸浮框里的圖標(biāo)是縮略的五個(gè)功能，分別為頁(yè)面狀態(tài)、內(nèi)置組件、我的組件、圖標(biāo)、母版。點(diǎn)擊圖標(biāo)會(huì)展開顯示具體的功能，而且最多支持懸浮框左右的兩個(gè)圖標(biāo)展開。

狀態(tài)能夠使一個(gè)頁(yè)面發(fā)生變化，例如微信的會(huì)話，左拉出現(xiàn)標(biāo)為未讀和刪除。組件存放著墨刀上所有能夠用在頁(yè)面上的組件，需要使用的組件可以直接使用鼠標(biāo)拖入，拖入時(shí)會(huì)顯示組件創(chuàng)建成功以及組件所在的坐標(biāo)位置。我的組件里可以保存自己的常用組件或者是自己組合的組件。圖標(biāo)存放著墨刀上能夠使用的所有圖標(biāo)，同樣也是直接拖動(dòng)如項(xiàng)目的視圖中就可以使用。母版是一個(gè)能夠批量管理相同組件的功能，使用母版后，遇到完全相同的組件，只需要更改任意一個(gè)就可以自動(dòng)修改所有的其他組件。當(dāng)系統(tǒng)自帶的一些組件或是圖標(biāo)沒法滿足自己需求時(shí)，還可以點(diǎn)擊下方的獲取更多素材，來發(fā)現(xiàn)官方或是其他用戶發(fā)布的組件和圖標(biāo)。

最右側(cè)是項(xiàng)目的一些基本設(shè)置，可以更改項(xiàng)目將要發(fā)布的平臺(tái)，選擇不同的手機(jī)型號(hào)、電視、或是發(fā)布在網(wǎng)頁(yè)上等等，也可以快速地更改項(xiàng)目的布局。

二、墨刀相比Axure的優(yōu)勢(shì)

（1）組件

墨刀的組件十分豐富，有很多成熟的組件，比如鍵盤、菜單、開關(guān)、導(dǎo)航、通知等等。而Axure的自帶的組件都是比較基礎(chǔ)的，如果需要復(fù)雜的組件需要去下載。

（2）交互

墨刀的交互是非常方便的，只需要點(diǎn)擊組件左側(cè)的圖標(biāo)類似閃電一樣的控件，將其拖拽至想要跳轉(zhuǎn)的頁(yè)面就可以，并且在拖拽完成后，會(huì)在右端自動(dòng)跳轉(zhuǎn)出事件功能，可以簡(jiǎn)便的設(shè)置交互的條件和效果。而Axure要做交互，則需要設(shè)置各種條件，或者輸入各種用例，通過條件，動(dòng)態(tài)面板狀態(tài)，隱藏，切換等功能才能形成交互效果。

（3）總結(jié)

墨刀由于其組件簡(jiǎn)便的使用方法，在用戶需求復(fù)雜度不高的時(shí)候能更加完整直觀地展示原型效果，而且相比Axure，其簡(jiǎn)約的界面設(shè)計(jì)，以及豐富的功能使得墨刀的上手度不難，對(duì)于新手來說，即時(shí)沒有豐富的經(jīng)驗(yàn)也可以輕松駕馭軟件，完成簡(jiǎn)單的原型設(shè)計(jì)。

三、墨刀的使用方法

做一個(gè)非常簡(jiǎn)單的手機(jī)app

（1）創(chuàng)建一個(gè)新頁(yè)面

（2）添加底欄

（3）更改頁(yè)面名稱為首頁(yè)，并且根據(jù)需要更改底欄的圖標(biāo)和文字，并創(chuàng)建首頁(yè)下的兩個(gè)子頁(yè)面——發(fā)現(xiàn)和我的頁(yè)面

（4）豐富首頁(yè)內(nèi)容，添加組件，且將底欄的發(fā)現(xiàn)和我的圖標(biāo)分別與兩個(gè)頁(yè)面聯(lián)系起來

（5）將發(fā)現(xiàn)和我的兩個(gè)頁(yè)面設(shè)置和底欄的交互完善。

（6）完成后運(yùn)行，在首頁(yè)下點(diǎn)擊發(fā)現(xiàn)跳轉(zhuǎn)到第二個(gè)圖發(fā)現(xiàn)頁(yè)面，再點(diǎn)擊我的跳轉(zhuǎn)至第三個(gè)圖我的頁(yè)面，三個(gè)頁(yè)面可互相跳轉(zhuǎn)，當(dāng)然還可以對(duì)每個(gè)頁(yè)面添加點(diǎn)擊事件以及狀態(tài)變化。

總結(jié)

以上是生活随笔為你收集整理的原型设计工具：墨刀介绍的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。