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

原型設(shè)計工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)

• 類型：輔助設(shè)計
• 大?。?/span>90.5MB
• 語言：簡體中文
• 時間：2018-05-24

查看詳情

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

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

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

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

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

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

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

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

以上就是Axure設(shè)計網(wǎng)站后臺產(chǎn)品導(dǎo)航欄的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。

相關(guān)推薦：

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

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

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

最新評論