我们的网站，是由若干个“碎片”组成的，那么其中Banner的作用，想必大家都知道，或许很多朋友，对于亲手操刀Banner来说，事件不可想象的事情，自己审美不行、技术不行等，做不了，其实呢，Banner的制作很简单。

　　首先我们要知道，Banner不仅仅是装饰网站，更重要的是，Banner需要给用户传递有用的信息，并且，并不是越复杂的Banner就是越好的Banner，只要Banner做的简单、唯美，达到了传达信息的作用，就是一个出色的Banner。

　　1、我们的Banner需要给客户传递什么信息？

　　这个第一步呢，主要是让我们自身知道，我们的Banner主要给用户传递什么信息，基本与设计没什么关系，简单的说，比如，我们需要用Banner图片，来给用户传递品牌LOGO信息、一套html与css的视频教程信息，只要我们知道这个，就OK，可以看下一步了。

　　2、谁前谁后？

　　我们刚刚在第一步中，知道了Banner图要给用户传递什么信息，那么到这一步，就快慢慢接触到设计了，我们要定一个“谁前谁后”，其实就是让用户看这个Banner图的时候，是先看到LOGO信息，还是先看到html与css的视频教程信息，其实就是引导用户看哪里，给我们想要表达的信息定一个优先级。 比如，用户阅读网页也好，图片也罢，都是至上而下，至左而右，所以，一般的网站设计，都是将LOGO放到左上角。

　　blob.png

　　3、Banner的整体配色

　　既然我们想要做一个好的Banner图片，那么在配色上，就得下点功夫了，简单大气的配色，可以瞬间让Banner甚至网站整体，提升一个档次。

　　4、整体的Banner排版

　　上边，基本把Banner图片的排版给确定了，这一步，其实就是让我们的Banner图片变的好看点。 以上呢，就是简单的步骤，其实做好Banner图，很简单的。

　　banner设计的标准是什么？

　　打开网站页面我们会看到颜色丰富、图案各异的banner图片，它们的大小也是不一样的。banner的设计尺寸是由网站本身的设计规格和广告图片的规格决定的，可以说它的设计规格是没有固定要求的。虽然没有严格的规定banner的设计尺寸，但是从网站banner设计的页面规格分析，下面时间财富威客网就带您一起来了解下常用的网站banner设计尺寸标准。

　　Internet Advertising Bureau (IAB，国际广告局)的"标准和管理委员会"联合Coalition for Advertising Supported Informatiln and Entertainment(CASIE，广告支持信息和娱乐联合会)联合推出了一系列网络广告宣传物的标准尺寸。这些尺寸作为建议，提供给广告生产省和消费者，使大家都能接受。现在网站上的广告几乎都遵循IAC/CASIE标准。

　　1997年第一次标准公布

　　Num Size(pix) Name

　　1 468×60 全尺寸banner

　　2 392×72 全尺寸带导航条banner

　　3 234×60 半尺寸banner

　　4 125×125 方形按钮

　　5 120×90 按钮＃1或小图标

　　6 120×60 按钮＃2或小图标

　　7 88×31 小按钮或banner

　　8 120×240 垂直banner

　　2001年第二次标准公布

　　Num Size(pix) Name

　　1 120×600 "摩天大楼"形

　　2 160×600 宽"摩天大楼"形

　　3 180×150 长方形

　　4 300×250 中级长方形

　　5 336×280 大长方形

　　6 240×400 竖长方形

　　7 250×250 "正方形弹出式"广告

　　IAB 将不再支持1997年第一次公布标准中的392×72形。

　　从banner自身的设计大小看

　　1、全尺寸banner横幅设计为468*60px，半尺寸banner为234*60px，小banner为88*31px，另外120*90，120*60也是小图标的标准尺寸;2、页面长度原则上不超过3屏，宽度不超过1屏。

　　3、每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K。

　　4、每个标准页面为A4幅面大小，即8.5*11英寸。

　　除了标准标志广告，早期的网络广告还有一种略小一点的广告，称为按钮式广告（BUTTON），常用的按钮广告尺寸有四种：125×125(方形按钮)，120×90，120×60，88×31。随着网络广告的不断发展，新形式和规格的网络广告不断出现，因此美国交互广告署（IAB）也在不断颁布新的网络广告标准。

　　动态banner设计的设计技巧有哪些？

　　在工作中我们经常会有banner设计需求，和大项目比较，需求方从设计成本方面考虑，不会给设计师太多的时间。那么我们如何才能在短时间内做一个出彩而效果又好的banner呢？

　　一、主题明确

　　要突出产品主题，让用户一眼就能识别广告含义，减少过多的辅助干扰元素。切忌，banner被切割的太细碎，内容繁多，没有浏览重心。很多广告主往往会认为传达的信息越多，用户越有兴趣，其实并不然，什么都想说的广告，就是什么都没说好。

　　二、重点文字突出

　　用文字进一步的告诉用户，是打折或还是新货上市？如果我们最大的买点就是”4.1″折起，那么毫无疑问，”4.1″折的字样一定要大，要醒目，其余的则需要相应的弱化。

　　三、符合阅读习惯

　　阅读视线要符合用户从左到右、从上到下的浏览习惯。

　　四、用最短时间激起点击欲望

　　用户浏览网页的集中注意力时间一般也就几秒，所以不需要太多过场动画，需第1时间进行产品的展示，命中主题。并配以鼓动人心的措辞口号引导用户。

　　五、色彩不要过于要醒目

　　有些广告主要求使用比较夸张的色彩来吸引访问者眼球，希望由此提升Banner的关注度。实际上，”亮” 色虽然能吸引眼球，但往往会让访问者感觉刺眼、不友好甚至产生反感。所以，过度耀眼的色彩是不可取的。

　　六、产品数量不宜过多

　　很多广告主总是想展示更多产品，少则4-5个，多则8-10个，结果使得整个Banner变成产品的堆砌。Banner的显示尺寸非常有限，摆放太多产品，反而被淹没，视觉效果大打折扣。所以，产品图片不是越多越好，易于识别是关键。

　　七、信息数量要平衡

　　很多人总认为信息多就，觉得所有信息都很重要，都要求突出，结果其反。如果banner上满是吸引点，那用户只会被注意，所以在Banner的有限空间内做好各种信息的平衡和协调非常重要。

　　八、留空

　　banner画面中需要留空,留空可以使图形和文字有呼吸的空间。

　　总结

　　通过以上总结出，我们在设计制作Banner时，需要注意以下几点1．突出产品及其特征，采用有吸引力的宣传用语，适当弱化公司名称和标识；2．图片并非越多越好，突出重点是关键，必要的产品说明不能少3．合理安排画面内容，做到主次对比鲜明

　　4．颜色不宜过度夸张，努力营造愉悦、舒服的感观感受