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

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

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

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

2. 拖動(dòng)矩形框分別作為導(dǎo)航欄面板，包括一級(jí)項(xiàng)目、子項(xiàng)目一和子項(xiàng)目二。

- 一級(jí)項(xiàng)目字體大小設(shè)置為18。

- 二級(jí)項(xiàng)目字體大小設(shè)置為16。

制作二級(jí)項(xiàng)目

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

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

3. 點(diǎn)擊一級(jí)項(xiàng)目，選擇左側(cè)的屬性框，選擇鼠標(biāo)單擊時(shí)的交互動(dòng)作。

4. 選擇顯示"二級(jí)-項(xiàng)目一"，并將可見性選擇切換，并勾選置于頂層。

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

制作三級(jí)項(xiàng)目

1. 點(diǎn)擊動(dòng)態(tài)面板"二級(jí)-項(xiàng)目一"，按照相同的方法建立子項(xiàng)目。

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

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

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

2. 在"子項(xiàng)目一"的屬性里選擇鼠標(biāo)單擊時(shí)的交互動(dòng)作。

3. 隱藏"二級(jí)-項(xiàng)目一"，顯示"三級(jí)-子項(xiàng)目一"。

4. 顯示"二級(jí)-項(xiàng)目一"，勾選動(dòng)作如圖所示。

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

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