編輯導語：標簽導航欄是常見的產品動效，如何用Axure8進行制作呢？本文作者對此做了展示，一起來看看吧。

本次分享的的案例是Axure8.0制作的標簽導航欄。

預覽及下載地址：https://40074m.axshare.com

一、制作原型

1）用兩個矩形制作一個LOGO和導航菜單，如圖：

2）用兩個矩形制作兩個菜單，如圖：

3）用中繼器制作菜單，如圖：

點擊中繼器進入，用一個矩形制作左側菜單，如圖：

4）用一個矩形制作首頁標簽，如圖：

5）用中繼器制作一個標簽菜單，如圖：

點擊中繼器進入，制作左側菜單以及關閉按鈕,如圖：

6）制作一個動態面板用來切換頁面，如圖：

7）制作一個框架，選擇框架目標為首頁。

二、交互設置

1）對菜單中繼器進行“每項加載時”事件設置，如圖：

點擊中繼器進入，對數據菜單進行“鼠標點擊時”、“選中時”以及“取消選中時”事件進行設置。

2）點擊“首頁”標簽，對其進行”鼠標點擊時”事件設置。

3）對標簽中繼器進行“每項加載時”事件進行設置。

點擊中繼器進入，對“菜單標簽”進行“鼠標點擊時”和“選中時“事件設置。

對關閉按鈕進行”鼠標點擊時“事件設置。

本文由@qianqianlu 原創發布于人人都是產品經理，未經許可，禁止轉載。

題圖來自 unsplash，基于 CC0 協議。