墨刀是一款最好用的saas的做ios原型的工具,它圖形處理功能相當豐富,能快速構(gòu)建移動應(yīng)用原型與線框圖,云端保存,實時手機預(yù)覽,多種手勢及頁面切換特效支持,全球114個國家超過10萬名設(shè)計師的選擇,并且墨刀(MockingBot)對開放項目永久免費!
怎么用
墨刀使用教程
鏈接、手勢及定時器
使用墨刀可以非常方便的創(chuàng)建頁面間鏈接,墨刀獨創(chuàng)的拖拽鏈接方式,讓頁面間的鏈接關(guān)系清晰呈現(xiàn)眼前,要創(chuàng)建頁面間鏈接,只需要選中要鏈接的組件,然后拖動組件右側(cè)的小圓圈到目標頁面就可以了,如下圖:
創(chuàng)建好鏈接之后,我們會看到鏈接選項面板:
可以看到,鏈接面板包含3個部分:手勢、切換動畫以及定時器,下面我們來依次介紹這3個部分。
由于手勢需要較大的可點擊區(qū)域,所以并不是所有組件都支持手勢,目前支持手勢的組件包括:全局手勢,鏈接區(qū)域,圖片以及矩形,可選的手勢如圖所示,共有6種:點按,長按以及上下左右滑動。
接下來就是頁面切換動畫選擇,共有15種特效可供選擇,如果您不確定需要那種效果,可以在選中之后,將鼠標移到上面的預(yù)覽框,對效果進行預(yù)覽。
最后是定時器,可以設(shè)定這個鏈接的自動跳轉(zhuǎn)時間,到達時間后,即使用戶沒有任何操作,應(yīng)用也會自動跳轉(zhuǎn)到目標頁面,適合制作輪播動畫等等。
墨刀批量上傳設(shè)計圖的方法
如果你是設(shè)計師,已經(jīng)有了設(shè)計好的高保真的原型圖,需要使用東坡下載的墨刀為這些設(shè)計圖增加交互效果,最簡單的方式就是從桌面拖動設(shè)計圖到項目右側(cè)的頁面列表,如下圖:
墨刀會按照文件名為每張圖片創(chuàng)建一個新頁面,接下來你要做的就是為這些頁面創(chuàng)建交互了
產(chǎn)品亮點
素材庫
內(nèi)置豐富的組件和模板
可自定義個人素材庫
還可共享團隊組件庫
設(shè)計
一拖一拽輕松搭建界面
多種手勢和轉(zhuǎn)場效果
無需代碼也能做出酷炫動效
- PC官方版
- 安卓官方手機版
- IOS官方手機版