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

軟件特色

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

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

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

3、適用網(wǎng)頁(yè)、管理后臺(tái)、移動(dòng)端等多種場(chǎng)景

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

1、只需1步，快速添加頁(yè)面交互

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

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

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

1、同1畫(huà)布，完成原型與文檔

2、豐富的圖文編輯功能

3、需求文檔與頁(yè)面一同分享

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

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

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

3、在線(xiàn)評(píng)審互動(dòng)，降低溝通成本

軟件功能

一、基本操作

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

2、屏幕滾動(dòng)

3、返回上一頁(yè)

4、左右滑菜單

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

二、高保真原型

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

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

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

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

1、定時(shí)輪播圖

2、下拉菜單

3、母版局部滾動(dòng)

四、進(jìn)階：動(dòng)畫(huà)

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

2、全局狀態(tài)

3、apple watch

4、FAB效果按鈕

5、FAB效果播放器

基本操作：

鏈接、手勢(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)畫(huà)以及定時(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)畫(huà)選擇，共有15種特效可供選擇，如果您不確定需要那種效果，可以在選中之后，將鼠標(biāo)移到上面的預(yù)覽框，對(duì)效果進(jìn)行預(yù)覽。

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

如何制作滾屏效果

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

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

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

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

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

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

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

更新日志

v1.5.4

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