墨刀Mac版是一款專為Mac用戶打造的移動應(yīng)用原型設(shè)計工具，提供了免費且高效的手機app原型與線框圖制作功能。這款工具適用于產(chǎn)品經(jīng)理和UI/UX設(shè)計師，使他們能夠迅速搭建起產(chǎn)品原型，并在團隊間進(jìn)行便捷的分享和溝通。它不僅支持云端保存、實時的手機預(yù)覽，還提供了多種手勢操作、頁面切換特效和不同主題，以滿足不同設(shè)計需求。墨刀MockingBot的這些功能使得設(shè)計和協(xié)作變得更加簡單高效，極大地提升了工作流程的靈活性和可視化水平。本版本適用于Apple 芯片版

選擇適合你的 Mac 的 墨刀版本

Apple 芯片版本 墨刀在 Intel 芯片的 Mac 中不可用。如果不確定你的 Mac 使用哪個芯片類型，建議下載 Intel 芯片版本，確保墨刀的正常使用。

如何確認(rèn)芯片類型？

在左上角，點擊 Apple 菜單 > 關(guān)于本機

在“概覽”標(biāo)簽頁中，尋找“處理器”或“芯片”，確認(rèn)顯示的是“Intel”還是“Apple”

軟件功能

一、基本操作

1、鏈接，手勢，定時器

2、屏幕滾動

3、返回上一頁

4、左右滑菜單

5、分享及手機運行

二、高保真原型

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

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

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

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

1、定時輪播圖

2、下拉菜單

3、母版局部滾動

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

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

2、全局狀態(tài)

3、apple watch

4、FAB效果按鈕

5、FAB效果播放器

軟件特色

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

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

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

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

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

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

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

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

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

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

2、豐富的圖文編輯功能

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

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

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

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

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

基本操作：

鏈接、手勢及定時器

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

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

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

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

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

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

如何制作滾屏效果

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

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

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

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

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

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

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

更新日志

v1.5.3

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