玩转Axure:轮播广告图制作教程

教程2年前 (2023)更新 设计狗
429 0 0

其实做自动轮播图的方式有很多,如果对于设计来讲的话,有二个工具可以尝试一下

一、Axuer交互原型软件

Axure RP是一款专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。

Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理 [1] 。

Axure RP的使用者主要包括商业分析师信息架构师产品经理、IT咨询师、用户体验设计师交互设计师UI设计师等,另外,架构师、程序员也在使用Axure。

那如何让这个软件制作自动轮播图呢?请看以下操作:

1、Axure软件使用及操作方法,请看以下教程:

链接: https://pan.baidu.com/s/1J8S1UOyZFp_n12n-CcMxYg?pwd=uskc 提取码: uskc

界面如下:

玩转Axure:轮播广告图制作教程

2、在元件库找到——动态面板,直接托到操作区,并创建三个状态,如下图所示:

玩转Axure:轮播广告图制作教程
玩转Axure:轮播广告图制作教程

3、双击【动态面板】,点击上方+,添加三个状态

玩转Axure:轮播广告图制作教程

4、准备好,自己想要的banner效果图,开始制作

玩转Axure:轮播广告图制作教程

5、将准备好的banner图片,复制粘贴到对应该的每个状态内去,如图所示:

玩转Axure:轮播广告图制作教程

6、选中动态面板——在右侧面板——属性——载入时

玩转Axure:轮播广告图制作教程

7、在弹窗面板——左侧——设置面板状态——勾选上自动轮播

玩转Axure:轮播广告图制作教程

8、在选择状态——NEXT——向后循环——间隔时间,自己调整,首个状态时间可以调整

进入动画:向左滑动

退出动画:向左滑动

玩转Axure:轮播广告图制作教程

9、这样点击上方预览,就可以在浏览器中进行中预览了,这样在网页加载时,就会自动轮播了

玩转Axure:轮播广告图制作教程
玩转Axure:轮播广告图制作教程

至此,你学会用Axure制作轮播广告图了吗?赶快上手试试吧!

© 版权声明

相关文章

暂无评论

暂无评论...