Axure怎么设计网站后台产品导航栏?
百度经验 发布时间:2019-06-26 11:59:40 作者:shl020213 我要评论
Axure怎么设计网站后台产品导航栏?Axure中想要设计一款网站后台的产品导航栏,该怎么制作这个网页的原型呢?下面我们就来看看详细的教程,需要的朋友可以参考下
Axure中是做网站原型很方便,一个网站通常都需要一个导航菜单栏,实现多级导航菜单的功能,Axure虽然内置了树状菜单,但是却不能随意变换格式,今天我们就来看看axure设计导航菜单的思路的教程。
1、打开Axure,新建一个项目,命名一个页面为左侧导航栏,并双击打开
2、拖动矩形框分别作为导航栏面板,项目一、子项目一、子项目二,一级项目字体为18,二级项目字体为16
3、将子项目一、二装换为动态面板,并命名二级-项目一,设为隐藏,移动到项目一
4、点击项目一,选择左侧的属性框,选择鼠标单击时
5、选择显示二级-项目一,将可见性选择切换,并勾选置于顶层,向下推拉原件,此时预览可以看见二级项目的功能已经设计成功
6、接下来制作三级项目,点击动态面板二级-项目一,按建立二级项目的方法进行新建子项目1.1、子项目2.2,字体为14,移动到子项目一下,转换为动态面板命名三级-子项目一,设置隐藏
7、同样的在子项目一的属性里选择鼠标单击时,此时交互动作略有变化,首先隐藏二级-项目一,显示三级-子项目一,显示二级-项目一,勾选动作如图即可
8、此时再点击预览,简单的导航栏就设计成功了
以上就是Axure设计网站后台产品导航栏的教程,希望大家喜欢,请继续关注脚本之家。
相关推荐:
相关文章
- 这篇文章主要介绍了html5 横向滑动导航栏的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习2020-05-08
- 这篇文章主要介绍了纯CSS实现导航栏下划线跟随效果,本文图文并茂实例代码详解,给大家介绍的非常详细,需要的朋友参考下吧2019-12-09
- 这篇文章主要介绍了织梦DEDECMS实现多行导航菜单栏的实现方法,有此需要的朋友们可以参考学习下。2019-12-06
- Axure怎么插入横向导航栏元件?Axure中想要制作一个横向导航栏,我们可以直接插入元件,该怎么操作呢?下面我们就来看看详细的教程,需要的朋友可以参考下2019-05-08
- 这篇文章主要介绍了html+css+js实现导航栏滚动渐变效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2021-01-28
最新评论