墨刀Mac版是一款在Mac平臺上的手機(jī)app原型設(shè)計(jì)工具，是一個(gè)免費(fèi)的移動應(yīng)用原型與線框圖工具。墨刀MockingBot旨在幫助產(chǎn)品經(jīng)理及UI/UX設(shè)計(jì)師快速構(gòu)建移動應(yīng)用產(chǎn)品原型，并及時(shí)與團(tuán)隊(duì)內(nèi)其他成員分享和討論。作為一款專注移動應(yīng)用的原型工具，除了云端保存，實(shí)時(shí)手機(jī)預(yù)覽，MockingBot還有多種手勢，頁面切換特效及主題可供選擇。

軟件特色

一、海量素材：原型設(shè)計(jì)輕松上手

1、60多種常用組件，拖拽即用

2、上千種圖標(biāo)、頁面等素材

3、適用網(wǎng)頁、管理后臺、移動端等多種場景

二、拖拽交互：還原產(chǎn)品真實(shí)體驗(yàn)

1、只需1步，快速添加頁面交互

2、提供5種設(shè)備類型、24款真機(jī)外殼

3、手機(jī)直接演示產(chǎn)品交互，所見即所得

三、需求文檔：隨時(shí)編寫打破信息壁壘

1、同1畫布，完成原型與文檔

2、豐富的圖文編輯功能

3、需求文檔與頁面一同分享

四、在線協(xié)作：激發(fā)團(tuán)隊(duì)能力

1、1鍵分享，打破傳統(tǒng)模式

2、多人實(shí)時(shí)同步編輯，告別手動傳輸

3、在線評審互動，降低溝通成本

軟件功能

一、基本操作

1、鏈接，手勢，定時(shí)器

2、屏幕滾動

3、返回上一頁

4、左右滑菜單

5、分享及手機(jī)運(yùn)行

二、高保真原型

1、批量上傳設(shè)計(jì)圖

2、鏈接區(qū)域，固定標(biāo)題欄

3、ios狀態(tài)欄重疊

三、進(jìn)階：母版

1、定時(shí)輪播圖

2、下拉菜單

3、母版局部滾動

四、進(jìn)階：動畫

1、頁面內(nèi)交互入門

2、全局狀態(tài)

3、apple watch

4、FAB效果按鈕

5、FAB效果播放器

基本操作：

鏈接、手勢及定時(shí)器

使用墨刀可以非常方便的創(chuàng)建頁面間鏈接，墨刀獨(dú)創(chuàng)的拖拽鏈接方式，讓頁面間的鏈接關(guān)系清晰呈現(xiàn)眼前，要?jiǎng)?chuàng)建頁面間鏈接，只需要選中要鏈接的組件，然后拖動組件右側(cè)的小圓圈到目標(biāo)頁面就可以了，如下圖：

創(chuàng)建好鏈接之后，我們會看到鏈接選項(xiàng)面板：

可以看到，鏈接面板包含3個(gè)部分：手勢、切換動畫以及定時(shí)器，下面我們來依次介紹這3個(gè)部分。

由于手勢需要較大的可點(diǎn)擊區(qū)域，所以并不是所有組件都支持手勢，目前支持手勢的組件包括：全局手勢，鏈接區(qū)域，圖片以及矩形，可選的手勢如圖所示，共有6種：點(diǎn)按，長按以及上下左右滑動。

接下來就是頁面切換動畫選擇，共有15種特效可供選擇，如果您不確定需要那種效果，可以在選中之后，將鼠標(biāo)移到上面的預(yù)覽框，對效果進(jìn)行預(yù)覽。

最后是定時(shí)器，可以設(shè)定這個(gè)鏈接的自動跳轉(zhuǎn)時(shí)間，到達(dá)時(shí)間后，即使用戶沒有任何操作，應(yīng)用也會自動跳轉(zhuǎn)到目標(biāo)頁面，適合制作輪播動畫等等。

如何制作滾屏效果

如果頁面內(nèi)容超過了當(dāng)前屏幕的默認(rèn)高度，只需要對屏幕高度進(jìn)行擴(kuò)展，就可以在預(yù)覽模式下通過滾屏來查看超出屏幕部分的內(nèi)容了，擴(kuò)展屏幕高度非常簡單，只需要點(diǎn)擊屏幕底部的“擴(kuò)展屏幕高度”按鈕就可以了，見下圖：

如果需要對屏幕高度實(shí)現(xiàn)精確控制，也可以將鼠標(biāo)移到屏幕底部，待鼠標(biāo)變?yōu)橥蟿訄D標(biāo)后，直接拖動屏幕底部來調(diào)整屏幕高度。

如何制作側(cè)滑/抽屜菜單

要建立側(cè)滑菜單（或者抽屜菜單）效果需要用到全局手勢組件，見下圖紅圈：

首先假設(shè)你已經(jīng)有了三個(gè)頁面，分別是居中的主頁面，左滑菜單以及右滑菜單，現(xiàn)在我們需要拖動兩個(gè)全局手勢組件到居中的主頁面的任意位置，見下圖：

然后分別將兩個(gè)手勢組件與兩側(cè)的菜單相連，下面以左滑菜單為例，創(chuàng)建好連接之后，我們需要將手勢設(shè)定為左滑動，然后選擇“左菜單”作為頁面切換效果，見下圖：

同理，連接另一個(gè)全局手勢到右側(cè)菜單，相應(yīng)的選擇“右滑動”手勢以及“右菜單”交互，然后點(diǎn)擊運(yùn)行，菜單效果就做好了：

更新日志

v1.5.3

其他BUG修復(fù)與優(yōu)化