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

1、打開Axure，新建一個項目，命名一個頁面為左側導航欄，并雙擊打開

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

3、將子項目一、二裝換為動態面板，并命名二級-項目一，設為隱藏，移動到項目一

4、點擊項目一，選擇左側的屬性框，選擇鼠標單擊時

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

6、接下來制作三級項目，點擊動態面板二級-項目一，按建立二級項目的方法進行新建子項目1.1、子項目2.2,字體為14，移動到子項目一下，轉換為動態面板命名三級-子項目一，設置隱藏

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

8、此時再點擊預覽，簡單的導航欄就設計成功了

以上就是Axure設計網站后臺產品導航欄的教程，希望大家喜歡，請繼續關注武林網。

相關推薦：

Axure怎么創建鼠標點擊展開的下拉菜單效果?

Axure怎么制作鼠標懸停下拉菜單顯示的特效?

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