细说APP Banner设计技巧

一.拿到需求后，我们怎么去完成banner的一个框架？

 确定风格

 构图/排版

 色彩

二.第一个步骤确定后， 我要去填充banner图里面的内容了，首先我们要知道Banner是由那几个要素组成的，Banner组成要素包含4个方面：文案 、文案配图、背景、装饰物。

1.首先我们从文案入手，文案我们要从两个方面讲解，第一个是文字字体处理，第二就是文字排版；

1-1.我们首先从第一个方面文字字体处理这个方面细说：

文字切割，这种处理方法一般是将字体的某部分/连接处切割处理，或是在切割处增添一些元素；这种处理好处是，让字体更具有艺术感，画面更具有空间感，让banner整体增添几分文艺或神秘的氛围；

1-1

1-2

1-3

对字体变形处理；我们看1-3图，这里将字体进行了一个扭曲处理，在1-5图中，设计师将字体端点细节进行处理；或者将字体粗细，笔划进行形状的改变，这里就不一一举例啦，这种处理方式使文字“活”起来，更贴合文案语义；

1-4

给字体笔划进行模糊/擦除/透明度/色差处理，一般是将字体的笔划模糊或透明度处理，或用画笔擦除一部分，或改边某个笔划的颜色，总之处理方式多种多样但都大同小异；这种处理方式的使字体看起来更为立体或者更贴合背景；

                                       

1-6

1-7

1-8

1-9

给字体添加“高光/投影”，这种处理方式是在字体上添加一些高光元素，或者在字体后面加一些线性或面性的“投影”元素，使字体看起来更立体，又与背景十分贴合；

1-2.上面我们说完字体几种常见的处理形式，下来我们来说一下Banner文案常见的几种排版样式；

横向排版，这种排版样式比较常见，一般是用字体大小/粗细/类型/颜色将主要内容和次要内容区分开，这种排版显得层次分明，一目了然；

倾斜排版，这种排版一般用于冲击感比较强的页面，比较有动感和活力

纵向排版，这种排版形式适用于文案内容比较少的排版，多用于比较古典和文艺清新的页面；

错落排版，这种排版看起来参次错落，更具有美感和气势，但这这种排版也限于文案内容比较少的Banner上

波浪排版，这种排版形式比较少见，这里还是说一下，这种排版多用于节日活动页，比较活泼，增强氛围；

2.上面我们讲到的是文字处理和排版，那下面我们就讲一下文案配图，常见的文案配图

插画配图，这种对设计师的要求比较高了，需要自己去手绘插画图，当然也可以去找素材；

实物配图，一般这种直接使用某个产品/人物/场景的图片，但是这种对图片的清晰度和构图有比较高的要求；

图片转手绘配图，这种配图的处理方法是将图片转化成手绘的风格，这样就解决了图片不清晰，和背景图融合度不够的问题，而且还更有设计感

3.下面我们再简单讲banner背景啦，常见背景类型有4种：纯色背景、渐变背景、纹理质感背景、图片背景；前两种很好理解，纹理质感背景常用的是纸张或石头/地表纹理或是杂色纹理，图片背景对图片的清晰度和美感都有要求；

4.装饰物，分为背景装饰和文案层装饰

4-1常见的背景装饰，有点线条几何形体、发光体

4-2文案装饰，常见的文案装饰线条几何形体，画笔和根据文案语意环境的加入的图形