美工的工作

上面这张图是2012年11月15日CNN的网站首页。为什么用这张图，因为刚好这个网站流量高（全球排名68），每天的更新量很多。
进入正题：
一、美工设计漂亮的页面固然重要，但对于程序的理解还是必须有的。
原因：
如CNN的首页，新闻的主要部分①②③④ 都是等比例的。
① 尺寸是 416×234
② 尺寸是 214×122
③ 尺寸是160×90
④ 尺寸是120×68 切换成416×236 214×121 160×90

发现④的尺寸是①②③的等比例大小

这样做的好处是：
1) 对网站编辑来说：在编辑文章的时候，只需要做一张图即可，然后后台程序根据这种尺寸来生成合适的等比例尺寸。—即把图片标准化，减轻编辑的劳动量，提高编辑速度。当然你可以说，我后台做一个智能的截图功能不就可以解决了？那如果量大呢？

而对于专题或是特殊重点要突出的文章，再另外做图，如⑥的重点文章，毕竟重点文章有时候就一篇工作量其实不是很大。

2) 对于工程师来说：他只需要做一个缩略图程序即可，不用再做额外的截图功能等等。只需要判断，编辑传上去的文章属性，是属于头条，或是置顶的文章，那么就生成相应尺寸的缩略图即可。

3)对于前端工程师（主要是写CSS）：虽然现在的浏览器越来越好，效果越来越好做，但是在IE6之前，CSS样式是很难控制图片等比例缩放的（需要JS调整）。如果前面设计就把图片标准化，那么后面的css控制也很相对会简单。

结论：美工需要做的是：主要内容的缩略图必须做到标准化，最好是要考虑等比例缩图，减少后续编辑和程序的工作量。

二、美工需要对广告联盟有了解(这个要求有点高)
互联网产品的盈利方式之一就是广告，特别是前期如果没有其他盈利模式的话，往往都是广告打头阵，所以广告是非常重要的一环，而广告联盟就是增加收入的有效渠道之一。

iAB是美国互动广告局，致力于在线广告的发展.很多企业，如Google、Yahoo等都是其联盟会员。iAB的作用之一推广广告的标准化。

目前在线广告基本达成了几个标准的在线广告尺寸，如728 x 90、468 x 60、120×600、160×600、250 x 250等等，详细可以了解iAB倡导的尺寸介绍。（注:国内还没有一家第三方机构在做这样的事情，所以国内的在线尺寸基本各式各样的版本都有。）

说到广告，就得说到广告联盟和广告管理工具。最有名的是Google的Adsense广告联盟和DFP广告管理系统（DoubleClick for Publishers）

广告联盟解释：A投广告到广告联盟，B媒体（网站）去拉广告放自己媒体上，C用户点击了广告，那么B就从广告联盟获得一定比例的收入，广告联盟再从A的广告费用中扣除一定的款。
广告管理工具解释：就是把媒体上的广告位，进行管理，最大化的提高广告投放效率，提高媒体的广告效益。

广告管理工具有个很好的功能：某个广告位，如果是空闲的话，那么可以自动填充广告联盟的广告，让媒体的广告位得到充分的利用。

即，当媒体有广告商A来投放广告的时候，那广告管理工具就优先投放广告商的广告，而当A的投放时间过期，后续的广告商还没签约下来，那么这时候媒体的广告位是空闲状态，那么这时候广告管理工具就把广告联盟的广告进行填充，即让广告位利益最大化；

基于上面的理由，那么美工在设计页面的时候，就要考虑到广告尺寸的问题，特别是按照联盟的尺寸来设计。如CNN首页⑤的位置，是标准的300×250的广告尺寸。
举例:当三星来投放广告，那么此广告位就优先投放三星的广告，而当三星广告的投放期过去，而CNN又没有拉到下一个广告商，那么该广告位就会空闲，这时候利用广告联盟广告资源来补充就可以达到最大化广告效益。

毕竟很多小企业在做大之前很大一部分时间都不会有太多的广告商来合作，那么借助广告联盟可以获得更好的收益。

下图是国内某图标搜索网站，在搜索结果的①就是百度联盟广告标准广告尺寸200×200，而②是正常的网页内容，广告尺寸和标准正常内容都是200×200，这是经过精心设计的。之所以这样设计，因为把广告隐藏在内容中，让受众产生“广告不是广告”的错觉，是最有点击效果的（从媒体方收益最大来讲）。

所以美工了解广告联盟，至少了解几种网络广告通常的形式是非常重要，有助于企业一开始就打好基础，而不是在最后强制在某个区块开辟广告位，来破坏画面。