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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Axure设计轮播图
  • axure怎么制作抽屉效果?
  • Axure原型工具中继器实现选择中单行变颜色
  • AE制作视频时怎么修改文本投影的颜色
  • AxureRP如何关闭、恢复功能面板
  • 热门搜索
    关于热爱祖国的手抄报 国庆节手抄报。 端午节手抄报句子大全 心理健康手抄报资料 学生手抄报设计指南 教师节手抄报图片 保护海洋手抄报 诚信手抄报内容 环保手抄报内容大全 关于健康的英语手抄报