導(dǎo)航菜單

墨刀使用教程(墨刀教程(怎么用))

導(dǎo)讀 大家好,小體來(lái)為大家解答以上的問(wèn)題。墨刀使用教程,墨刀教程(怎么用)這個(gè)很多人還不知道,現(xiàn)在讓我們一起來(lái)看看吧!1、首先打開(kāi)墨刀軟件,

大家好,小體來(lái)為大家解答以上的問(wèn)題。墨刀使用教程,墨刀教程(怎么用)這個(gè)很多人還不知道,現(xiàn)在讓我們一起來(lái)看看吧!

1、 首先打開(kāi)墨刀軟件,新建一個(gè)應(yīng)用,選擇應(yīng)用類(lèi)型(選擇iPhone設(shè)備),輸入應(yīng)用名稱(chēng)、設(shè)備類(lèi)型、應(yīng)用大小,點(diǎn)擊創(chuàng)建按鈕,完成應(yīng)用創(chuàng)建。

2、 第二步

3、 新創(chuàng)建的應(yīng)用的標(biāo)題欄會(huì)自動(dòng)顯示應(yīng)用的名稱(chēng)(大家都是產(chǎn)品經(jīng)理),標(biāo)題欄文字可以自行修改。制作功能區(qū)導(dǎo)航欄,從左側(cè)的“Components”列中找到底部的組件,并將其拖動(dòng)到應(yīng)用程序中。大小和款式可以自己修改。然后拖動(dòng)到三個(gè)導(dǎo)航選項(xiàng)卡中,以修改選項(xiàng)卡的位置和名稱(chēng)。至此,底部導(dǎo)航欄完成。

4、 第三步

5、 然后簡(jiǎn)單的做好“產(chǎn)品經(jīng)理”首頁(yè)的原型,在左邊的“組件”欄找到搜索組件,拖拽到App首頁(yè),在“大師”欄找到輪播模板,拖拽到應(yīng)用中。墨刀里有一些現(xiàn)成的組件或者母版,可以直接拖拽使用,加快原型創(chuàng)作的時(shí)間。

6、 第四步

7、 然后回到“組件”欄,為首頁(yè)插入圖片和文本。畫(huà)面在右邊的設(shè)置欄中進(jìn)行調(diào)整。這里建議你直接拖動(dòng)圖片,然后用鼠標(biāo)調(diào)整大小。這樣會(huì)更方便。文本在左側(cè)的主題欄中進(jìn)行調(diào)整。你可以調(diào)整文字的大小和樣式,然后用鼠標(biāo)把它放到合適的位置。

8、 第五步

9、 點(diǎn)擊軟件右上角的“新建頁(yè)面”生成新頁(yè)面。每個(gè)頁(yè)面都具有復(fù)制、刪除和添加子頁(yè)面的功能。向新頁(yè)面添加標(biāo)題欄,復(fù)制主頁(yè)的底部導(dǎo)航,并將其粘貼到新頁(yè)面中。注意粘貼時(shí)是用來(lái)粘貼到“原始位置”的。這樣做“發(fā)現(xiàn)”頁(yè)和“我的”頁(yè)。

10、 第六步

11、 這里有一個(gè)墨刀很有特點(diǎn)的功能,就是通過(guò)連線在頁(yè)面之間跳轉(zhuǎn)。通過(guò)選擇應(yīng)用程序中的任何控件,圖片或文字可以通過(guò)添加手勢(shì)和頁(yè)面切換在頁(yè)面之間跳轉(zhuǎn)。具有操作方便、直觀的優(yōu)點(diǎn)。缺點(diǎn)是如果頁(yè)面復(fù)雜,跳轉(zhuǎn)多,會(huì)有很多交叉線,連接容易出錯(cuò)。

12、 第七步

13、 通過(guò)連線可以快速切換底部導(dǎo)航。設(shè)置完成后,選擇右上角的運(yùn)行按鈕,查看實(shí)際效果。效果如圖。

14、 第八步

15、 最后,移動(dòng)端更重要的一個(gè)功能,應(yīng)用全局手勢(shì)的添加,在左側(cè)的“組件”欄中找到全局手勢(shì)組件,拖動(dòng)到應(yīng)用中的任意位置,然后選擇啟動(dòng)手勢(shì)后要跳轉(zhuǎn)的頁(yè)面,選擇手勢(shì)模式和動(dòng)畫(huà)效果。

16、 第九步

17、 使用全局手勢(shì)組件在應(yīng)用程序中添加滑動(dòng)頁(yè)面切換效果。運(yùn)行測(cè)試,效果如圖。

18、 第十步

19、 手機(jī)預(yù)覽功能,可以直接引導(dǎo)原型到手機(jī)上觀看。只需在運(yùn)行界面點(diǎn)擊分享,用手機(jī)瀏覽器(墨刀app即可)掃描二維碼,直接在手機(jī)上查看樣機(jī)。更方便你為團(tuán)隊(duì)演示和解釋你的原型。

本文到此結(jié)束,希望對(duì)大家有所幫助。

免責(zé)聲明:本文由用戶上傳,如有侵權(quán)請(qǐng)聯(lián)系刪除!

猜你喜歡:

最新文章: