Axure是一款功能強大的原型設(shè)計工具，用于制作后臺產(chǎn)品的導航菜單欄。雖然Axure內(nèi)置了樹狀菜單，但無法隨意變換格式。本文將介紹如何使用Axure8設(shè)計導航菜單的思路和步驟。創(chuàng)建項目和頁面1. 打開

Axure是一款功能強大的原型設(shè)計工具，用于制作后臺產(chǎn)品的導航菜單欄。雖然Axure內(nèi)置了樹狀菜單，但無法隨意變換格式。本文將介紹如何使用Axure8設(shè)計導航菜單的思路和步驟。

創(chuàng)建項目和頁面

1. 打開Axure，新建一個項目，并命名頁面為"左側(cè)導航欄"，雙擊打開該頁面。

2. 拖動矩形框分別作為導航欄面板，包括一級項目、子項目一和子項目二。

- 一級項目字體大小設(shè)置為18。

- 二級項目字體大小設(shè)置為16。

制作二級項目

1. 將子項目一和子項目二轉(zhuǎn)換為動態(tài)面板，并分別命名為"二級-項目一"。

2. 設(shè)置"二級-項目一"的默認狀態(tài)為隱藏。

3. 點擊一級項目，選擇左側(cè)的屬性框，選擇鼠標單擊時的交互動作。

4. 選擇顯示"二級-項目一"，并將可見性選擇切換，并勾選置于頂層。

5. 向下推拉原件，此時可以預(yù)覽到二級項目的功能已經(jīng)成功設(shè)計。

制作三級項目

1. 點擊動態(tài)面板"二級-項目一"，按照相同的方法建立子項目。

- 子項目一命名為"三級-子項目一"，字體大小設(shè)置為14。

- 將"三級-子項目一"移動到"子項目一"下方，并轉(zhuǎn)換為動態(tài)面板。

- 設(shè)置"三級-子項目一"的默認狀態(tài)為隱藏。

2. 在"子項目一"的屬性里選擇鼠標單擊時的交互動作。

3. 隱藏"二級-項目一"，顯示"三級-子項目一"。

4. 顯示"二級-項目一"，勾選動作如圖所示。

5. 此時再點擊預(yù)覽，簡單的導航欄就設(shè)計成功了！

通過以上步驟，你可以在Axure中輕松制作出后臺產(chǎn)品的導航菜單欄。記得靈活運用Axure提供的功能，以滿足不同的需求。希望這篇文章對你有所幫助！