在眾多的原型設(shè)計(jì)軟件中,墨刀是最容易上手的.新手很友好,自稱是小白三個(gè)小時(shí)就能學(xué)會(huì)的原型設(shè)計(jì).你可以看看這個(gè)基礎(chǔ)教程.

第一步是創(chuàng)建一個(gè)項(xiàng)目.文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/51421.html

輸入項(xiàng)目名稱,稍后瀏覽時(shí)也會(huì)顯示在頂部標(biāo)題中.文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/51421.html

根據(jù)原型大小,您可以創(chuàng)建不同大小的界面,包括應(yīng)用程序界面、網(wǎng)頁(yè)、iPad和自定義大小.文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/51421.html

第二步:編輯界面.文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/51421.html

可以看到左側(cè)可以添加APP的logo和開(kāi)篇頁(yè)面,很人性化.文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/51421.html

可以看到項(xiàng)目的所有界面圖,然后進(jìn)入編輯界面...文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/51421.html

文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/51421.html

項(xiàng)目界面概述.文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/51421.html

操作界面.文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/51421.html

中間是頁(yè)面制作區(qū).要用好一款軟件,首先要熟悉它的操作平臺(tái).文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/51421.html

下圖很簡(jiǎn)潔,大致分為三欄.

墨刀操作界面.

左側(cè)操作界面、

紅色框選擇區(qū)域,這是一個(gè)快捷功能圖標(biāo),并添加文本.矩形線可以直接拖到中間的工作區(qū).

黃色方框顯示不同的頁(yè)面,可以添加或刪除.

選擇綠框區(qū)域,切換成另一個(gè)圖標(biāo),顯示當(dāng)前頁(yè)面的不同材質(zhì).

左側(cè).

右邊是操作員界面.

對(duì)于中間選中的圖片,右側(cè)標(biāo)識(shí)圖片的修改數(shù)據(jù)；

如畫面大小、位置、外觀調(diào)整、動(dòng)態(tài)設(shè)計(jì)；

您還可以向圖片添加事件,如單擊跳轉(zhuǎn)到頁(yè)面或切換狀態(tài).

組件.

會(huì)有現(xiàn)成的組件,我的組件和圖標(biāo)庫(kù).點(diǎn)擊打開(kāi)相應(yīng)的素材庫(kù).

雖然不是很豐富,但是足夠了,畫原型的效率大大提高.

組件.

圖標(biāo).

覆蓋各種圖標(biāo),讓你的原型更花哨.

添加一些彩色圖標(biāo)顏色,讓界面更有層次感.

先說(shuō)這些內(nèi)容,分享下下次如何讓頁(yè)面的狀態(tài),讓你的界面更加動(dòng)態(tài).