對于產(chǎn)品經(jīng)理來說,日常工作中經(jīng)常會接觸到app原型的設計等相關(guān)工作,一款好用的工具肯定少不了。今天要介紹的是不少人都聽說過的墨刀,墨刀是一個原型設計工具,能夠快速構(gòu)建移動應用原型與線框圖,支持云端保存和實時手機預覽,使用起來也非常方便。
首先打開墨刀軟件,新建一個項目,選擇項目類型,輸入項目名稱,設備類型和應用尺寸,點擊創(chuàng)建按鈕,完成項目創(chuàng)建。
從組件欄中找到底部組件,拖入項目中,大小和樣式可以自行修改。然后拖入三個導航標簽,修改標簽的位置和名稱,完成底部導航欄的制作。
然后我們開始制作首頁原型,在組件欄中找到搜索組件,拖入App首頁中,在母版欄目中找到輪播圖模版,拖入應用之中。墨刀中有一些已經(jīng)做好的組件或母版,可直接拖入使用,加快創(chuàng)建原型的時間。
回到組件欄,為首頁插入圖片和文字。這里推薦直接拖入圖片,然后用鼠標調(diào)節(jié)大小,這樣操作起來會比較方便。插入的文本框可以雙擊進行編輯,編輯好標題后可以在右側(cè)調(diào)整文字的大小和樣式,然后用鼠標擺至合適的位置。
在軟件左上角點擊新建頁面即可生成新的頁面,每一個頁面有復制、刪除、添加子頁面的功能。在新的頁面中添加標題欄和底部導航后,就可以繼續(xù)添加相應的內(nèi)容了。
在完成頁面的創(chuàng)建后,就可以給多個頁面設置跳轉(zhuǎn)了,在墨刀中我們可以通過連線的方式進行頁面間的跳轉(zhuǎn),在應用中選擇任何一個控件,圖片或者文字都可以通過添加手勢和頁面切換方式實現(xiàn)頁面跳轉(zhuǎn)。
在完成所有的頁面設計后,可以點擊墨刀右上角的分享,然后用手機掃描頁面中的二維碼進行預覽。
作為一款在線產(chǎn)品原型設計和協(xié)作平臺,墨刀的整體操作還是非常方便的,如果之前有其他原型工具的使用基礎(chǔ),那么在使用墨刀的時候能夠更加快速的上手,提升自己創(chuàng)作的效率。