使用Axure制作后台产品导航栏
浏览量:2679
时间:2024-06-12 13:02:05
作者:采采
Axure是一款功能强大的原型设计工具,用于制作后台产品的导航菜单栏。虽然Axure内置了树状菜单,但无法随意变换格式。本文将介绍如何使用Axure8设计导航菜单的思路和步骤。
创建项目和页面
1. 打开Axure,新建一个项目,并命名页面为"左侧导航栏",双击打开该页面。
2. 拖动矩形框分别作为导航栏面板,包括一级项目、子项目一和子项目二。
- 一级项目字体大小设置为18。
- 二级项目字体大小设置为16。
制作二级项目
1. 将子项目一和子项目二转换为动态面板,并分别命名为"二级-项目一"。
2. 设置"二级-项目一"的默认状态为隐藏。
3. 点击一级项目,选择左侧的属性框,选择鼠标单击时的交互动作。
4. 选择显示"二级-项目一",并将可见性选择切换,并勾选置于顶层。
5. 向下推拉原件,此时可以预览到二级项目的功能已经成功设计。
制作三级项目
1. 点击动态面板"二级-项目一",按照相同的方法建立子项目。
- 子项目一命名为"三级-子项目一",字体大小设置为14。
- 将"三级-子项目一"移动到"子项目一"下方,并转换为动态面板。
- 设置"三级-子项目一"的默认状态为隐藏。
2. 在"子项目一"的属性里选择鼠标单击时的交互动作。
3. 隐藏"二级-项目一",显示"三级-子项目一"。
4. 显示"二级-项目一",勾选动作如图所示。
5. 此时再点击预览,简单的导航栏就设计成功了!
通过以上步骤,你可以在Axure中轻松制作出后台产品的导航菜单栏。记得灵活运用Axure提供的功能,以满足不同的需求。希望这篇文章对你有所帮助!
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。