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

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

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

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

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

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

軟件功能

一、基本操作

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

2、屏幕滾動(dòng)

3、返回上一頁

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)畫

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

2、全局狀態(tài)

3、apple watch

4、FAB效果按鈕

5、FAB效果播放器

軟件特色

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

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

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

3、適用網(wǎng)頁、管理后臺(tái)、移動(dòng)端等多種場(chǎ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í)同步編輯，告別手動(dòng)傳輸

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

基本操作：

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

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

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

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

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

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

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

如何制作滾屏效果

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

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

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

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

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

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

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

更新日志

v1.5.3

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