当前位置: 首页 > 产业电商
Banner的不同样式类型分析

最近我在设计App中Banner排版样式的时候总是在纠结怎么用来用去就那几个样式,到底还有没有其它样式呢?那么问题又来了不同场景类型对应哪种样式更好呢?

下面我就以上这些疑问找了一些比较有代表性的Banner样式进行了汇总归类,分为以下6种类别:单张切换样式/多张切换样式/功能类样式/特殊排版一致类布局/特殊背景处理/复合拓展类。

接下来我们就不同类型进行举例并说明其运用场景。

一、单张切换样式

单张切换样式一般分为全部撑满、屏宽撑满和未撑满3种样式。

其中熊猫金库采用的是全部撑满的样式,淘宝采用的是屏宽撑满的弧形样式,转转采用的是未撑满的样式。总的来说,单张切换样式主要用于首页Banner的展示。

1. 全部撑满类样式

全部撑满类样式在越来越多的App中被弃用,主要原因是此样式对运营图的要求比较高,需要做到风格和颜色尽量一致,才不会影响App整个的风格展示效果。

当然这里以熊猫金库举例是因为它并没有采用相同颜色切换,而是都采用了左侧文字,右侧吉祥物的设计,而且采用的不同颜色饱和度明度也趋向一致,所以这样对APP的视觉呈现效果并没有起到反效果,反而有加分。

2. 屏宽撑满样式

然而屏宽撑满样式并不受此局限,是因为顶部采用了品牌主色调压轴,不管Banner风格样式和色彩怎样多变,都不会对视觉呈现有多大影响。

所以全部撑满类样式如果不能确保Banner的一致性,还是要慎用。屏宽撑满的样式适合有主色调压轴的情况下使用,适用于风格多样的购物类平台。

3. 未撑满样式

转转的未撑满的样式较为特殊,我们会在下文特殊背景样式类别里解析。

二、多张切换样式

多张切换样式分为:走马灯式轮播/右侧滑动类样式/堆叠类样式

1. 走马灯式轮播

我们首先来了解下什么是走马灯,上图为中国古代的走马灯。因多在灯各个面上绘制古代武将骑马的图画的连贯动态造型,而灯转动时看起来好像几个人你追我赶一样,故名走马灯。

那么App里常见的轮播Banner样式,可以追溯为走马灯式轮播,只不过由于这里是为功能信息服务的,所以我们这里无需展示图像的动态连贯信息。

上一篇: TEA:全球前十大主题公园1/4游客来自中国

下一篇: 微影:2016年5月30日-6月5日中国电影票房周报