Axure制作单击交互的轮播图

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

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

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


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


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


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


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

    原型参考地址:

    https://1nrnsu.axshare.com/

    相关文章

      网友评论

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

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