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

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

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

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

左右欄位型

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

入口網(wǎng)站型

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

拐角型

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

上下框架型

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

封面型

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

開場(chǎng)動(dòng)畫型

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

內(nèi)容為王型

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