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