Axure中是做網(wǎng)站原型很方便，一個(gè)網(wǎng)站通常都需要一個(gè)導(dǎo)航菜單欄，實(shí)現(xiàn)多級(jí)導(dǎo)航菜單的功能，Axure雖然內(nèi)置了樹(shù)狀菜單，但是卻不能隨意變換格式，今天我們就來(lái)看看axure設(shè)計(jì)導(dǎo)航菜單的思路的教程。

1、打開(kāi)Axure，新建一個(gè)項(xiàng)目，命名一個(gè)頁(yè)面為左側(cè)導(dǎo)航欄，并雙擊打開(kāi)

2、拖動(dòng)矩形框分別作為導(dǎo)航欄面板，項(xiàng)目一、子項(xiàng)目一、子項(xiàng)目二，一級(jí)項(xiàng)目字體為18，二級(jí)項(xiàng)目字體為16

3、將子項(xiàng)目一、二裝換為動(dòng)態(tài)面板，并命名二級(jí)-項(xiàng)目一，設(shè)為隱藏，移動(dòng)到項(xiàng)目一

4、點(diǎn)擊項(xiàng)目一，選擇左側(cè)的屬性框，選擇鼠標(biāo)單擊時(shí)

5、選擇顯示二級(jí)-項(xiàng)目一，將可見(jiàn)性選擇切換，并勾選置于頂層，向下推拉原件，此時(shí)預(yù)覽可以看見(jiàn)二級(jí)項(xiàng)目的功能已經(jīng)設(shè)計(jì)成功

6、接下來(lái)制作三級(jí)項(xiàng)目，點(diǎn)擊動(dòng)態(tài)面板二級(jí)-項(xiàng)目一，按建立二級(jí)項(xiàng)目的方法進(jìn)行新建子項(xiàng)目1.1、子項(xiàng)目2.2,字體為14，移動(dòng)到子項(xiàng)目一下，轉(zhuǎn)換為動(dòng)態(tài)面板命名三級(jí)-子項(xiàng)目一，設(shè)置隱藏

7、同樣的在子項(xiàng)目一的屬性里選擇鼠標(biāo)單擊時(shí)，此時(shí)交互動(dòng)作略有變化，首先隱藏二級(jí)-項(xiàng)目一，顯示三級(jí)-子項(xiàng)目一，顯示二級(jí)-項(xiàng)目一，勾選動(dòng)作如圖即可

8、此時(shí)再點(diǎn)擊預(yù)覽，簡(jiǎn)單的導(dǎo)航欄就設(shè)計(jì)成功了

以上就是Axure設(shè)計(jì)網(wǎng)站后臺(tái)產(chǎn)品導(dǎo)航欄的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注武林網(wǎng)。

相關(guān)推薦：

Axure怎么創(chuàng)建鼠標(biāo)點(diǎn)擊展開(kāi)的下拉菜單效果?

Axure怎么制作鼠標(biāo)懸停下拉菜單顯示的特效?

Axure RP怎么制作彈出菜單的效果?