Question

Axure怎么制作一个标签导航栏原型？

Answer 1

标签导航栏是常见的产品动效，在Axure里，制作标签导航栏是最基础的操作！但是很多新手小伙伴可能还不会！因此，将教大家怎么制作！对于不同阶段的Axure学习需求伙伴，为大家提供了多套Axure自学视频课，包括原型图基础入门、APP购物车交互教程、支付宝APP交互教程、APP列表页切换教程、移动登录交互教程等可以全方位的为小伙伴们提供基础的功能学习以及上手实操，感兴趣的就去学习体验~

Axure制作一个标签导航栏原型教程：

一、制作原型1）用两个矩形制作一个LOGO和导航菜单，如图：

2）用两个矩形制作两个菜单，如图：

3）用中继器制作菜单，如图：

点击中继器进入，用一个矩形制作左侧菜单，如图：

4）用一个矩形制作首页标签，如图：

5）用中继器制作一个标签菜单，如图：

点击中继器进入，制作左侧菜单以及关闭按钮,如图：

6）制作一个动态面板用来切换页面，如图：

7）制作一个框架，选择框架目标为首页。

二、交互设置1）对菜单中继器进行“每项加载时”事件设置，如图：

点击中继器进入，对数据菜单进行“鼠标点击时”、“选中时”以及“取消选中时”事件进行设置。

2）点击“首页”标签，对其进行”鼠标点击时”事件设置。

3）对标签中继器进行“每项加载时”事件进行设置。

点击中继器进入，对“菜单标签”进行“鼠标点击时”和“选中时“事件设置。

对关闭按钮进行”鼠标点击时“事件设置。

最终效果：

以上就是羽兔为各位小伙伴提供的“Axure怎么制作一个标签导航栏原型？”的相关内容讲解了，希望能够帮助到你！学习Axure原型设计，教程不怕多，内容不怕详，更多Axure文章等你阅读~总之，学习使用Axure对我们来说真的没有任何坏处!如果你想系统全面的学习Axure，那么的Axure你不妨看一看？