(輪播圖，或稱banner、幻燈片、焦點圖、滑片。不管你怎么稱呼網(wǎng)站上的這塊功能模塊，它幾乎一定程度上決定了訪客的去留。)

　　昨天被“國民公公”王健林的「1個億」刷屏的同學(xué)舉手。如此熱點，為什么網(wǎng)癮少年老牛卻遲遲未動，因為老牛也有下面這個疑問：

　　1個億很多嗎?半單就能搞定的事情值得刷屏嗎(傲嬌臉)?早在6月份輝煌牧業(yè)就簽下一個2.25億訂單，據(jù)說這個客戶還是通過營銷型網(wǎng)站咨詢來的呢!所以咱們也先定個可以實現(xiàn)的小目標(biāo)：

　　“先用營銷型網(wǎng)站掙它一個億”，首先你得有個讓客戶一見鐘情的網(wǎng)站!雖然能不能吸引客戶咨詢，取決于整個網(wǎng)站的吸引力，但是俗話說“一見鐘情鐘的是臉”，今天咱們先搞定網(wǎng)站的“臉”--網(wǎng)站輪播圖。(牛商網(wǎng)在建站的時候會給大家設(shè)計好輪播圖，但一個網(wǎng)站用那么久都會有更新的時候，下面這些技能每個公司都要get到。)

　　一、選擇最有效的輪播圖尺寸

　　現(xiàn)實生活中的人們喜歡巴掌臉美女，那么網(wǎng)站呢?從下面AdSense調(diào)查谷歌廣告得出的數(shù)據(jù)來看，一個輪播圖的廣告效果及點擊量很大程度上取決于圖片的大小和形狀：

　　因為現(xiàn)在的電腦基本都是寬屏顯示器，而輪播圖顯示在網(wǎng)站首頁的頂部，所以圖片的高度以占據(jù)瀏覽器第一屏最好;在高度一定的情況下，根據(jù)AdSense官方給出的建議顯示：輪播圖越寬效果也會越好。

　　所以牛商網(wǎng)在設(shè)計營銷型網(wǎng)站時，會將首頁banner輪播圖的尺寸控制在 1600X500，這個尺寸在一般電腦上無需滾動即可看完，且所占面積不小，十分搶眼，給用戶帶來了較好的閱讀體驗。比如接到2.25億訂單的輝煌牧業(yè)的營銷型網(wǎng)站的輪播圖：

　　(以輝煌牧業(yè)湖羊養(yǎng)殖PC營銷型網(wǎng)站為例)

　　二、輪播圖文件格式、大小播放頻次

　　1.文件格式

　　JPG、 PNG、 GIF都能夠讓你的信息有效的傳遞。出于網(wǎng)站加載速度等考慮，我一般不會建議輪播圖用 Adobe Flash格式展示。如果一定要用Flash Banner的話，記得要轉(zhuǎn)換成GIF格式，這樣就能獲取全設(shè)備支持，以便更多的人瀏覽到。

　　2.文件要盡可能的小，在保證圖片清晰度的前提下，圖片文件越小越好。因為客戶一般登陸一個網(wǎng)站會直接向下翻動，圖片越小載入速度越快;這樣才能”趕得上”客戶的瀏覽速度，輪播圖才有機會讓用戶看到。

　　3.限制輪播圖的頁數(shù)，一般認為5張以下最好，不宜過多。另外自動輪播的速度不要過快或過慢;且要循環(huán)輪播，避免到最后一頁就停止輪播了。

　　4.提供指示條，告知用戶目前輪播圖是第幾頁;還有滑動按鈕，讓客戶手動瀏覽更多張輪播圖。關(guān)于指示條的呈現(xiàn)，可參看牛商網(wǎng)官網(wǎng)首頁。(下圖紅色框線內(nèi))

　　(以牛商網(wǎng)PC營銷型網(wǎng)站為例)

　　二、輪播圖的內(nèi)容呈現(xiàn)、設(shè)計要素

　　1.內(nèi)容、盈利模式分明

　　網(wǎng)站中的輪播圖是最吸引訪客眼球的位置，所以要先告訴客戶你是做什么的。看似簡單的要求，很多網(wǎng)站卻忽略了這點，網(wǎng)站輪播圖的文字內(nèi)容是“誠信”、“共贏”之類的屢見不鮮，像這樣的：

　　　　(以某PC網(wǎng)站為例)

　　忽略圖片上沒展示全的文字，誰知道這網(wǎng)站是做啥的嗎?不禁為該司的SEMer捏把汗，怕是燒錢燒到心焦都很難有客戶咨詢呢。輪播圖的內(nèi)容布局的正確方式應(yīng)該是這樣的：

　　(以PC網(wǎng)站為例·南京火頭軍營銷型網(wǎng)站首頁首屏)

　　打開網(wǎng)站就知道，這個公司是做了28年商用廚房設(shè)備工程的。客戶不僅知道產(chǎn)品，而且盈利模式及核心競爭力都很明顯的表示出來了。

　　2. 內(nèi)容文本要清晰可見

　　設(shè)計輪播圖時，標(biāo)題和正文需使用不同的字體尺寸，盡量在4行以內(nèi);不要使用非主流字體、潦草的字體、過于纖細的字體、全大寫字體以及小于10pt的字體。

　　另外還可以通過使用粗重、對照分明的字體，打造一種視覺上的緊迫感。讓客戶迫不及待的點擊。不過這招偶爾試一下還行，不能總用。

　　3.合適的色彩

　　用色正確，方為王道。色彩具體怎么搭配，老牛在這就不詳談。要注意在設(shè)計輪播圖時，選用的色彩應(yīng)該與網(wǎng)站整體色系協(xié)調(diào)搭配;還有，設(shè)計Banner時要用RGB色彩模式，因為一般都是在屏幕上看廣告的。如果你的輪播圖和網(wǎng)站的風(fēng)格相符，完美搭配，那么用戶會對這則信息產(chǎn)生信賴感。

　　說了這么多，大家get到了打造「一個億」網(wǎng)站臉面的技能嗎?千萬不要讓網(wǎng)站的“臉”被各種雜亂無章的文字、不同的字體、不協(xié)調(diào)的顏色弄花。唯有主題突出，聚焦、顯眼、訴求清晰的輪播圖;才能讓訪客思考和停留，對你的網(wǎng)站一見鐘情!

　　想實現(xiàn)「一個億」的小目標(biāo)嗎?掃描下方二維碼，關(guān)注牛商網(wǎng)就可以輕松實現(xiàn)!