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