必看！移动端图片轮播原型设计指南

图片轮播原型设计常应用于各大app的首页，包括文章分享app、读书app、商城app等等。下面我会和大家分享一些常用的图片轮播案例：

1、 顶端banner轮播图元件：这种是最常见最简单的轮播图了，一般会放在界面的顶端，或者有多个类别时，放在内容的最上面，将最精彩的内容，或者是广告推送给客户，一般应用于线上商城、外面平台、文章阅读平台等等。这种图片轮播元件有两个交互，一个是自动轮播，间隔2-3秒自动切换下一张图；第二个是手动轮播，就是用户可以通过左右滑动切换图片。

2、 大小轮播图元件：大小图轮播元件其实就是在banner轮播元件的基础上加了图片放大缩小的效果，以及点击左右小图时移动的效果。大小图轮播图更多的是应用于类似产品的选择上，比如同一款型号手机的不同颜色，这样能够让用户看到多种颜色，如果对某个颜色感兴趣，就可以直接点击查看大图。另一种是相识产品的展示，例如不同款的手表、汽车等，让用户知道有多款产品可以查看。

3、  全屏轮播图元件：全屏轮播图元件一般用于软件启动的启动页，可以用于广告展示，告知用户新版信息及使用提示、介绍软件和公司的solgan和logo等等。全屏轮播图元件和banner轮播元件基本一致，只不过改变了图片的大小，变成了全屏显示。

4、 上下滑动轮播图元件：上下滑动轮播图元件一般会应用于直播app、视频app等，不需要太多文字内容，让用户过目即可。如果用户手指停留在屏幕上时，停止滑动，松开继续滑动，用户也可以上下滑动查看内容。

5、 心形轮播图元件：心形轮播软件是就近很流行的图片动画，一般用于像珍爱网、世纪佳联、百合网等一些相亲app。当然了在特殊节日如父亲节、母亲节、情人节也会用的上，该元件的交互主要是移动图片和放大缩小。

由千语创想团队倾情打造的一站式在线设计平台——千语创想（https://www.qianyuthink.com/?url=），帮助您一站式完成编千语创想所有设计工作，需求梳理+原型设计+ui设计一个人统统搞定。必须要强调：千语创想免费使用，是互联网产品人提升工作效率的神器，海量需求模板库覆盖各个行业，一键生成产品需求导图，可根据需求在线编辑；需求导图一键生成产品原型，再也不用为设计原型图而苦恼；在线ui设计，支持Sketch导入，一键切图和标注。千语创想可提升30%-60%项目开发效率，快去免费体验吧。