墨刀桌mac版是一款基于在蘋果電腦上的原型設計工具,利用此款軟件,你可以輕松快速的設計出一個APP的原形,從構思到完成APP原形不過短短1小時就能完成,不涉及任何代碼語言,非常的好用!
墨刀mac版介紹
墨刀Mac版專門為愛好制作App的用戶量身定做,不需要太復雜的開發過程和步驟,上手簡易。墨刀Mac版內置的開發教程,新手教程,后續幫助都會使得用戶在制作自己的App時感到無比輕松。板塊化的設計,想用戶所想,讓你的思維得到無限的放大,你所有的疑問在軟件版塊上都能找到解答。
墨刀Mac版設計界面功能豐富,你想要的App功能幾乎都能在軟件清新簡單而且強大的開發界面內找到,將自己所需要的模塊丟到界面中部的開發界面,就能完成一個App的功能。一邊制作App一邊隨時可以預覽App的功能。完成的App還可以分享到墨刀Mac版的討論區內,讓其他的用戶看看你的App,幫助你改進,解答你制作時遇到的疑問,同時分享你的開發心得,一起在墨刀Mac版中成長。
墨刀mac版特色
基本操作
1、鏈接,手勢,定時器
2、屏幕滾動
3、返回上一頁
4、左右滑菜單
5、分享及手機運行
高保真原型
1、批量上傳設計圖
2、鏈接區域,固定標題欄
3、ios狀態欄重疊
進階:母版
1、定時輪播圖
2、下拉菜單
3、母版局部滾動
進階:動畫
1、頁面內交互入門
2、全局狀態
3、apple watch
4、FAB效果按鈕
5、FAB效果播放器
墨刀mac版安裝方法
下載好墨刀mac版直接雙擊打開,然后直接拖動墨刀到文件夾即可自動安裝成功
最后就可以直接的使用了!
墨刀桌mac版使用教程
鏈接、手勢及定時器
使用墨刀可以非常方便的創建頁面間鏈接,墨刀獨創的拖拽鏈接方式,讓頁面間的鏈接關系清晰呈現眼前,要創建頁面間鏈接,只需要選中要鏈接的組件,然后拖動組件右側的小圓圈到目標頁面就可以了,如下圖:
創建好鏈接之后,我們會看到鏈接選項面板:
可以看到,鏈接面板包含3個部分:手勢、切換動畫以及定時器,下面我們來依次介紹這3個部分。
由于手勢需要較大的可點擊區域,所以并不是所有組件都支持手勢,目前支持手勢的組件包括:全局手勢,鏈接區域,圖片以及矩形,可選的手勢如圖所示,共有6種:點按,長按以及上下左右滑動。
接下來就是頁面切換動畫選擇,共有15種特效可供選擇,如果您不確定需要那種效果,可以在選中之后,將鼠標移到上面的預覽框,對效果進行預覽。
最后是定時器,可以設定這個鏈接的自動跳轉時間,到達時間后,即使用戶沒有任何操作,應用也會自動跳轉到目標頁面,適合制作輪播動畫等等。
如何制作滾屏效果
如果頁面內容超過了當前屏幕的默認高度,只需要對屏幕高度進行擴展,就可以在預覽模式下通過滾屏來查看超出屏幕部分的內容了,擴展屏幕高度非常簡單,只需要點擊屏幕底部的“擴展屏幕高度”按鈕就可以了,見下圖:
如果需要對屏幕高度實現精確控制,也可以將鼠標移到屏幕底部,待鼠標變為拖動圖標后,直接拖動屏幕底部來調整屏幕高度。
如何制作側滑/抽屜菜單
要建立側滑菜單(或者抽屜菜單)效果需要用到全局手勢組件,見下圖紅圈:
首先假設你已經有了三個頁面,分別是居中的主頁面,左滑菜單以及右滑菜單,現在我們需要拖動兩個全局手勢組件到居中的主頁面的任意位置,見下圖:
然后分別將兩個手勢組件與兩側的菜單相連,下面以左滑菜單為例,創建好連接之后,我們需要將手勢設定為左滑動,然后選擇“左菜單”作為頁面切換效果,見下圖:
同理,連接另一個全局手勢到右側菜單,相應的選擇“右滑動”手勢以及“右菜單”交互,然后點擊運行,菜單效果就做好了:
- PC官方版
- 安卓官方手機版
- IOS官方手機版