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

軟件特色

一、海量素材：原型設計輕松上手

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

2、上千種圖標、頁面等素材

3、適用網頁、管理后臺、移動端等多種場景

二、拖拽交互：還原產品真實體驗

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

2、提供5種設備類型、24款真機外殼

3、手機直接演示產品交互，所見即所得

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

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

2、豐富的圖文編輯功能

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

四、在線協作：激發(fā)團隊能力

1、1鍵分享，打破傳統模式

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

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

軟件功能

一、基本操作

1、鏈接，手勢，定時器

2、屏幕滾動

3、返回上一頁

4、左右滑菜單

5、分享及手機運行

二、高保真原型

1、批量上傳設計圖

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

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

三、進階：母版

1、定時輪播圖

2、下拉菜單

3、母版局部滾動

四、進階：動畫

1、頁面內交互入門

2、全局狀態(tài)

3、apple watch

4、FAB效果按鈕

5、FAB效果播放器

基本操作：

鏈接、手勢及定時器

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

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

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

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

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

最后是定時器，可以設定這個鏈接的自動跳轉時間，到達時間后，即使用戶沒有任何操作，應用也會自動跳轉到目標頁面，適合制作輪播動畫等等。

如何制作滾屏效果

如果頁面內容超過了當前屏幕的默認高度，只需要對屏幕高度進行擴展，就可以在預覽模式下通過滾屏來查看超出屏幕部分的內容了，擴展屏幕高度非常簡單，只需要點擊屏幕底部的“擴展屏幕高度”按鈕就可以了，見下圖：

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

如何制作側滑/抽屜菜單

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

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

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

同理，連接另一個全局手勢到右側菜單，相應的選擇“右滑動”手勢以及“右菜單”交互，然后點擊運行，菜單效果就做好了：

更新日志

v1.5.3

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