设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 产品设计 > 简单三步实现banner的轮播效果

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

红旗飘飘
2016-07-01
106248

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

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

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

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

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

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

点击确定,就OK了。

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

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

1 是否选择指示器

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

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

4 指示器颜色

5 动画效果

6 播放间隔

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




上一篇
Mockplus发布HTML第三个 demo

jongde   07/04

熊先生做原型之:简单、粗暴、有效

熊先生   06/29

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com