墨刀mac版

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

適用人群：

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

互聯網公司的移動產品團隊：產品、前端和后端別再吵架了，你們發(fā)現了一款不錯的團隊工具。

移動應用外包/設計團隊：同時適用于向客戶作早期演示節(jié)約成本，及團隊溝通。

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

墨刀mac版教程：

鏈接、手勢及定時器

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

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

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

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

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

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

如何制作滾屏效果

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

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

如何制作側滑/抽屜菜單

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

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

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

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

常見問題：

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

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

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

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

2、怎樣設置或者更改屏幕尺寸？

非常簡單，返回項目管理頁，鼠標懸停在某應用上，點擊浮動頁面下部的齒輪圖標也就是應用設置按鈕，選擇平臺以及選擇不同的手機型號就可以設置應用的尺寸了。

3、墨刀有模板么？

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

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

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

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

一張圖帶你飛！什么都別說，認真看圖！

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

第二步，點擊工具欄小星星，打開圖標面板。

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