一個網(wǎng)站的頁面布局直接影響著網(wǎng)站的整體視覺效果和用戶體驗，布局紊亂，沒有主次的網(wǎng)站是很難得到用戶重復(fù)訪問的。特別是網(wǎng)站首頁，用戶訪問網(wǎng)站首先映入眼簾的就是首頁，如果不能讓用戶最快的找到自己想要的有效信息，必然會導(dǎo)致最后的客戶流失。所以今天和大家交流下如何合理地規(guī)劃網(wǎng)站的頁面布局和網(wǎng)站的設(shè)計。

在此之前我們先要區(qū)分網(wǎng)站設(shè)計和網(wǎng)頁設(shè)計。什么是網(wǎng)頁設(shè)計?網(wǎng)頁設(shè)計是從網(wǎng)站的前臺(界面)設(shè)計部分，主要是針對所瀏覽的網(wǎng)頁的總體顏色選擇、頁面的排版布局和用戶群體的體驗度。什么是網(wǎng)站設(shè)計?網(wǎng)站設(shè)計涉及到的內(nèi)容就比較多了，首先是明確用戶，明確網(wǎng)站內(nèi)容，以及網(wǎng)站功能上的設(shè)計，以及數(shù)據(jù)庫和域名空間的選擇，再到后期的如何維護、推廣等等都是網(wǎng)站的設(shè)計內(nèi)容。

可以說網(wǎng)頁設(shè)計是網(wǎng)站設(shè)計的一種直觀的表現(xiàn)形式，用戶第一眼看到的就是網(wǎng)頁設(shè)計上的內(nèi)容。應(yīng)該說網(wǎng)站設(shè)計范圍要比網(wǎng)頁設(shè)計廣的多。國內(nèi)大多數(shù)個人站長從事的都是一些網(wǎng)站的設(shè)計工作。之后我們來看下如何合理地規(guī)劃網(wǎng)站的頁面布局和網(wǎng)站的設(shè)計。

一、網(wǎng)站的設(shè)計：網(wǎng)站首頁布局設(shè)計。網(wǎng)站首頁是網(wǎng)站給用戶的第一印象，首頁頁面布局需從主題、導(dǎo)航、內(nèi)容等方面入手，下面以百度百科的頁面為例進行首頁頁面布局分析。

1、網(wǎng)站的設(shè)計：首頁主題。首頁是網(wǎng)站的核心頁面，首頁的主題也就是網(wǎng)站的主要核心。首頁主題需讓用戶很容易的了解網(wǎng)站是做什么的。首頁主題體現(xiàn)在網(wǎng)站的標題、關(guān)鍵詞、描述上，其中最重要的是標題，用戶在搜索引擎上看到的搜索結(jié)果就是你網(wǎng)站的標題和描述內(nèi)容。例如下圖的百度百科，用戶通過圖中內(nèi)容及可了解到百度百科是做中文百科的，以及百科涵蓋的知識及服務(wù)領(lǐng)域。在首頁頁面上，首頁主題還體現(xiàn)在logo及網(wǎng)站標題上。準確概括的首頁主題可以很好幫助用戶選擇自己有確切需求的網(wǎng)站。

2、網(wǎng)站的設(shè)計：首頁導(dǎo)航。網(wǎng)站導(dǎo)航可以看做是對網(wǎng)站內(nèi)容的分類，把網(wǎng)站的內(nèi)容進行細分，方便用戶跟據(jù)個人需求選擇瀏覽相應(yīng)欄目頁面。網(wǎng)站首頁導(dǎo)航要做到分類清晰，導(dǎo)航欄目間不重復(fù)。百度百科的首頁導(dǎo)航做的很好，我們可以學(xué)習(xí)一下。

3、網(wǎng)站的設(shè)計：首頁內(nèi)容。布置好網(wǎng)站首頁導(dǎo)航就可以進行網(wǎng)站首頁的內(nèi)容布局設(shè)計了。頁面的內(nèi)容布局需先對網(wǎng)站的用戶群體進行需求分析，把用戶關(guān)注最多的內(nèi)容放置在首頁的最重要位置。一般按照用戶的瀏覽方式，頁面內(nèi)容布局按照內(nèi)容重要程度由左上到右下進行布置。也就是說最重要的內(nèi)容要放置在首頁左上位置，而廣告或最不重要的內(nèi)容可放置在頁面的右下位置。

二、網(wǎng)站的設(shè)計：網(wǎng)站內(nèi)頁布局設(shè)計。本文這里所說的網(wǎng)站內(nèi)頁包含了網(wǎng)站的欄目頁及內(nèi)容頁面。因頁面的總體布局方式相似所以一起進行論說。

1、網(wǎng)站的設(shè)計：內(nèi)頁面包屑導(dǎo)航。為了更好的傳遞站內(nèi)頁面權(quán)重，內(nèi)頁需要設(shè)置面包屑導(dǎo)航。網(wǎng)站各層級的頁面較多，尤其是大型網(wǎng)站，為了更好的讓網(wǎng)站內(nèi)頁獲得權(quán)重，內(nèi)鏈是很好的方式，為內(nèi)容設(shè)置面包屑導(dǎo)航就是最符合用戶體驗的內(nèi)鏈形式。面包屑導(dǎo)航不但可以分配頁面權(quán)重還可以方便用戶在各層級頁面間進行切換。

2、網(wǎng)站的設(shè)計：網(wǎng)站內(nèi)頁模板。常見的內(nèi)頁模板有兩欄和三欄兩種形式。兩欄的形式多用戶小型企業(yè)站幾博客網(wǎng)站。兩欄頁面的主要位置是文章內(nèi)容，另一側(cè)為用戶互動內(nèi)容，例如熱門文章、推薦文章等。兩欄欄目頁面主要位置為欄目下文章列表，側(cè)邊為互動內(nèi)容。欄目頁需注意，文章列表每頁條目不要太少，用戶多次翻頁會不便于用戶瀏覽，還會出現(xiàn)網(wǎng)站頁面層次過深的問題。三欄的內(nèi)頁布局和兩欄的差不多，中間主要位置為文章內(nèi)容，兩側(cè)方式相應(yīng)的互動內(nèi)容或廣告。

網(wǎng)站的設(shè)計除了做好主頁和內(nèi)容頁外還需注意頁面的尺寸、網(wǎng)站打開速度及友情鏈接布置等方面。以我們使用的PHP后臺系統(tǒng)為例，通過系統(tǒng)后臺的布局功能，管理員可以簡單便捷地操作每類頁面的布局，布局是通過調(diào)整區(qū)塊的形式來實現(xiàn)的，除了系統(tǒng)默認的區(qū)塊，我們使用的PHP后臺系統(tǒng)支持管理員根據(jù)實際需求自定義區(qū)塊，具有較強的靈活性和可控性。

總之，網(wǎng)站的設(shè)計是網(wǎng)站建設(shè)過程中不可忽視的一個關(guān)鍵要點，合理的頁面布局不僅能夠提高網(wǎng)站的可觀賞性，更重要的是可以提高用戶體驗度，進而提升網(wǎng)站的回訪率。如果大家在這方面還有其他獨到的見解，歡迎踴躍發(fā)言，我們共同交流，共同進步。