Axure制作单击交互的轮播图

作者: 温柔的怪人 | 来源:发表于2018-01-15 10:13 被阅读67次

使用Axure制作原型是每个产品人必备的能力

下面介绍快速制作如下图的的轮播效果:
轮播效果.gif
  1. 在Axure里面拉一个动态面板,动态面板按照所需放图片,在这里我放置了三张图片见下图:


    动态面板.png
  2. 制作如下两个样式,放在的动态面板上面,箭头样式大家按照喜好自行调整


    箭头制作.png
  3. 给左箭头添加单击事件:


    左箭头单击事件.png
  4. 右箭头添加单击事件:


    右箭头单击事件.png
  5. 这样一个简单的可交互轮播图就制作好了。
    是不是很简单,快动手试一下吧。

原型参考地址:

https://1nrnsu.axshare.com/

相关文章

  • Axure制作单击交互的轮播图

    使用Axure制作原型是每个产品人必备的能力 下面介绍快速制作如下图的的轮播效果: 在Axure里面拉一个动态面板...

  • 1.Axure动态面板之轮播图显示

    Axure中动态面板常用来实现交互效果,如: 使用动态面板制作轮播图。 使用动态面板制作tab页面切换。 使用动态...

  • Axure案例——轮播图例制作

    Axure案例——轮播图例制作 制作流程: 1、添加轮播图的动态面板,注意,设置状态时,通过复制状态来设置; 2、...

  • Axure原型设计——轮播图

    轮播图是网页设计或者APP设计常见的元素,学会使用axure原型工具制作轮播图对制作PC端或移动端的原型都非常实用...

  • Axure制作轮播图

    效果说明: (1)页面载入后定时4s自动循环轮播; (2)图片向左滑动,原点指示随图片滑动变化; (3)鼠标移入原...

  • Axure 轮播图的实现

    广告轮播banner图,是PC或APP上最基本的交互。我们利用Axure可以快速设计实现该交互。 具体功能点及操作...

  • Axure 9.0 制作轮播图

    常用的社交、电商等APP均可看到轮播图效果,本文是关于常见功能-轮播图的制作教程,希望可以给有需要的人一点帮助~ ...

  • JavaScript基础

    1.javascript的用途 Javascript用来制作web页面交互效果,提升用户体验。 常用来制作轮播图,...

  • Axure案例——圆球

    Axure案例——圆球 制作流程 第一种方法: 1、添加圆球1,注意命名,选择球1的选中效果,设置鼠标单击时的交互...

  • Axure制作首页轮播图片切换效果

    1、新建Axure PR文件,取名“Axure制作首页轮播图片切换效果” 2、获取素材,进入36Kr官网主页,获取...

网友评论

    本文标题:Axure制作单击交互的轮播图

    本文链接:https://www.haomeiwen.com/subject/iejroxtx.html