墨刀教程(怎么用)(墨刀交互教程)

墨刀是一個原型設計工具,可以快速構建移動應用原型與線框圖,支持云端保存360新知和實時手機預覽。一起來看看墨刀使用教含程吧!

材料/工具

墨刀

方法

首先打開墨刀軟件,新建一個應用,選擇應用類型(選擇了iPhone設備),輸入應用名稱,設備類型和應用尺寸,點擊創建按鈕,完成應用創建。

新建應用的標題欄會自動顯示應用的名稱(人陸人都是產品經理),標題欄文字可以自行修改。制作里布導航欄,從左側“組件”欄目中找到底部組件,拖入應用之中,大小和樣式可以自行修改。然后拖入三個導航標簽,修改標簽的位置和名稱。至此完成底部導航欄的制作。

記誤玉南員許零然后開始簡單的制作下“產品經理”的首頁原型,在左側的“組件”欄目中找到搜索組件,拖入App首頁中,在“母版”欄目中找到輪播圖模版,拖入應用說抓息之中。墨刀中有一些已經做好的組件或母版,可直接拖入使用,加快創建原型的時間。

然后回到“組件”欄目,為首頁插入圖片和文字。圖片調節在右邊的設置欄,這里推薦大家直接拖入圖片,然后用鼠標調節大小這樣會比較方便。文字的調節在左邊的主題欄目,可調節文字的大小和樣式,然后用鼠標擺至合適的位置。

在軟件右上角點擊“+新頁面”即可生成新的頁面,每一個頁面有復制、刪除、添加子頁面的功能。在新的頁面中添加標題欄,復制首頁的底部導航,粘貼至新的頁面,注意粘貼時用于粘貼至“原位置根實識資植漢味首”。按如此方式制作“發現”頁面和“我的”頁面。

這里介紹一個墨刀非常有特點的功能,就是通過連線的方式進行頁面之間的跳轉,在應用中選擇任何一個控件,圖片或者文字都可以通過添加手勢和頁面切換方式實現頁面跳轉。優點在于操作方便,且比較直觀。缺點是如果頁面復雜,跳轉比較多,會有非常多交叉在一起的線,容易連接出錯。

利用連線的方式即可快速的實現底部導航的切換,設置完成后選擇右上角運行按鈕,即可查看實際效果,效果如圖所示。

最后說一個在移動端比較重要的功能,應用全局手勢的添加,在左側“組件”欄目找到全局手勢組件,拖入至應用的任意位置,然后選擇你要發動手勢后跳轉的頁面,選擇手勢方式和動畫效果即可。

利用全局手勢組件,在應用添加滑動的頁面切換效果。運行測試,效果如圖所示。

手機預覽功能,可以直接將原型導到手機上查看。只需要在運行界面,點擊分享,用手機瀏覽器(墨刀app可以)掃描二維碼即可直接在手機上查看原型,更加方便的你為團隊演示和講解自己的原型。