墨刀mac版

墨刀mac版是一款mac平臺上的免費(fèi)原型設(shè)計(jì)工具，這款軟件可以讓設(shè)計(jì)師們輕松制作出一個(gè)app前端，墨刀mac版具有在線保存分享、拖拽式操作、手機(jī)端預(yù)覽等功能。墨刀Mac版不需要用戶使用過多的傳統(tǒng)編程語言，它以模塊化的形式幫助App愛好者制作屬于自己的App。

適用人群：

移動應(yīng)用創(chuàng)業(yè)者：快速建模出最小可用品，向目標(biāo)用戶或投資人展示，獲取早期反饋。

互聯(lián)網(wǎng)公司的移動產(chǎn)品團(tuán)隊(duì)：產(chǎn)品、前端和后端別再吵架了，你們發(fā)現(xiàn)了一款不錯(cuò)的團(tuán)隊(duì)工具。

移動應(yīng)用外包/設(shè)計(jì)團(tuán)隊(duì)：同時(shí)適用于向客戶作早期演示節(jié)約成本，及團(tuán)隊(duì)溝通。

個(gè)人開發(fā)者：一個(gè)人就不能精益創(chuàng)業(yè)嗎？方向走錯(cuò)可是很可怕的！

墨刀mac版教程：

鏈接、手勢及定時(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)行，菜單效果就做好了：

常見問題：

1、如何制作頂欄及底欄固定，內(nèi)容區(qū)滾屏效果？

拖拽拉長手機(jī)屏幕，將所有內(nèi)容放到屏幕內(nèi)，預(yù)覽時(shí)就可以直接看到滾屏效果了。調(diào)節(jié)屏幕左側(cè)的兩個(gè)滑塊的位置可以固定頂欄和底欄，具體操作方法見下面教程：

制作滾屏教程：https://modao.io/guide/291 

頂欄及底欄固定教程：https://modao.io/guide/294 

2、怎樣設(shè)置或者更改屏幕尺寸？

非常簡單，返回項(xiàng)目管理頁，鼠標(biāo)懸停在某應(yīng)用上，點(diǎn)擊浮動頁面下部的齒輪圖標(biāo)也就是應(yīng)用設(shè)置按鈕，選擇平臺以及選擇不同的手機(jī)型號就可以設(shè)置應(yīng)用的尺寸了。

3、墨刀有模板么？

有的喲，觸發(fā)條件：登錄賬號，進(jìn)入項(xiàng)目管理頁，點(diǎn)擊右上角的加號就可以看到官方的一些模板了。你可以選擇從模板中新建應(yīng)用，新建的同時(shí)模板中包含的母版文件也會隨同復(fù)制到你的賬號里。在其他的應(yīng)用中隨時(shí)可以使用這些母版哦！

4、怎樣做左右滑動的頁面效果？

如圖，只需拖動全局手勢或者對組件進(jìn)行鏈接時(shí)選擇左右滑動手勢以及左右移入動效即可。

5、素材庫不見了，怎樣打開素材庫彈窗呢？我想要更多的圖標(biāo)？

一張圖帶你飛！什么都別說，認(rèn)真看圖！

首先，你需要從組件區(qū)拖取一個(gè)“星星”圖標(biāo)，界面右側(cè)會彈出“3”號圖標(biāo)彈窗（如果沒出現(xiàn)就進(jìn)行第二步）

第二步，點(diǎn)擊工具欄小星星，打開圖標(biāo)面板。

第三步，在搜索框找尋你的真愛icon。