墨刀桌m(xù)ac版是一款基于在蘋果電腦上的原型設(shè)計(jì)工具,利用此款軟件,你可以輕松快速的設(shè)計(jì)出一個(gè)APP的原形,從構(gòu)思到完成APP原形不過(guò)短短1小時(shí)就能完成,不涉及任何代碼語(yǔ)言,非常的好用!
墨刀mac版介紹
墨刀Mac版專門為愛好制作App的用戶量身定做,不需要太復(fù)雜的開發(fā)過(guò)程和步驟,上手簡(jiǎn)易。墨刀Mac版內(nèi)置的開發(fā)教程,新手教程,后續(xù)幫助都會(huì)使得用戶在制作自己的App時(shí)感到無(wú)比輕松。板塊化的設(shè)計(jì),想用戶所想,讓你的思維得到無(wú)限的放大,你所有的疑問(wèn)在軟件版塊上都能找到解答。
墨刀Mac版設(shè)計(jì)界面功能豐富,你想要的App功能幾乎都能在軟件清新簡(jiǎn)單而且強(qiáng)大的開發(fā)界面內(nèi)找到,將自己所需要的模塊丟到界面中部的開發(fā)界面,就能完成一個(gè)App的功能。一邊制作App一邊隨時(shí)可以預(yù)覽App的功能。完成的App還可以分享到墨刀Mac版的討論區(qū)內(nèi),讓其他的用戶看看你的App,幫助你改進(jìn),解答你制作時(shí)遇到的疑問(wèn),同時(shí)分享你的開發(fā)心得,一起在墨刀Mac版中成長(zhǎng)。
墨刀mac版特色
基本操作
1、鏈接,手勢(shì),定時(shí)器
2、屏幕滾動(dòng)
3、返回上一頁(yè)
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、頁(yè)面內(nèi)交互入門
2、全局狀態(tài)
3、apple watch
4、FAB效果按鈕
5、FAB效果播放器
墨刀mac版安裝方法
下載好墨刀mac版直接雙擊打開,然后直接拖動(dòng)墨刀到文件夾即可自動(dòng)安裝成功
最后就可以直接的使用了!
墨刀桌m(xù)ac版使用教程
鏈接、手勢(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)畫以及定時(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)畫選擇,共有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)頁(yè)面,適合制作輪播動(dòng)畫等等。
如何制作滾屏效果
如果頁(yè)面內(nèi)容超過(guò)了當(dāng)前屏幕的默認(rèn)高度,只需要對(duì)屏幕高度進(jìn)行擴(kuò)展,就可以在預(yù)覽模式下通過(guò)滾屏來(lái)查看超出屏幕部分的內(nèi)容了,擴(kuò)展屏幕高度非常簡(jiǎn)單,只需要點(diǎn)擊屏幕底部的“擴(kuò)展屏幕高度”按鈕就可以了,見下圖:
如果需要對(duì)屏幕高度實(shí)現(xiàn)精確控制,也可以將鼠標(biāo)移到屏幕底部,待鼠標(biāo)變?yōu)橥蟿?dòng)圖標(biāo)后,直接拖動(dòng)屏幕底部來(lái)調(diào)整屏幕高度。
如何制作側(cè)滑/抽屜菜單
要建立側(cè)滑菜單(或者抽屜菜單)效果需要用到全局手勢(shì)組件,見下圖紅圈:
首先假設(shè)你已經(jīng)有了三個(gè)頁(yè)面,分別是居中的主頁(yè)面,左滑菜單以及右滑菜單,現(xiàn)在我們需要拖動(dòng)兩個(gè)全局手勢(shì)組件到居中的主頁(yè)面的任意位置,見下圖:
然后分別將兩個(gè)手勢(shì)組件與兩側(cè)的菜單相連,下面以左滑菜單為例,創(chuàng)建好連接之后,我們需要將手勢(shì)設(shè)定為左滑動(dòng),然后選擇“左菜單”作為頁(yè)面切換效果,見下圖:
同理,連接另一個(gè)全局手勢(shì)到右側(cè)菜單,相應(yīng)的選擇“右滑動(dòng)”手勢(shì)以及“右菜單”交互,然后點(diǎn)擊運(yùn)行,菜單效果就做好了:
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版