Axure怎么设计网站后台产品导航栏?

Axure怎么设计网站后台产品导航栏?

Axure中是做网站原型很方便，一个网站通常都需要一个导航菜单栏，实现多级导航菜单的功能，Axure虽然内置了树状菜单，但是却不能随意变换格式，今天我们就来看看axure设计导航菜单的思路的教程。

原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)

• 类型：辅助设计
• 大小：90.5MB
• 语言：简体中文
• 时间：2018-05-24

查看详情

1、打开Axure，新建一个项目，命名一个页面为左侧导航栏，并双击打开

2、拖动矩形框分别作为导航栏面板，项目一、子项目一、子项目二，一级项目字体为18，二级项目字体为16

3、将子项目一、二装换为动态面板，并命名二级-项目一，设为隐藏，移动到项目一

4、点击项目一，选择左侧的属性框，选择鼠标单击时

5、选择显示二级-项目一，将可见性选择切换，并勾选置于顶层，向下推拉原件，此时预览可以看见二级项目的功能已经设计成功

6、接下来制作三级项目，点击动态面板二级-项目一，按建立二级项目的方法进行新建子项目1.1、子项目2.2,字体为14，移动到子项目一下，转换为动态面板命名三级-子项目一，设置隐藏

7、同样的在子项目一的属性里选择鼠标单击时，此时交互动作略有变化，首先隐藏二级-项目一，显示三级-子项目一，显示二级-项目一，勾选动作如图即可

8、此时再点击预览，简单的导航栏就设计成功了

以上就是Axure设计网站后台产品导航栏的教程，希望大家喜欢，请继续关注脚本之家。

相关推荐：

Axure怎么创建鼠标点击展开的下拉菜单效果?

Axure怎么制作鼠标悬停下拉菜单显示的特效?

Axure RP怎么制作d出菜单的效果?