(輪播圖，或稱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到了打造「一個億」網站臉面的技能嗎?千萬不要讓網站的“臉”被各種雜亂無章的文字、不同的字體、不協調的顏色弄花。唯有主題突出，聚焦、顯眼、訴求清晰的輪播圖;才能讓訪客思考和停留，對你的網站一見鐘情!

　　想實現「一個億」的小目標嗎?掃描下方二維碼，關注牛商網就可以輕松實現!