Axure繪制Web背景產品的菜單欄組件:
01繪制非交互原型1，先繪制第壹頁文字。將“rectangle 1”從默認組件庫中拖動到工作區的適當位置，並將大小修改為(160，40)。雙擊輸入文本代表主頁，將字體大小修改為16px，靠左對齊，然後將左邊距修改為40px。
2.再次繪制主頁圖標。將“圖片”從默認組件庫中拖動到矩形中的適當位置，並將大小更改為(20，20)。單擊樣式的“調整顏色”圖標，檢查調整顏色，並將飽和度拖動到最左側，使其變為0。
3.繪制首頁文本的選定樣式。右鍵點擊交互樣式切換到選中狀態，然後勾選單詞color，輸入blue #0000FF，點擊OK。
4.再次繪制選定樣式的主頁圖標。右鍵單擊交互樣式以切換到選定狀態，然後檢查圖像過濾並單擊確定。
5.畫壹個壹級分類。方法與上述四個步驟相同。
6.再次繪制第二頁。方法步驟與1和3相同，只是字體大小保持默認。根據需要復制多個二級頁面。
7.復制多個主要分類和次要頁面。
8.在左側的頁面區域，添加文件夾作為主要類別，添加頁面作為輔助頁面。然後右鍵點擊類別名稱-重復-分支快速復制。
9.同時選擇所有的菜單欄組件和頂部的導航組件，然後右鍵單擊“轉換為主控”，將其命名為“菜單欄”。
10.在左側的母版區域中，右鍵單擊母版菜單欄，單擊添加到頁面，然後單擊全選，選中發送到底部，最後單擊確定。
11.生成原型HTML，檢查原型效果。
畫交互原型12，先畫進入首頁的交互。雙擊主菜單欄進入，選擇主頁，右側邊欄切換到交互，點擊新建交互按鈕，選擇點擊時的觸發事件，添加動作打開鏈接，鏈接到主頁，點擊確定按鈕。(需要提前選擇首頁文字&；Home圖標，右鍵設置為組合，命名為Home)
13，再畫壹遍各個頁面的交互。切換到右側邊欄的“交互”，點擊“新建交互”按鈕，選擇觸發事件“點擊時”，添加動作“打開鏈接”，鏈接到相應頁面，點擊“確定”按鈕。
14，畫壹級分類的交互。同時，選擇分類名稱& amp；右鍵單擊分類圖標，將其設置為組合，並命名為壹級分類；同時選擇多個頁面名稱，右鍵設置為組合，命名為二級頁面。
然後點擊組合“壹級分類”，右邊的側邊欄會切換到“交互”。點擊“新建交互”按鈕，選擇觸發事件“點擊”，添加動作“顯示/隱藏”，選擇組合“二級頁面”為目標，選擇“切換”為操作，點擊更多選項，然後設置“展開和折疊”，點擊“確定”按鈕。(同理，設置其他壹級分類的交互。註意，組合需要單獨命名，以便於選擇目標)
15.設置主頁加載的交互。進入頁面首頁，點擊空白區域，右邊的側邊欄會切換到交互。點擊新建交互按鈕，選擇觸發事件“頁面加載時”，添加動作“設置選中”，選擇目標組合“主頁”，點擊“完成”按鈕。
16.設置頁面加載的交互。輸入頁面名稱，點擊空白區域，右邊的側邊欄會切換到交互。點擊新建交互按鈕，選擇觸發事件“頁面加載時”，添加動作“設置選中”，選擇頁面名稱作為目標，點擊完成按鈕(註意頁面名稱需要提前命名，方便選擇目標)。
17.生成原型HTML，檢查原型效果。
以上是關於“Axure如何繪制Web後臺產品的菜單欄組件？”精彩內容我都分享了，希望對妳有幫助！總結:如果頁面很多，可以使用三級菜單欄，即壹級菜單是分類，二級菜單是分類，三級菜單是頁面。另外，為了方便開發和測試理解，Axure左側的頁面結構也要使用相應的類別名稱。了解更多關於Axure原型的技能。為什麽不多看壹些關於Axure的文章？