【Day 13】L3宇蓝酱-活动Banner分析

Banner.jpg

我们口中所说的Banner图是作为网页首页/APP首页、活动页的横幅广告，一般会放在页面的最顶部，有些放在中部，以及最下部。通过图片的形式，比文字更多的直观性和视觉吸引性，容易引起访问者的点击。

而Banner的设计也是有多重风格，有些简洁高端，有些色彩斑斓吸引人眼球，有些视觉冲击性强，并不是某一种风格总是能够吸引人的眼球，更重要的是组成Banner的元素搭配要合理。

怎么合理法？就要回归设计Banner的初衷：Banner是用来干什么的？

Banner导图.png

一、总体上

一眼望去，给人的感觉是很协调，很有Feel，能够让我在众多的Banner图中看到它。

二、细节上

1、背景

重度虚化后的城市灯光夜景，在颜色的变化上和虚实结合有了空间感，突显出主题人物和文字。在我们选择背景的同时，还要考虑上本次活动的主题是否适合，以及产品/活动的定位风格。

2、产品

上图宣传的主体是以文字的形式来体现的，简单的“满月庆”三个字表达这个活动是“摇看”这个平台满一个月的活动庆典；当然有些活动可以用图片来表述的话会更加直观，这要看你的主体适合哪一种形式

3、颜色

色环.png

互补和对比色会带来更大视觉的冲击力，显得更加突出

色环2.png

邻近色和同类色的使用会显得平衡、舒适、和谐

上图采用冷暖色搭配，背景色彩饱和度低显得柔和，人物主色调为暖色，跟背景融为一体，不会抢了内容的重点，黄色字体＋红色背景突出重点，一目了然。

4、字体

三种不同格式、不同大小的字体体现了设计的对比性，红色圆形的背景字体居中，日期加入底色，字体中心加入一束圆形亮光，这些都是为了突出内容重点，与人物和背景形成对比。

5、添加元素

适当的添加元素可以丰富Banner的内容，上图添加的元素是几片虚实不同的花瓣，增加的动感，大的花瓣虚融入背景，小的花瓣实视觉上显得距离近，虚实远近结合；
图片添加类似光线的棱形图层，让画面看起来更加立体。

最后还有图片的构图：左图右文。左右平衡，突出内容，符合正常的阅读习惯。