墨刀,這是一款非常專(zhuān)業(yè)的產(chǎn)品原型設(shè)計(jì)工具,可以幫助用戶(hù)快速構(gòu)建網(wǎng)頁(yè)、移動(dòng)應(yīng)用產(chǎn)品原型,真正做到省時(shí)高效。如果你是新手,可能對(duì)軟件功能還不熟悉,下文整理了使用墨刀創(chuàng)建一個(gè)產(chǎn)品原型的方法,可以幫助大家盡快入門(mén)。
如何使用墨刀構(gòu)建手機(jī)應(yīng)用原型?
在電腦中打開(kāi)墨刀,注冊(cè)賬號(hào),進(jìn)行登錄,首先來(lái)到個(gè)人空間,你可以看到一個(gè)預(yù)先創(chuàng)建好的項(xiàng)目組,
點(diǎn)擊進(jìn)入項(xiàng)目組,你可以在這里創(chuàng)建原型項(xiàng)目,自行選擇【使用模板項(xiàng)目】或者是【創(chuàng)建空白項(xiàng)目】,
小編選擇【創(chuàng)建空白項(xiàng)目】,可以構(gòu)建手機(jī)、平板、網(wǎng)頁(yè)等項(xiàng)目,也可以自定義,這里點(diǎn)擊【手機(jī)】,開(kāi)始創(chuàng)建,
如圖,創(chuàng)建頁(yè)面結(jié)構(gòu),頁(yè)面列表位于工作區(qū)的左側(cè),在頁(yè)面列表下可以添加新頁(yè)面、創(chuàng)建副本,
創(chuàng)建頁(yè)面內(nèi)容,從組件區(qū)拖出組件到頁(yè)面設(shè)計(jì)區(qū),進(jìn)行大小、顏色、外觀等屬性設(shè)置,如圖,
頁(yè)面設(shè)計(jì)完成,需要建立頁(yè)面間的交互,點(diǎn)擊組件,將組件旁邊的圓形鏈接按鈕拖動(dòng)(鏈接)到相應(yīng)的頁(yè)面就行了,
注意:在添加鏈接時(shí),還可根據(jù)需求設(shè)置不同的觸發(fā)手勢(shì)、定時(shí)器及動(dòng)效。
頁(yè)面交互可以用動(dòng)態(tài)組件來(lái)制作,制作諸如加載動(dòng)畫(huà)、分頁(yè)器、組件神奇移動(dòng)等效果,如圖,
原型制作過(guò)程中,你可以隨時(shí)查看原型在PC或移動(dòng)設(shè)備上的真實(shí)運(yùn)行效果,還可以將原型進(jìn)行分享。在工作區(qū)點(diǎn)擊【運(yùn)行】按鈕,即可進(jìn)入原型演示模式;在【預(yù)覽】頁(yè)面,你還可以進(jìn)行詳細(xì)設(shè)置。例如原型是否帶真機(jī)外殼、是否顯示批注等等,
點(diǎn)擊右上角的全屏模式按鈕,你可以獲得更加直觀的產(chǎn)品演示體驗(yàn)。
為了幫助大家在最短時(shí)間內(nèi)掌握墨刀的使用技巧,我們下期會(huì)繼續(xù)分享相關(guān)教程,請(qǐng)關(guān)注VeVB.com。
新聞熱點(diǎn)
疑難解答