banner俗称广告条，一般指的是网页中的横幅广告，另外用的比较多的地方就是网站顶部的形象大图，每张banner图片被用来表现一个中心思想，内容可以是宣传具体的产品，也可以是要宣扬一种理念。总之这个banner对表现网站的主题有至关重要的作用，更由于其在企业网页设计中所占页面比例较大，一个优秀的banner能给网页设计增色很多。

总的来说，banner表现的内容分为实物和虚物品，实物一般指的是具体的产品，而虚拟主要指的是服务或理念或者活动等等。而今天所分享的banner设计就从这两个方面着手，总结一些制作方法。
首页制作banner的思路是从底层开始逐层制作，这里指的层主要是指背景层，背景点缀层，要表现的主体层，文字层这几个，我们在制作的时候从背景层开始做，一层一层的叠加，最终就形成我们要的效果。简单的说就是各种素材的堆积，堆好看了就ok，不过说着简单，但要想做的好，每个步骤都涉及到配色，构图这些美学规则以及图形图像工具的使用技巧，比如我想要个背景效果，但是找不到想相关的素材，那我就需要自己用ps制作，技术不到位，就做不出要的效果。不过这篇文章只讨论工艺流程，不讨论技术。看明白了，做不出哈迪达斯，至少能弄根冰棍出来。

下面说具体制作步骤：

首先是背景层，主要就是确定背景色，可以是单色也可以是渐变色，渐变可以产生光感，选色的出发点是背景要和要表现的产品有明显对比，不让要表现的产品和背景混淆；
然后是背景点缀层，就是在背景上做一些效果，让背景看起来不那么单调，可以是一些光晕，花纹也可以是类似蓝天白云这样的环境图片，主要是为了增加背景的层次感；
然后就是产品层的展示，这里的实物产品通常分为有清晰轮廓的产品，比如电脑，手机这些，另外一种是没有清晰轮廓的比如床单，被罩等；有清晰外形的产品只要扣出来待用就可以了，而没有具体轮

廓的产品就要再次处理。可以加一个外框或一个统一的背景来表现统一感。
最后写上文字，文字的字体要选择好，同时文字要有大小的对比区分，这样才能不呆板，让页面有跳跃感，字体的效果处理控制在3种以内（主要就是描边、阴影、渐变这些），太多会凌乱，内容冲出画面也可以表现活跃感，给字体加一些常见的图形外框比如星型，圆形等，也可以活跃画面气氛。

到此一个表现具体产品的banner就做成了，流程很简单，一个banner就是一个构图，多参考优秀的网页作品，对设计的提高会有很大帮助！