BANNER的几种组成形式

今天我们在聊一聊banner的话题，虽然有点单调，但是这些会对初学者很有帮助。因为最近工作不是很忙，又有一个APP项目需要在首页做一个banner的轮播，所以趁着这个时间整理了一下，也对banner进行了分类总结，希望对大家有帮助。

Banner的四种组成部分    （文字、主图、背景、点缀） 

一、字体

普及一个小知识；文字的分类：

字体分为 有衬线字体 和 无衬线字体 两种，通常有衬线字体会用来表现女性细腻、柔美、精致等；无衬线字体用来变现男性粗犷、刚劲、稳定等。那么从字体的选择上就会区分出一个banner图上应该用什么样的文字来表达文案的宗旨。

image

一般banner的主要文字加辅助文字要占banner总高度的1/2，辅助文字会添加背景衬托，或者用其他元素点缀，否则会没有辨识度。那么字体在banner中怎么变换呢？大致整合了几点：

1、字体变形（可以根据文案的内容进行夸大、强调、凸显重点文字，也可以变换笔划、更换颜色、拉伸文字等等。）

image

[图片上传失败...(image-15df60-1532503564673)]

2、遮盖阴影

有笔划遮盖、整字遮盖（比较流行的变换形势）

image image

3、文字底部加背景（突出主题，使主要文字与辅助文字达到统一）

image

4、字体描边

image image

5、投影、立体字体（利用软件或是ps图层样式制作3D效果）

image image

6、其他字体（复古字体、手写体、果冻字体、粉笔肌理的字体等等）

字体的变换有很多种形式，小编只是把常见的举例出来，更好的字体样式还需要大家不断发觉！

二、主图

主图要与文字相辅相成，图片要传达文字所要表达的内容，一般banner上会是左图右文/左文右图（在金融、信息等领域会使用这种表现方式）、中间图文等方式展现。

那么主图可以放：人物（相关人物、电商模特等）、产品、插画（鼠绘、手绘）等。

image image image

三、点缀元素

Banner中必不可少的还有点缀元素，可以是点线面的配合、虚实的变化、还有前后进深的变化。点缀元素带有方向性，通过对点缀元素的调整引导用户视觉。

image image

四、背景

banner中面积最大的要数背景了，那么背景也有几种表现形式，可以是纯色背景、位图背景、渐变背景、底纹背景等。可以根据企业色、产品主色或是文案需求来定制背景颜色。

总结了上面几点，大致包含了banner的几种组成部分，希望大家在此基础上不断发掘，都做一个大神。