墨刀(MockingBot)是一款原型設(shè)計(jì)工具,這卡軟件功能非常強(qiáng)大,界面簡潔明晰、操作方便快捷,設(shè)計(jì)得很人性化,是全球114個(gè)國家超過10萬設(shè)計(jì)師的選擇。
軟件介紹
墨刀(32位)官方版是一款移動(dòng)應(yīng)用原型設(shè)計(jì)工具,是全球114個(gè)國家超過10萬設(shè)計(jì)師的選擇。擁有快速創(chuàng)建頁面連接,獨(dú)創(chuàng)的拖拽連接方式,讓頁面間的連接關(guān)系清晰呈現(xiàn)出來,同時(shí)界面設(shè)計(jì)的十分人性化。
墨刀基礎(chǔ)教程
使用墨刀可以非常方便的創(chuàng)建頁面間鏈接,墨刀獨(dú)創(chuàng)的拖拽鏈接方式,讓頁面間的鏈接關(guān)系清晰呈現(xiàn)眼前,要?jiǎng)?chuàng)建頁面間鏈接,只需要選中要鏈接的組件,然后拖動(dòng)組件右側(cè)的小圓圈到目標(biāo)頁面就可以了。
創(chuàng)建好鏈接之后,我們會(huì)看到鏈接選項(xiàng)面板?梢钥吹,鏈接面板包含3個(gè)部分:手勢、切換動(dòng)畫以及定時(shí)器,下面我們來依次介紹這3個(gè)部分。
由于手勢需要較大的可點(diǎn)擊區(qū)域,所以并不是所有組件都支持手勢,目前支持手勢的組件包括:全局手勢,鏈接區(qū)域,圖片以及矩形,可選的手勢如圖所示,共有6種:點(diǎn)按,長按以及上下左右滑動(dòng)。
接下來就是頁面切換動(dòng)畫選擇,共有15種特效可供選擇,如果您不確定需要那種效果,可以在選中之后,將鼠標(biāo)移到上面的預(yù)覽框,對(duì)效果進(jìn)行預(yù)覽。
最后是定時(shí)器,可以設(shè)定這個(gè)鏈接的自動(dòng)跳轉(zhuǎn)時(shí)間,到達(dá)時(shí)間后,即使用戶沒有任何操作,應(yīng)用也會(huì)自動(dòng)跳轉(zhuǎn)到目標(biāo)頁面,適合制作輪播動(dòng)畫等等。
使用技巧實(shí)現(xiàn)彈窗/彈出框效果方法
第一種:直接創(chuàng)建新頁面
直接在工作區(qū)復(fù)制頁面,添加新元素,將觸發(fā)頁面及彈窗頁面相連接。
第二種:使用母版(類似下拉菜單視頻教程)
新建母版,將觸發(fā)彈窗的按鈕以及彈窗分別放到母版中的頁面一和頁面二中,創(chuàng)建鏈接,選擇動(dòng)效。拖入工作區(qū),選中實(shí)例,編輯相應(yīng)母版狀態(tài)并添加鏈接。完成。
第三種:使用頁面狀態(tài)制作彈窗
如果你還不會(huì)使用頁面狀態(tài),可以先看入門教程了解用法。使用頁面狀態(tài)實(shí)現(xiàn)彈窗效果很簡單,先設(shè)計(jì)好默認(rèn)狀態(tài)樣式(全部組件已添加成功)后,新建狀態(tài)二:在狀態(tài)一中設(shè)置彈窗或組件隱藏,狀態(tài)二顯示。連接兩個(gè)狀態(tài),完成。
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版