網(wǎng)頁布局則是重中之重，可以說是一個網(wǎng)站的基礎(chǔ)，更為了吸引用戶，和提高網(wǎng)站的用戶體驗(yàn)的一個技巧。

在進(jìn)行網(wǎng)頁設(shè)計布局時，網(wǎng)頁內(nèi)容該如何整合和分布，來達(dá)到某種視覺效果？而設(shè)計網(wǎng)頁的目的不同，就有不同的網(wǎng)頁布局，那麼網(wǎng)頁設(shè)計布局都包括哪些類型呢？以下有幾種常見技巧：

標(biāo)題內(nèi)文型

標(biāo)題正文型在最上方是標(biāo)題與主畫面；下方則是內(nèi)文訊息，即文章頁面或注冊頁面等。選單、功能、導(dǎo)覽都極小化，比較常見在論壇或內(nèi)容型網(wǎng)站。例如時尚雜志CQ，幾乎把選單都精簡化到極致，標(biāo)題內(nèi)文搭配超引人矚目的圖片就很棒了。

左右欄位型

左右欄位型是一種左右為分別兩頁的欄位框結(jié)構(gòu)布局，這種類型業(yè)非常清晰且一幕了然。一般左側(cè)是導(dǎo)航鏈結(jié)，在最上方有個小標(biāo)題或標(biāo)志；右側(cè)則是正文。早期的網(wǎng)站非常推崇這樣的布局，如今比較常用于政府機(jī)關(guān)或入口網(wǎng)站。

入口網(wǎng)站型

一般的大型網(wǎng)站，為了要將功能、服務(wù)、廣告一覽無遺，充分利用網(wǎng)頁的每一個空間，通常也會稱之為「ㄇ字型」布局。網(wǎng)頁上方是網(wǎng)站標(biāo)題和橫幅廣告條，然后是網(wǎng)站內(nèi)容，左右則是功能項(xiàng)目與廣告等，例如雅虎仍是此布局的最佳范例。

拐角型

拐角型與ㄇ字型設(shè)計很相近，只是有些設(shè)計上的變化，網(wǎng)頁上方是網(wǎng)站標(biāo)題和廣告橫幅；然后左側(cè)是一窄列鏈結(jié)或?qū)Ш芥溄Y(jié)，右側(cè)是網(wǎng)站正文。通常會用在內(nèi)容也十分豐富的政府部門網(wǎng)站、電子商務(wù)網(wǎng)站。

上下框架型

當(dāng)你的網(wǎng)站需要很多展示空間，框架是一個可以考慮的方式，上下框架型是一種上下，為分別兩頁的框架結(jié)構(gòu)布局，一般上方是選單與導(dǎo)覽，下方則是內(nèi)文與圖片，常用于新聞媒體網(wǎng)站或購物網(wǎng)站。

封面型

封面型是形象網(wǎng)站、形象網(wǎng)站最愛用的布局。最常見的應(yīng)用是搭配一張主圖，并搭配少許文字打造首頁視覺，有時結(jié)合一些小的動畫設(shè)計，就能做出一個很有氣勢的網(wǎng)站。這種網(wǎng)站布局能夠缺乏內(nèi)容與服務(wù)的網(wǎng)站，卻又能夠維持一定的視覺水平。

開場動畫型

有些網(wǎng)站鼓勵用戶先觀看一段影片，后進(jìn)入網(wǎng)站觀看完整體驗(yàn)，例如早期的Flash網(wǎng)頁設(shè)計就是如此。這樣的概念其實(shí)仍常常應(yīng)用于今日的網(wǎng)頁設(shè)計，例如一頁式的網(wǎng)站，先邀請用戶觀看動畫，再導(dǎo)引入商城內(nèi)，效果顯著。

內(nèi)容為王型

舍棄多余標(biāo)題、選單、動畫特效，以內(nèi)容為主，當(dāng)鼠標(biāo)卷到底下就會自動讀取更多內(nèi)容，一般用于新聞媒體、傳播媒體、娛樂等網(wǎng)站。優(yōu)點(diǎn)是人們會不斷想知道更多內(nèi)容下滑頁面，達(dá)到留住客戶的目的。