眾多原型設(shè)計(jì)軟件中，墨刀算是最容易上手的了。新手非常友好，號(hào)稱一款小白三小時(shí)就能學(xué)會(huì)的產(chǎn)品原型設(shè)計(jì)，可以看一下這篇基礎(chǔ)使用教程。

墨刀網(wǎng)頁(yè)版快速入門(mén)教程

　　第一步，創(chuàng)建項(xiàng)目

　　輸入項(xiàng)目名稱，之后瀏覽時(shí)頂部title也會(huì)展示該名稱。

　　針對(duì)產(chǎn)品原型尺寸，可以創(chuàng)建不同尺寸大小的界面，包括APP界面，網(wǎng)頁(yè)，iPad，以及自定義尺寸等。

　　項(xiàng)目尺寸

　　第二步，編輯界面

　　可以看到左側(cè)可以添加APP的logo跟開(kāi)屏頁(yè)，是不是非常人性化。

　　可以看到項(xiàng)目所有的界面圖，然后進(jìn)入編輯界面...

　　項(xiàng)目界面概覽

　　操作界面

　　正中間為頁(yè)面制作區(qū)，怎么說(shuō)呢，要用好一款軟件，首先要熟悉它的操作平臺(tái)。

　　如下圖，非常簡(jiǎn)潔，大體分為三欄。

　　墨刀操作界面

　　左側(cè)的操作界面，

　　紅色框選區(qū)域，為快捷功能圖標(biāo)，添加文字，矩形線條可以直接拖進(jìn)正中間的工作區(qū)。

　　黃色框選區(qū)域，展示了不同頁(yè)面，可以新增頁(yè)面或刪除頁(yè)面。

　　綠色框選區(qū)域，切換后成另外一個(gè)圖標(biāo)，就可以展示當(dāng)前頁(yè)面的不同素材。

　　左側(cè)

　　右側(cè)的操作界面

　　針對(duì)正中間的所選圖片，右側(cè)標(biāo)識(shí)了該圖片的修改數(shù)據(jù);

　　比如圖片大小，所在位置，外觀調(diào)整，動(dòng)效設(shè)計(jì);

　　還可以對(duì)圖片增加事件，比如點(diǎn)擊跳轉(zhuǎn)頁(yè)面或者切換狀態(tài)等等。

　　組件

　　這里會(huì)有現(xiàn)成的組件”、“我的組件”、“圖標(biāo)”庫(kù)，點(diǎn)擊即可打開(kāi)相應(yīng)的素材庫(kù)。

　　雖然不是很豐富，但是足夠用了，畫(huà)原型效率大大提升。

　　組件

　　圖標(biāo)

　　覆蓋各領(lǐng)域的圖標(biāo)，來(lái)點(diǎn)現(xiàn)成的圖標(biāo)，讓你的原型更加花里胡哨。

　　再增加一些五彩斑斕的圖標(biāo)配色，讓界面更有層次感。

　　先講這些內(nèi)容，下一次分享頁(yè)面的狀態(tài)如何制作，讓你的界面更加動(dòng)感。