Axure知识汇总Axure原型设计@产品

Axure制作单击交互的轮播图

2018-01-15  本文已影响67人  温柔的怪人

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

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


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


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


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


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

原型参考地址:

https://1nrnsu.axshare.com/

上一篇下一篇

猜你喜欢

热点阅读