（轮播图，或称banner、幻灯片、焦点图、滑片。不管你怎么称呼网站上的这块功能模块，它几乎一定程度上决定了访客的去留。）

昨天被“国民公公”王健林的「1个亿」刷屏的同学举手。如此热点，为什么网瘾少年老牛却迟迟未动，因为老牛也有下面这个疑问：

1个亿很多吗？半单就能搞定的事情值得刷屏吗（傲娇脸）？早在6月份辉煌牧业就签下一个2.25亿订单，据说这个客户还是通过营销型网站咨询来的呢！所以咱们也先定个可以实现的小目标：

“先用营销型网站挣它一个亿”，首先你得有个让客户一见钟情的网站！虽然能不能吸引客户咨询，取决于整个网站的吸引力，但是俗话说“一见钟情钟的是脸”，今天咱们先搞定网站的“脸”--网站轮播图。（牛商网在建站的时候会给大家设计好轮播图，但一个网站用那么久都会有更新的时候，下面这些技能每个公司都要get到。）

一、选择最有效的轮播图尺寸

现实生活中的人们喜欢巴掌脸美女，那么网站呢？从下面AdSense调查谷歌广告得出的数据来看，一个轮播图的广告效果及点击量很大程度上取决于图片的大小和形状：

因为现在的电脑基本都是宽屏显示器，而轮播图显示在网站首页的顶部，所以图片的高度以占据浏览器第一屏最好；在高度一定的情况下，根据AdSense官方给出的建议显示：轮播图越宽效果也会越好。

所以牛商网在设计营销型网站时，会将首页banner轮播图的尺寸控制在 1600X500，这个尺寸在一般电脑上无需滚动即可看完，且所占面积不小，十分抢眼，给用户带来了较好的阅读体验。比如接到2.25亿订单的辉煌牧业的营销型网站的轮播图：

（以PC网站为例）

二、轮播图文件格式、大小播放频次

1.文件格式

JPG、 PNG、 GIF都能够让你的信息有效的传递。出于网站加载速度等考虑，我一般不会建议轮播图用 Adobe Flash格式展示。如果一定要用Flash Banner的话，记得要转换成GIF格式，这样就能获取全设备支持，以便更多的人浏览到。

2.文件要尽可能的小，在保证图片清晰度的前提下，图片文件越小越好。因为客户一般登陆一个网站会直接向下翻动，图片越小载入速度越快；这样才能”赶得上”客户的浏览速度，轮播图才有机会让用户看到。

3.限制轮播图的页数，一般认为5张以下最好，不宜过多。另外自动轮播的速度不要过快或过慢；且要循环轮播，避免到最后一页就停止轮播了。

4.提供指示条，告知用户目前轮播图是第几页；还有滑动按钮，让客户手动浏览更多张轮播图。关于指示条的呈现，可参看牛商网官网首页。（下图红色框线内）

（以PC网站为例）

二、轮播图的内容呈现、设计要素

1.内容、盈利模式分明

网站中的轮播图是最吸引访客眼球的位置，所以要先告诉客户你是做什么的。看似简单的要求，很多网站却忽略了这点，网站轮播图的文字内容是“诚信”、“共赢”之类的屡见不鲜，像这样的：

（以PC网站为例）

忽略图片上没展示全的文字，谁知道这网站是做啥的吗？不禁为该司的SEMer捏把汗，怕是烧钱烧到心焦都很难有客户咨询呢。轮播图的内容布局的正确方式应该是这样的：

（以PC网站为例·南京火头军营销型网站首页首屏）

打开网站就知道，这个公司是做了28年商用厨房设备工程的。客户不仅知道产品，而且盈利模式及核心竞争力都很明显的表示出来了。

2. 内容文本要清晰可见

设计轮播图时，标题和正文需使用不同的字体尺寸，尽量在4行以内；不要使用非主流字体、潦草的字体、过于纤细的字体、全大写字体以及小于10pt的字体。

另外还可以通过使用粗重、对照分明的字体，打造一种视觉上的紧迫感。让客户迫不及待的点击。不过这招偶尔试一下还行，不能总用。

3.合适的色彩

用色正确，方为王道。色彩具体怎么搭配，老牛在这就不详谈。要注意在设计轮播图时，选用的色彩应该与网站整体色系协调搭配；还有，设计Banner时要用RGB色彩模式，因为一般都是在屏幕上看广告的。如果你的轮播图和网站的风格相符，完美搭配，那么用户会对这则信息产生信赖感。

说了这么多，大家get到了打造「一个亿」网站脸面的技能吗？千万不要让网站的“脸”被各种杂乱无章的文字、不同的字体、不协调的颜色弄花。唯有主题突出，聚焦、显眼、诉求清晰的轮播图；才能让访客思考和停留，对你的网站一见钟情！