在網站建設的布局上不管設計師多關注廣告，它在某種程度上影響著設計。最理想的是，在設計中設計師已經把具體的廣告位考慮在內，從而得出網站的布局;在這種情況下廣告能在網站上其效果的同時又不會擾亂內容或信息流的順暢，并給廣告一個明確的重要的位置。在另一方面，如果廣告沒有被充分考慮在內，它們看起來將非常不協調，會擾亂網站的其他部分。

一、布局和間距

廣告很可能占據網站布局的一大塊空間，不管是一個大廣告條，還是數個綁在一起的小尺寸，布局都會受到影響。一些網站會在整站分散不同的廣告，一些會限制它們出現在具體范圍內，并讓其他位置為免費廣告。

廣告的策略取決于多方面因素，但是在特定行業和領域的網站傾向于采取類似的方法。例如，新聞網站通常在整個網站布局中都散布著廣告，它們可能不會在某個特殊領域存在，卻總是會有少量存在于許多位置。

CNN.com 在整站都包含了一些廣告。

和新聞網站想必，許多博客會讓橫幅廣告固定在一些指定的區域，通常是在邊欄，其它位置則不會有廣告出現。這一做法使得設計師需要為廣告謀一個比較大的區域，而其它區域則基本不考慮廣告位。

Blogging Tips 在右邊欄有6個125*125px大小的橫幅，而其它的廣告僅存于個別文章的評論之前。

無論是博客還是新聞網站，由于廣告常常被放在邊欄，所以在設計布局時主要要考慮容納廣告的邊欄所需的寬度。例如，許多新聞網站在邊欄有300*250的橫幅，所以邊欄必須足夠寬以容納該尺寸。如果這個沒有考慮在內，那么盈利機會和潛在收入將受到不利影響，或者布局不得不更改。

當然，邊欄不是唯一的常見廣告位，很多網站出售它們的頁頭位置，因為這里常常能帶來最高的廣告價格。在這種情況下，廣告在設計中一定要作為重要元素，否則這里可能就不會留出位置。特別是對于頁頭有標志、品牌區以及主導航的網站，為了在頁頭包含廣告位，所有這些元素必須被合適的布局，或者主導航可能被移到別處。

CSS Tricks是在頁頭有橫幅的博客網站之一，在這種情況下，468*60px的橫幅很恰當的被設計在頁頭中。

二、顏色

網站設計師無法控制在網站上出現的橫幅的顏色或設計，將來也肯定不能，但是他們能制定配色方案時考慮一些可能性。橫幅廣告為了吸引訪客的注意，往往比較豐富多彩、明亮，如果網站設計的充滿許多不同色彩和陰影，和同樣色彩豐富的廣告搭配在一起就會顯得很尷尬、很擁擠，特別是當這些顏色還很不協調的時候。

一些展示很多廣告的網站會需要一個柔和的配色方案，以避免用戶承載太多顏色。在某些情況下，網站需要廣告脫穎而出，以吸引更多用戶注意網站本身，只是顏色將是非常有效的方法。

三、流動

任何類型的網站設計師面臨的挑戰是展示內容以讓用戶關注重要信息，眼睛在屏幕上獨特的移動方式和網站的內容流動，會受到廣告的影響，網站所有者尋求廣告收入大化時，常常會把廣告位放在眼睛關注的位置，原因是這些位置往往產生好結果和最多廣告收入。

那些想要廣告收入，但是希望對訪客的影響最小化，就會讓廣告遠離主要的內容，這種做法的例子有博客將廣告位置放在發布內容之中或者在邊欄。直接在發布文章的上面或下面放廣告，往往比放在邊欄更容易引起注意并引起點擊，所以它們一般都以更高的價格出售。網站所有者需要在這方面做決定，設計師也需要了解這些決定并在設計中合理安排廣告位置。