首先網站首頁是整個網站的臉面，是企業形象的代表，所以企業非常重視首頁的設計。首頁的設計元素包含很多，需要由企業制定出相應的文案，交給設計師，設計師按照文案的內容和要求來填充網站的內容。網站的內容元素固然重要，可是一個網站只有先確定一個整體的框架，形成自己特有的風格，才能讓整個頁面清晰合理。

主要就網站首頁的布局來分析，頁面設計對布局的要求。

　　一、根據網站的自身定位來判斷網站的風格布局。

網站的定位決定了首頁風格的布局，品牌型網站講究簡潔大氣，國際范。產品型網站重點是將產品展示在首頁上供客戶直觀的瀏覽。營銷型網站注重整體結構適合搜索引擎優化，所以，他屬于比較中性的思維，因此，業務在簽單的時候，一定要跟客戶溝通清楚，網站風格定位是什么類型的網站。

　　二、視覺沖擊力是共同的追求。

設計師不管做那種風格的首頁，視覺永遠是突出的重點，我們這里所說的視覺其實就是網站的美工，美工的好壞會直接影響到用戶體驗度，網站只有美工能吸引住客戶的眼球，客戶才愿意多停留觀看網站，搜索引擎會根據客戶停留頁面的時間長短，來判斷網站的用戶體驗度。

　　三、結構布局要注重用戶體驗。

設計師在設計布局的時候，要綜合考慮客戶經營的產品，面向的客戶群體，在判斷首頁需要放哪幾個重點版塊，首頁的版塊所展示出來的內容，一定要突出企業的重點，例如：產品，服務，新聞，解決方案等欄目。

以上是就網站首頁布局設計的方向上考慮的設計方法，下面主要介紹一下，常用的網站首頁布局的類型格式。網頁布局大致可分為左右框架型、上下框架型、綜合框架型、標題正文型、“國”字型、拐角型、封面型、變化型、Flash型。

1、左右框架型

這是一種左右為分別兩頁的框架結構，一般左面是導航鏈接，有時最上面會有一個小的標題或標致，右面是正文。我們見到的大部分的大型論壇都是這種結構的，有一些企業網站也喜歡采用。這種類型結構非常清晰，一目了然。

2、上下框架型

與上面類似，區別僅僅在于是一種上下分為兩頁的框架。

3、綜合框架型。

上頁兩種結構的結合，相對復雜的一種框架結構，較為常見的是類似于“拐角型”結構的，只是采用了框架結構。

4、標題正文型

這種類型即最上面是標題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。

5、“國”字型

也可以稱為“同”字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是我們在網上見到的差不多最多的一種結構類型。

6、拐角型

這種結構與上一種其實只是形式上的區別，其實是很相近的，上面是標題及廣告橫幅，接下來的左側是一窄列鏈接等，右列是很寬的正文，下面也是一些網站的輔助信息。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接。

7、封面型

這種類型基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個“進入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。

8、變化型

即上面幾種類型的結合與變化，比如本站在視覺上是很接近拐角型的，但所實現的功能的實質是那種上、左、右結構的綜合框架型。

9、Flash型

其實這與封面型結構是類似的，只是這種類型采用目前非常游戲行的Flash，與封面型不同的是，由于Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差于傳統的多媒體。