Axure设计图片轮番播放效果的网页原型的教程
发布时间:2016-10-23 14:47:04 作者:佚名 我要评论
想设计一个网页原型,该怎么设计呢?下面我们就来看看使用Axure设计图片轮番播放效果的网页原型的教程,很简单,需要的朋友可以参考下
axure是一个非常实用的原型制作工具,产品经理、产品助理、交互设计师经常用到它,那怎么使用axure实现广告轮播图效果呢?
1、创建两个动态面板,一个用于轮播图片,命名为【背景图片】,一个用于图片中的小圆点,命名为【圆点】
2、然后再对应的【背景图片】动态图中添加3个动态,并每个动态设置对应添加图片,本文以占位符代替
3、然后设置【圆点】动态图中添加三种圆点动态,效果见下图
4、这一步最关键,对动态面板设置【载入时】动作,先设置等待3000毫秒,再设置面板状态【背景图片】 下一步 ->从最后一个到第一个自动跳转 ->重复每个3000毫秒切换->进入动画向左滑动用时500毫秒->退出时动画向左滑动用时500毫秒,再设置面板状态【圆点】下一步->从最后一个到第一个自动跳转 ->重复每个3000毫秒切换。点击确定。
5、好了,到此为止最简单的axure广告轮播图效果到此为止,快点击F5预览下效果吧
注意事项:
动作设置为载入时需要设置等待动作,不然一加载的时候就会切换到第二张图片的。
相关推荐:
相关文章
- axure怎么绘制流程图中的箭头?axure绘制流程图需要使用箭头连接,该怎么绘制箭头呢?下面我们就来看看使用axure给流程图添加箭头的教程,需要的朋友可以参考下2016-09-30
axure动态面板怎么用? Axure动态面板制作页面弹出层的教程
axure动态面板怎么用?像制作一个弹出的网页,这时候我们就可以使用axure来设计,下面我们就来看看Axure动态面板制作页面弹出层的教程,需要的朋友可以参考下2016-09-23- axure rp 8.0怎么制作幻灯片效果的网页原型?很多网站上都可以看到图片类似幻灯片一样播放,该怎么制作这个效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下2016-09-12
- Axure设计的原型怎么一键生成网站结构图?Axure中设计好的网站原型怎么生成网站结构图呢?下面我们就来看看Axure生成网站结构物的教程,需要的朋友可以参考下2016-09-01
- Axure下载的外部部件怎么导入?Axure中绘制网页原型的时候,为了让网页效果更好,该怎么导入已经下载好的部件呢?下面我们就来看看详细的教程,需要的朋友可以参考下2016-08-30
- Axure RP 8怎么创建母板?Axure RP 8中像制作一个常用的模版,该怎么制作呢?下面我们就来看看Axure创建母板的详细教程,很简单,需要的朋友可以参考下2016-08-19
- Axure RP 8怎么制作一幅一年四季变化图?Axure经常制作网页原型,该怎么制作一幅司机风景图呢?下面我们就来看看详细的教程,需要的朋友可以参考下2016-08-18
- Axure RP Pro 7.0怎么制作Tab标签效果?Axure经常用于网页原型设计,今天我们就来看看使用Axure设置Tab标签效果的教程,需要的朋友可以参考下2016-08-14
- Axure RP 8设计网页原型怎么添加水平菜单?经常使用Axure软件设计网页原型,想给网页添加一个水平菜单,该怎么添加呢?下面我们就来看看详细的教程,需要的朋友可以参考下2016-08-12
- Axure RP 8怎么制作锁定对象或隐藏对象?Axure设计网页原型的时候,想要实现利用锁定对象或隐藏对象的功能,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参2016-08-11
最新评论