快速导航×

Axure怎么制作简单开关按钮原型?

发布时间:
作者:田里的守望者优质创作者
简介:有艺术的生活就有欢乐,就有美

按钮,大家在一些产品设计里面都见过!而使用Axure自己制作出来,可能就不懂了!下面粤秀教育将教大家怎么使用Axure制作一个开关按钮原型!如果你打算自学Axure原型设计的话,推荐粤秀教育的Axure自学视频课,专业讲师传授知识点,可以0基础学会软件功能操作以及动手实操~

Axure制作简单开关按钮原型方法:

所需元件

一个命名为“容器”的矩形

Axure怎么制作简单开关按钮原型?

一个命名为“关”的椭圆

一个命名为“开”的椭圆

操作步骤

(1)设置矩形圆角半径为40

(2)将矩形尺寸调为w:100,h:31

(3)将两个椭圆放到“容器”内合适的位置

(4)设置“容器”的交互样式——选中——填充颜色

(5)设置“关”椭圆的交互——鼠标单击时

(6)设置“开”椭圆的交互——鼠标单击时:

特别注意,这里的“容器”选中状态要改为false。

(7)将“开”椭圆隐藏

(8)看看效果

1)关闭开关效果:

2)开启开关效果:

小记

(1)这是开启Axure绘制原型学习过程中一个非常容易实现的原型,尽管非常的简单,但是作用却很大。目前许多的APP在通知开关用到的样式都是这种开关按钮样式,学会这个,那么你在许多APP类原型中就都可以用到了!

(2)虽然简单,但还是要提醒大家,在绘制原型时为每一个元件命好名。像这个原型,有两个形状大小都相同的椭圆,且两个椭圆的交互都涉及到对方,假如没有一开始给它们命好名,那么你在设置交互时就会出现下图这种情况:

以上就是关于Axure怎么制作简单开关按钮原型?”的内容分享了,希望能够帮到你!更多Axure精彩分享,尽在Axure相关文章!Axure因其能够快速、高效的创建原型,备受众多产品设计人员所使用!对于想要快速学会Axure原型设计的小伙伴,就可以选择粤秀教育精选的Axure自学视频课!不要犹豫,选择合适的课程开始学习体验吧~

版权声明:本文由作者上传并发布,转载请注明来源。本站部分文字或图片来自于网络,如有侵权请尽快联系我们。

97%的人继续看了

其他人推荐看

Copyright © 2008-2023 yuexiuedu.com

ICP备案号:粤ICP备2021022410号

粤公网安备 44030602006003号

粤秀教育 版权所有 联系我们


Warning: Invalid argument supplied for foreach() in /www/wwwroot/www.yuexiuedu.com/yishu/wp-includes/script-loader.php on line 2841