鲁达 编辑导语：标签导航栏是常见的产品动效，如何用Axure8进行制作呢？本文作者对此做了展示，一起来看看吧。
本次分享的的案例是Axure8.0制作的标签导航栏。
一、制作原型
1）用两个矩形制作一个LOGO和导航菜单，如图：
2）用两个矩形制作两个菜单，如图：
3）用中继器制作菜单，如图：
点击中继器进入，用一个矩形制作左侧菜单，如图：
4）用一个矩形制作首页标签，如图：
5）用中继器制作一个标签菜单，如图：
点击中继器进入，制作左侧菜单以及关闭按钮,如图：
6）制作一个动态面板用来切换页面，如图：
7）制作一个框架，选择框架目标为首页。
二、交互设置
1）对菜单中继器进行“每项加载时”事件设置，如图：
点击中继器进入，对数据菜单进行“鼠标点击时”、“选中时”以及“取消选中时”事件进行设置。
2）点击“首页”标签，对其进行”鼠标点击时”事件设置。
3）对标签中继器进行“每项加载时”事件进行设置。
点击中继器进入，对“菜单标签”进行“鼠标点击时”和“选中时“事件设置。
对关闭按钮进行”鼠标点击时“事件设置。
本文由@qianqianlu 原创发布于人人都是产品经理，未经许可，禁止转载。
题图来自 unsplash，基于 CC0 协议。