Axure设计图片轮番播放效果的网页原型的教程

axure是一个非常实用的原型制作工具,产品经理、产品助理、交互设计师经常用到它,那怎么使用axure实现广告轮播图效果呢?

1、创建两个动态面板,一个用于轮播图片,命名为【背景图片】,一个用于图片中的小圆点,命名为【圆点

2、然后再对应的【背景图片】动态图中添加3个动态,并每个动态设置对应添加图片,本文以占位符代替

3、然后设置【圆点】动态图中添加三种圆点动态,效果见下图

4、这一步最关键,对动态面板设置【载入时】动作,先设置等待3000毫秒,再设置面板状态【背景图片】 下一步 ->从最后一个到第一个自动跳转 ->重复每个3000毫秒切换->进入动画向左滑动用时500毫秒->退出时动画向左滑动用时500毫秒,再设置面板状态【圆点】下一步->从最后一个到第一个自动跳转 ->重复每个3000毫秒切换。点击确定。

5、好了,到此为止最简单的axure广告轮播图效果到此为止,快点击F5预览下效果吧

注意事项:

动作设置为载入时需要设置等待动作,不然一加载的时候就会切换到第二张图片的。

(0)

相关推荐

  • Axure设计的登陆页面怎么生成网页原型?

    Axure RP中想要设计一个网页想要生成原型,该怎么设计呢?下面我们就来看看详细的教程. 一.生成html文件 1.首先我们打开一个已经设计好了的网页原型. 2.然后点击软件右上角的发布按钮,找到生 ...

  • 网页图片循环播放效果

    在网页设计过程中,为了更好的展示产品,通常都会制作一些带有循环播放效果的图片,充分的利用这一网页效果,能够突显网站的影响力,达到事半功倍的效果.实现图片循环播放效果也是网页设计者必备之基本技能.下面让 ...

  • axure rp 8.0怎么制作幻灯片效果的网页原型?

    axure rp 是一个专业.高效制作原型软件,可以制作低保真原型,高保真原型,以及流程图,给产品经理带来很多的方便,工作效果也大大提高.幻灯片效果,在很多网站上都可以看到图片轮播,今天我在这给大家详 ...

  • axure怎么制作图片自动播放的效果?

    我们可以使用“Axure RP”工具设计交互式原型,这是一个非常棒的工具.现在我们使用它来构建图片自动播放(轮播),这里使用的是“Axure RP 8.0”,以下是您需要做的事情. 一.导入图片 1. ...

  • Axure RP 8怎么设计图片点赞功能的网页原型?

    Axure RP 8怎么设计图片点赞功能的网页原型? 1.打开Axure RP 8软件,在元件库中找到图片元件,拖一个到画布上,如下图所示: 2.在"Icons"中找到手形向上和手 ...

  • axure RP 8怎么做图片轮换的效果?

    在系统或网站中,经常用到图片定时或点击轮换,可以给用户一个吸引人的美观印象.Axure RP 8原型设计界面可以实现图片轮换,下面利用一个实例说明图片轮换的效果,操作如下: 1.打开Axure RP ...

  • PPT制作之多个图片同时播放的动画效果

    PPT的广泛运用,给我们的生活带来很多的便利.而PPT的动画效果,也丰富了眼球的视觉享受.其实图片的动画效果,不仅仅是一张一张播放,还可以多张图片同时播放.现在就来分享吧. 操作方法 01 打开Pow ...

  • Axure RP 8怎么设计注册页面的网页原型?

    建站的时候注册界面也是系统中常常涉及到的,登录一个新系统前先要注册,该怎么使用axure设计注册页面原型呢?下面我们就来看看详细的教程. 1.首先,打开Axure RP 8设计原型工具,找到设计控件, ...

  • axure怎么设计鼠标展开折叠效果?

    Axure中可以制作很多效果,想要制作一个折叠效果,该怎么制作呢?下面我们就来看看详细的教程. 1.从左侧部件库中拖拉2个矩形,按照个人设定的样式,直接用鼠标拖拉调整好:然后复制矩形——选中要复制的内 ...