當(dāng)有多個(gè)窗格的內(nèi)容且每次只能顯示一個(gè)窗格，同時(shí)各個(gè)窗格之間的內(nèi)容不需要相互參照的時(shí)候，可以考慮使用tab式標(biāo)簽來展示。自從亞馬遜開了標(biāo)簽的使用先河后各類網(wǎng)站風(fēng)起使用之，因?yàn)樗氖褂眉葍?yōu)化了大量信息的展現(xiàn)同時(shí)也很符合日常生活的使用習(xí)慣（tab其實(shí)就是一個(gè)現(xiàn)實(shí)生活的隱射）。
　　于是，在寸土必爭的網(wǎng)站首頁首屏的位置的大量圖片廣告的展示形式就非tab式莫屬了。搜集了一些tab式廣告模塊的設(shè)計(jì)，來探究一下tab式的廣告究竟如何展示更好：
       
　　1、最常見的形式之一：標(biāo)簽位于圖片之上，以數(shù)字1，2，3標(biāo)明，當(dāng)標(biāo)簽被選中后該標(biāo)簽高亮顯示

　　2、常見形式之二：標(biāo)簽頁在右側(cè)，通常為縮略圖的形式或者文字鏈的形式。

　　3、標(biāo)簽+完整標(biāo)題的形式

　　這張來自我朝的政府門戶網(wǎng)站，標(biāo)簽頁的標(biāo)題在整個(gè)模塊的下方，當(dāng)標(biāo)簽被選中后以閃亮的形式提示，標(biāo)題以藍(lán)色文字鏈的形式展示，提示比較清晰。（PS，為嘛我朝的政府門戶站木有favicon呢？）

　　這張應(yīng)該屬于2的一個(gè)變種？把右側(cè)的標(biāo)簽挪到了下面，標(biāo)簽與圖片分離，完整的標(biāo)題+標(biāo)簽的形式 。標(biāo)題黑色顯示，我以為是不可點(diǎn)的，但是實(shí)際上人家是可以點(diǎn)的

　　下面是幾個(gè)常見形式的拓展：
　　4、帶播放按鈕的tab式廣告，你可以點(diǎn)擊左右2側(cè)的三角切換下一個(gè)

　　5、標(biāo)簽位于右側(cè)，大縮略圖+完整標(biāo)題形式。這張采自沈總的1912.cn，當(dāng)時(shí)我就震驚了，這個(gè)tab太強(qiáng)大了，和左側(cè)的MM一樣大，哇咔咔。

　　說一些我個(gè)人的感受：
　　1）第一種最常見的形式把標(biāo)簽直接放在圖片的上方，可以很充分的利用那個(gè)寶貴的模塊，AD圖片的面積被擴(kuò)大，視覺沖擊有可能提升。
　　2）第二種形式便于展示其他3個(gè)tab的內(nèi)容，不至于讓其他3個(gè)AD在第一眼的時(shí)候被忽略掉，畢竟有很多用戶是連那1.5秒的自動(dòng)切換時(shí)間都不愿意去等的。
　　3）標(biāo)簽+標(biāo)題的形式特別是第三種的第2個(gè)那樣的，那個(gè)標(biāo)題時(shí)常會(huì)被用戶忽略掉，相對(duì)圖片而言下面那個(gè)看著不像文字鏈的文字鏈確實(shí)不能引起用戶的注意
　　4）第四種形式看似是加了酷功能，出發(fā)點(diǎn)是想給AD翻頁帶來習(xí)慣，但是那個(gè)2個(gè)三角恰恰有轉(zhuǎn)移用戶注意力的嫌疑，從用戶體驗(yàn)上看我覺得并不是很好

　　不過，話說回來，廣告最終是以點(diǎn)擊率來論成敗的而點(diǎn)擊率的絕大半來源是廣告的內(nèi)容。我敢說，上面這些AD中肯定是最后一個(gè)的點(diǎn)擊率最高，因?yàn)槟莻€(gè)MM實(shí)在太大了太誘人了，嗯，還有那個(gè)標(biāo)題也很誘人…

　　原文：http://www.ikent.me/blog/1476