Axure中想要設(shè)計一款三級導航菜單，該怎么設(shè)計呢？下面我們就來看看詳細的教程。

1、創(chuàng)建一、二、三級導航，矩形框表示每個選項。三級導航3附圖片分別對應(yīng)第二步中三級導航動態(tài)面板的 A、B、C 三種面板狀態(tài)，便于切換顯示。同時，每個選項（小矩形框）都有選中后的顏色樣式交互：見第三幅圖片。

2、將二級導航和三級導航都轉(zhuǎn)換成動態(tài)面板，各自取名：二級導航，三級導航。同時對一級導航添加交互用例：“選中當前元件，顯示二級導航，隱藏三級導航。”

3、添加二級導航菜單中三個選項的交互用例，如圖操作，第二張和第三張與第一張的邏輯是一樣的，COPY設(shè)計就可以了。

4、添加三級導航菜單的交互用例，他們雖然有 A、B、C 這三張狀態(tài)，但他們的邏輯都是相同的。第二張圖就是以 A 狀態(tài)設(shè)計的交互，只要控制一下鼠標停留時的 UI 樣式就可以了，剩下兩個狀態(tài)直接 COPY.

5、最后，隱藏二級導航動態(tài)面板，隱藏三級導航動態(tài)面板，將整體界面上的所有元素包裹成一個總的面板，在總面板上添加交互用例，目的是為了鼠標離開的時候自動隱藏2、3級導航。

以上就是axure設(shè)計三級導航菜單的教程，希望大家喜歡，請繼續(xù)關(guān)注武林網(wǎng)。

相關(guān)推薦：

Axure 8怎么設(shè)計三級折疊菜單?

Axure怎么設(shè)計多層級菜單下拉聯(lián)動效果?

Axure怎么設(shè)計一個左側(cè)二級導航切換效果?