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