我们口中所说的Banner图是作为网页首页/APP首页、活动页的横幅广告,一般会放在页面的最顶部,有些放在中部,以及最下部。通过图片的形式,比文字更多的直观性和视觉吸引性,容易引起访问者的点击。
而Banner的设计也是有多重风格,有些简洁高端,有些色彩斑斓吸引人眼球,有些视觉冲击性强,并不是某一种风格总是能够吸引人的眼球,更重要的是组成Banner的元素搭配要合理。
怎么合理法?就要回归设计Banner的初衷:Banner是用来干什么的?
一、总体上
一眼望去,给人的感觉是很协调,很有Feel,能够让我在众多的Banner图中看到它。
二、细节上
1、背景
重度虚化后的城市灯光夜景,在颜色的变化上和虚实结合有了空间感,突显出主题人物和文字。在我们选择背景的同时,还要考虑上本次活动的主题是否适合,以及产品/活动的定位风格。
2、产品
上图宣传的主体是以文字的形式来体现的,简单的“满月庆”三个字表达这个活动是“摇看”这个平台满一个月的活动庆典;当然有些活动可以用图片来表述的话会更加直观,这要看你的主体适合哪一种形式
3、颜色
互补和对比色会带来更大视觉的冲击力,显得更加突出
邻近色和同类色的使用会显得平衡、舒适、和谐
上图采用冷暖色搭配,背景色彩饱和度低显得柔和,人物主色调为暖色,跟背景融为一体,不会抢了内容的重点,黄色字体+红色背景突出重点,一目了然。
4、字体
三种不同格式、不同大小的字体体现了设计的对比性,红色圆形的背景字体居中,日期加入底色,字体中心加入一束圆形亮光,这些都是为了突出内容重点,与人物和背景形成对比。
5、添加元素
适当的添加元素可以丰富Banner的内容,上图添加的元素是几片虚实不同的花瓣,增加的动感,大的花瓣虚融入背景,小的花瓣实视觉上显得距离近,虚实远近结合;
图片添加类似光线的棱形图层,让画面看起来更加立体。
最后还有图片的构图:左图右文。左右平衡,突出内容,符合正常的阅读习惯。