怎么使用Axure制作三个选项卡效果?

溜溜自学专注室内设计,平面设计,视频剪辑,建筑动画和软件入门基础教程,新手实现快速入门与成长?去看一下 >>
文章作者:小溜 文章分类:平面设计 发布时间:2022-10-26 15:39 浏览量:499

大家好,我是小溜,怎么使用Axure制作三个选项卡效果?相信小伙伴们都有见过三个选择卡的效果,那么具体要如何实现呢?下面小溜就以Axure来为大家实例演示下方法。

如果您是第一次学习“Axure RP”那么可以点击这里,免费试学Axure RP最新课程>>

工具/软件

硬件型号:小新Pro14

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

首先打开Axure,新建一个空白页面,并拖入本次要使用的元件,如下图所示。

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

第2步

然后对这些元件的样式进行调整,如下图所示。

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

第3步

打开动态面板,如下图所示。

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

第4步

复制一些状态,如下图所示。

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

第5步

然后设置一下按下和选中的效果,如下图所示。

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

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

第6步

然后分组,设置组名,如下图所示。

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

第7步

然后加交互事件,如下图所示。

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

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

第8步

最后预览一下效果,如下图所示。

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

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

注意/提示

相信“怎么使用Axure制作三个选项卡效果?”这篇文章大家都已经学会了,如果大家还有其它疑问的话,可以持续关注溜溜自学网,我们每天都会为大家带来最新最实用软件小技巧。

Axure8.0交互设计必备教程
Axure RP是一个专业的快速原型设计工具。Axure RP已被一些大公司采用。是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
大宝老师 669人在学 基础入门
免费学习>
超低价秒杀课程
立即登录学习: