先放一张效果图👇
学习axure肯定会碰到需要做导航栏的时候,并且我觉得导航栏的设计是最基础的,但却不是最简单的交互效果。设计导航栏时,只需要将其想象成多个图层即可。因为axure是原型设计软件,就像一个会动的ps,所有的效果都是通过不同的图片交替展现出来的,每一个鼠标的操作,都对应着改操作下的一个样式,或者说一张图片。所以说交互效果就是不同图层的交换展示,这样可能会好理解一些。
下面我们开始进入教程
1.首先需要将你的全部1、2、3级导航的样式做出来
2.设置三级导航
不管几级导航,都要从最低一级的导航进行设置,一层一层往上叠加。也就是开头说的“图层”。
选中你的三级导航以及这些三级导航的二导航,右键创建动态面板,并命名为“三级导航”。
3.双击刚刚创建的三级导航动态面板,进入到面板。