细说APP Banner设计技巧
每天进步一点点
看过不少banner设计的案列和教程,然而等自己下手的时候还是脑袋空空、束手无措,做出来的banner图也总是感觉缺少点什么,下面是我做banner图总结出来的几点经验,我们就从banner的组成主要几个要素出发,讲一下具体怎么出一张banner图;当然我介绍的banner案列都是常用的几种设计形式;
首先我们从运营那边拿到需求,沟通清楚后,我们要搭一个框架,这个框架包括:
设计风格
构图和排版
色彩
框架搭好后, 我要去填充banner图里面的内容了,首先我们要知道Banner是由那几个要素组成的,Banner组成要素包含4个方面:文案 、文案配图、背景、装饰物。
首先我们从文案入手,文案我们要从两个方面讲解,第一个是文字设计,第二就是文字排版;
我们先从第一个方面文字设计这个方面细说,这里给大家推荐一个大佬的字体设计文章 这篇字体设计教程,可能让你少赔几万 非常的实用!
文字切割,这种处理方法一般是在字体的某部分或连接处切割处理,或是在切割处增添一些元素;这种处理好处是,让字体更具有艺术感,画面更具有空间感,让banner整体增添几分文艺或神秘的氛围;下面是我从一些banner图上截取的文案部分;

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

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

给字体添加“高光/投影”等字体样式,这种处理方式不是直接在图层样式里面加高光或投影的样式,而是是在字体上添加一些比较扁平的的高光元素,或者在字体后面加一些线性或面性的“投影”元素,使字体看起来更立体,又与背景十分贴合;

1-2.上面我们说完字体几种常见的处理形式,下来我们来说一下Banner文案常见的几种排版样式吧;
横向排版,这种排版样式比较常见,一般是用字体大小/粗细/类型/颜色将主要内容和次要内容区分开,这种排版显得层次分明,一目了然;

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

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

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

波浪排版,这种排版形式比较少见,这里还是说一下,这种排版形式比较活泼,能增强氛围;

2.上面我们讲到的是文字处理和排版,那下面我们就讲一下文案配图
插画配图,这种对设计师的要求比较高了,需要自己去手绘插画图,当然也可以去找素材;

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

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


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

4.装饰物,分为背景装饰和文案层装饰
4-1常见的背景装饰,有点、线条、几何形体、发光体

4-2文案装饰,常见的文案装饰有线条、几何形体,或根据文案语意环境的加入的图形















































































