2016 - 2024

感恩一路有你

使用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提供的功能,以满足不同的需求。希望这篇文章对你有所帮助!

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。