在重慶網(wǎng)站建設(shè)的布局上不管設(shè)計(jì)師多關(guān)注廣告,它在某種程度上影響著設(shè)計(jì)。最理想的是,在設(shè)計(jì)中設(shè)計(jì)師已經(jīng)把具體的廣告位考慮在內(nèi),從而得出網(wǎng)站的布局;在這種情況下廣告能在網(wǎng)站上其效果的同時(shí)又不會(huì)擾亂內(nèi)容或信息流的順暢,并給廣告一個(gè)明確的重要的位置。在另一方面,如果廣告沒有被充分考慮在內(nèi),它們看起來將非常不協(xié)調(diào),會(huì)擾亂網(wǎng)站的其他部分。
一、布局和間距
廣告很可能占據(jù)網(wǎng)站布局的一大塊空間,不管是一個(gè)大廣告條,還是數(shù)個(gè)綁在一起的小尺寸,布局都會(huì)受到影響。一些網(wǎng)站會(huì)在整站分散不同的廣告,一些會(huì)限制它們出現(xiàn)在具體范圍內(nèi),并讓其他位置為免費(fèi)廣告。
廣告的策略取決于多方面因素,但是在特定行業(yè)和領(lǐng)域的網(wǎng)站傾向于采取類似的方法。例如,新聞網(wǎng)站通常在整個(gè)網(wǎng)站布局中都散布著廣告,它們可能不會(huì)在某個(gè)特殊領(lǐng)域存在,卻總是會(huì)有少量存在于許多位置。
CNN.com 在整站都包含了一些廣告。
和新聞網(wǎng)站想必,許多博客會(huì)讓橫幅廣告固定在一些指定的區(qū)域,通常是在邊欄,其它位置則不會(huì)有廣告出現(xiàn)。這一做法使得設(shè)計(jì)師需要為廣告謀一個(gè)比較大的區(qū)域,而其它區(qū)域則基本不考慮廣告位。
Blogging Tips 在右邊欄有6個(gè)125*125px大小的橫幅,而其它的廣告僅存于個(gè)別文章的評(píng)論之前。
無論是博客還是新聞網(wǎng)站,由于廣告常常被放在邊欄,所以在設(shè)計(jì)布局時(shí)主要要考慮容納廣告的邊欄所需的寬度。例如,許多新聞網(wǎng)站在邊欄有300*250的橫幅,所以邊欄必須足夠?qū)捯匀菁{該尺寸。如果這個(gè)沒有考慮在內(nèi),那么盈利機(jī)會(huì)和潛在收入將受到不利影響,或者布局不得不更改。
當(dāng)然,邊欄不是唯一的常見廣告位,很多網(wǎng)站出售它們的頁(yè)頭位置,因?yàn)檫@里常常能帶來最高的廣告價(jià)格。在這種情況下,廣告在設(shè)計(jì)中一定要作為重要元素,否則這里可能就不會(huì)留出位置。特別是對(duì)于頁(yè)頭有標(biāo)志、品牌區(qū)以及主導(dǎo)航的網(wǎng)站,為了在頁(yè)頭包含廣告位,所有這些元素必須被合適的布局,或者主導(dǎo)航可能被移到別處。
CSS Tricks是在頁(yè)頭有橫幅的博客網(wǎng)站之一,在這種情況下,468*60px的橫幅很恰當(dāng)?shù)谋辉O(shè)計(jì)在頁(yè)頭中。
二、顏色
重慶網(wǎng)站設(shè)計(jì)師無法控制在網(wǎng)站上出現(xiàn)的橫幅的顏色或設(shè)計(jì),將來也肯定不能,但是他們能制定配色方案時(shí)考慮一些可能性。橫幅廣告為了吸引訪客的注意,往往比較豐富多彩、明亮,如果網(wǎng)站設(shè)計(jì)的充滿許多不同色彩和陰影,和同樣色彩豐富的廣告搭配在一起就會(huì)顯得很尷尬、很擁擠,特別是當(dāng)這些顏色還很不協(xié)調(diào)的時(shí)候。
一些展示很多廣告的網(wǎng)站會(huì)需要一個(gè)柔和的配色方案,以避免用戶承載太多顏色。在某些情況下,網(wǎng)站需要廣告脫穎而出,以吸引更多用戶注意網(wǎng)站本身,只是顏色將是非常有效的方法。
三、流動(dòng)
任何類型的網(wǎng)站設(shè)計(jì)師面臨的挑戰(zhàn)是展示內(nèi)容以讓用戶關(guān)注重要信息,眼睛在屏幕上獨(dú)特的移動(dòng)方式和網(wǎng)站的內(nèi)容流動(dòng),會(huì)受到廣告的影響,網(wǎng)站所有者尋求廣告收入最大化時(shí),常常會(huì)把廣告位放在眼睛關(guān)注的位置,原因是這些位置往往產(chǎn)生最佳結(jié)果和最多廣告收入。
那些想要廣告收入,但是希望對(duì)訪客的影響最小化,就會(huì)讓廣告遠(yuǎn)離主要的內(nèi)容,這種做法的例子有博客將廣告位置放在發(fā)布內(nèi)容之中或者在邊欄。直接在發(fā)布文章的上面或下面放廣告,往往比放在邊欄更容易引起注意并引起點(diǎn)擊,所以它們一般都以更高的價(jià)格出售。網(wǎng)站所有者需要在這方面做決定,設(shè)計(jì)師也需要了解這些決定并在設(shè)計(jì)中合理安排廣告位置。
紐約時(shí)報(bào)在它的頁(yè)頭和主題內(nèi)容區(qū)域都沒有廣告,但在右側(cè)留了大塊面積給廣告: