axure中导航下拉菜单(axure底部导航栏切换)

本设计以哔哩哔哩创作中心为例，主要介绍二级和三级导航栏。
产品经理在设计完整的产品原型时，需要一个导航菜单栏。这个菜单栏看起来很简单，但是对于初级产品经理来说是个难点，自己很难搞清楚。今天做一个导航栏的原型设计教程供大家参考，学会这一招，轻松应对导航栏设计，进一步提升产品技能。
设计流程(1)设计概述
本设计以哔哩哔哩创作中心为例，主要介绍二级和三级导航栏。为了展示三级菜单的设计过程，将哔哩哔哩二级菜单原有的粉丝管理、互动管理、收益管理整合到二级菜单业务数据中。
(2)二级菜单设计
步骤如下：
1)打开Axure RP 8软件，新建一个名为导航栏的项目。
2)创建一个母版。
单击母版页上的“添加”按钮添加一个新的母版，它被命名为左侧的导航栏。
编辑母版。
将矩形3拖到窗口中作为导航栏面板。将第三级标题拖到窗口中，并将其命名为“哔哩哔哩创作中心”。
3)制作导航菜单。
拖拽矩形3，修改成合适的大小，放入合适的蔬菜单元，按照下图命名。
4)添加二级菜单
复制数据中心，并将其名称更改为Data Overview。复制数据中心，改名为受众分析，并排放。
选择数据概述和受众分析，右键单击并选择转换为动态面板。右键单击并选择“设置为隐藏”。
在动态面板的编辑区域中，将动态面板命名为Level 2-Data Center。
将动态面板“level 2-data center”移动到数据中心的底部。
5)二级菜单的交互设计
选择数据中心，然后双击鼠标。
遵循以下步骤，并在操作完成后单击OK。
6)创建一个菜单模块。
根据下面所示的结构创建菜单模块。
7)打开主页管理，将模板左侧的导航栏拖拽到主页管理窗口，同样的方法将主放入各个模块中。
8)预览
点击软件右上角的预览，预览导航栏效果，二级菜单完成。
(3)三级菜单
1)根据步骤2.2，制作二级菜单：二级-业务数据。
2)双击打开动态面板二级-业务数据，复制三个交互管理，分别命名为评论管理、弹幕管理、字幕管理。
选择三个矩形，选择设置为动态面板，命名为Level 3-interaction management，设置为隐藏。
3)互动效应
选择交互管理，双击鼠标，按照以下步骤操作，操作完成后确认。
4)点击预览查看效果。
综上所述，导航条是比较难的一个，但是没有难的功能。这次只是简单的菜单栏设计。实际菜单栏有很多交互设计和细节处理。以后再和你分享。
本文由@理查德克莱德曼原创发布。每个人都是产品经理。未经许可，禁止复制。
来自Unsplash的图像，基于CC0协议。