手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

教大家使用Axure制作选项卡的效果

时间:2024-10-12 20:05:15

1、首先打开Axure,新建一下空白页面,并拖入两个矩形,如下图所示。

教大家使用Axure制作选项卡的效果

2、然后在拖入一个动态面板,如下图所示。

教大家使用Axure制作选项卡的效果

3、同样的方法,复制出三个类似的选项卡,如下图所示。

教大家使用Axure制作选项卡的效果

4、然后给最后面动态面板做载入时的效果,如下图所示。

教大家使用Axure制作选项卡的效果

5、选项最上面的矩形,加入交互事件,如下图所示。

教大家使用Axure制作选项卡的效果

6、同样的方式,将其他的交互事件加上,如下图所示。

教大家使用Axure制作选项卡的效果
教大家使用Axure制作选项卡的效果

7、最后我们看一下效果,如下图所示。

教大家使用Axure制作选项卡的效果

8、更多原型制作经验持续更新,欢迎关注。

© 手抄报圈