字体方面

在淘宝，我们是禁止使用一些未授权字体的(因为字体公司会来讨伐)

所以在不能使用微软雅黑的前提下，我们通常使用“方正兰亭黑简”来达到相似效果。

在一个Banner中，尽量避免使用2种以上字体。

字体清晰好辨认为佳。

变形申拉什么的在保证品质的前提下可以有，但要符合需求本身的风格。

字体方面的风险 方正》微软》各种倒闭了的字体公司》无版权字体

图片素材

图片的质量会影响到一个Banner的好坏及品相。

那么其实大致需要注意的有3点：

1. 图片的清晰度辨识性(模糊的图片会给人以不精致的感觉)

2. 卡通素材的使用(谨慎)通常卡通素材是有版权的，另外就是跟Banner内容的风格是否一致。例如我曾经接手的保险类推广专题，我就严厉禁止使用卡通人物做推广。同样金融线的Banner也不适合，因为涉及到钱，保障的时候。卡通形象容易给人不严谨的感觉

3. 再有就是图片内容的比例一定要保持1:1伸缩。细微的比例失调都容易给用户一种山寨出品的感觉。

传承方面

通常Banner背后会有一个推广活动，企业站点，或热销产品去支撑。

那么我们需要切记Banner需要和推广主题或点击进去的内容有继承性。

也就是点之前看到的是个美女，点进去是卖鞋的。这样就不好了。

Banner与主题的不一致性会给用户带来欺骗感。

这是淘宝内部的Banner规范产出物

标注的会很细，这样的好处是类似流水线。

用同一种规范产出的Banner风格样式会非常统一。

在页面长期更新时，可以有效的保证Banner质量。

当我们在一个业务或者项目做了半年左右后，统计日常需要的Banner数量，就可以抽时间完成一个Banner的小规范。把自己的理解和自己总结的东西都写进去。这样在工作交接或者来新帮手传承时，可以给自己节省很多时间。

一些错误的实例，和正确的实例进行对比。会让别人更容易理解。

淘宝TMS这个是淘宝内部的Banner上传系统。

大概就是统一管理这部分的数据，然后会严格限制各种尺寸下的KB数。然后以这种方法节省服务器空间。不过通常设计师有个常识就可以，例如多大的banner最好不要超过100kb

举一个实例……

但这好像不是正规banner的，但我感觉也挺合适

首先我的想法是，希望在这个推广上有游戏点卡实物的感觉。

那么我在聚划算的设计规范上看到他们的图片是长方形的。我尝试加入黑色底色，然后把点卡图片区域用带有圆角的图形圈出，这样在实际图片放上去的时候，会有点卡实物圆角边的感觉。

然后我选了一张WOW现在版本“大灾变”比较有代表意义的图片素材。

考虑到实际Banner放置位置的周围环境。

我决定把文字信息放在下面以减少附近内容带来的干扰。

安排文案过程中其实跟运营同事商讨过几次文案的主要信息。

最后经过几次优化，最终放上来的内容如图。

并且强烈要求附带合作伙伴支付宝的logo(其实我不想加，加了不好看呢)

结合上述工作，最后完成了这个Banner的设计。效果如图

另外就是跟banner有关的图片格式的一些知识普及

JPG是我们最常用的格式，它的好处是在真人，风景素材的压缩比会比较好，但是缺点是因为算法的问题，会出现特有的JPG噪点。随着压损比提高。这种噪点会越来越严重。但是正因为有噪点的存在。这也是我们最简单的判断网络上移花接木照片的方法。去看噪点是否平滑规律。JPG的硬伤是 K数小 噪点就多。 噪点少，就只能放宽KB数。

另外就是GIF。

网络暴力煽动广告的代表格式。这种格式的优点在于素材如果是像素类，或颜色数量比较少时。它的KB会很少。并且不受到图片尺寸的影响。

另外就是PNG了，随着IE6的没落，现在PNG的广告形式也渐渐多了。

PNG的好处主要是可以做透明和A通道。

最后就是Flash格式了。

这也是现在媒体广告的主力军。

这是最后的总结。一个好的Banner需要以上9点来支撑~