墨刀mac版

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

適用人群：

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

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

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

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

墨刀mac版教程：

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

常見(jiàn)問(wèn)題：

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

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

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

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

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

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

3、墨刀有模板么？

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

4、怎樣做左右滑動(dòng)的頁(yè)面效果？

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

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

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

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

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

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