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