简单三步实现banner的轮播效果

目前有很多人使用Axure做轮播效果,步骤略复杂了些。这里,抛开其他设计原型不说,只说说banner图片轮播,三步教你实现轮播效果,我用的原型图软件是Mockplus。

把图片准备好,要开始了。

第一步:拖出“图片轮播”组件到工作区

简单三步实现banner的轮播效果_第1张图片

第二步:双击“图片轮播”组件

简单三步实现banner的轮播效果_第2张图片

点击“+”导入图片(事先把图片准备好)

简单三步实现banner的轮播效果_第3张图片

选中你所需要的图片,可以多选,最多不能超过8个,按Ctrl键多选。点击打开就把选中的图片放入图片轮播里面了。

简单三步实现banner的轮播效果_第4张图片

点击确定,就OK了。

第三步:演示,点击软件上方的三角符号或直接按F5进入演示界面。

简单三步实现banner的轮播效果_第5张图片

如果需要调整其他属性,可以在属性面板里面选择。

1 是否选择指示器

2 指示器类型:圆点、方形、数字。

3 指示器方向:底、顶、左、右

4 指示器颜色

5 动画效果

6 播放间隔

是不是很简单很容易操作呢?




你可能感兴趣的:(移动开发,web前端,架构设计,UI,产品经理)