【修真院PM小课堂】轮播图有几种表现形式，适合什么场景， 有哪些切换方式？

大家好，我是IT修真院西安分院第6期的PM学员，今天给大家分享一下，关于web和app中轮播图的各种表现形式和切换方式

一、背景目标
背景：轮播图不论在web还是app中都是首屏至关重要的一部分，很多时候我们都会选择轮播图这种引导宣传的方式，搞清楚轮播图的各种表现形式和切换方式，对我们设计产品来说是十分重要的。

目标：探究轮播图的页面位置、切换方式、布局设计、切换效果的优缺点和场景，以便在使用轮播图的时候可以更好的设计产品需要的方案。

二、轮播图的页面位置
1.屏幕左侧
优点：可以用轮播图内容引发用户兴趣，吸引用户注意力，提高点击率
缺点：轮播图尺寸很难把握，图片太小容易被忽略，图片太大右侧内容容易被忽略
场景：多用于资讯类
案例：搜狐、人人都是产品经理、环球网
2.屏幕中间
优点：重要程度比放在左侧还要高的多，主要靠轮播图来吸引用户
缺点：很占空间，热区容纳信息量变小，视觉被吸引可能会忽略其他重要的元素
场景：需要轮播图来极速抓住用户注意力的情况，多为电商、生活类等
案例：小猪短租、爱彼迎、美团、淘宝、网易严选、下厨房
3.屏幕右侧
优点：充实页面提高页面美观度的同时还可以进行引导宣传营销
缺点：用户很可能会阅读完文字内容自动忽略轮播图
场景：需要对页面进行充实或是左侧大片区域有核心业务的情况
案例：网易新闻、百度新闻、飞猪
4.无轮播图
优点：提高网站性能和加载速度
缺点：用户可接收到的宣传的内容一定程度上有所减少
场景：社交类、资讯类、生活类、和部分选择静态图的电商web
案例：腾讯新闻、搜狐新闻、知乎、微博、豆瓣、蘑菇街、链家、58同城

轮播图位置一定程度上代表了轮播图的重要性，但是尺寸也是受关注程度的重要因素，尺寸越大越容易受到关注。

三、轮播图的布局设计
1.整张大图
优点：视觉效果非常好，重点突出，可以让用户一眼关注到宣传重点
缺点：占用空间较多，影响屏幕信息容量
场景：定位清晰、布局简洁、内容较少、对于宣传十分重视的web
案例：小猪短租、美团、途牛
2