其實(shí)網(wǎng)頁布局結(jié)構(gòu)就像是超市里物品的擺放方式，在超市中理貨員按照商品不同的種類、價位，將琳瑯滿目的商品進(jìn)行擺放，這種商品的擺放方式有助于消費(fèi)者快速便捷地選購自己想要的商品。另外，這種整齊一致的商品擺放方式還能夠激發(fā)消費(fèi)者的購買欲望。網(wǎng)頁布局也是同樣的目的，通過對信息進(jìn)行分類整理，使其系統(tǒng)化和結(jié)構(gòu)化，以便瀏覽者簡捷和快速地了解信息。
網(wǎng)頁布局必須能夠正確傳達(dá)網(wǎng)頁信息，而且要主次分明，網(wǎng)頁布局的具體內(nèi)容和操作順序可分為以下幾點(diǎn)。
整理消費(fèi)者和瀏覽者的綜合觀點(diǎn)和意見。
仔細(xì)分析瀏覽者的綜合特性，劃分瀏覽者類別并明確目標(biāo)消費(fèi)人群。
確立網(wǎng)站創(chuàng)建的目的，并規(guī)劃未來的發(fā)展方向。
整理網(wǎng)站的內(nèi)容并使其系統(tǒng)化，定義網(wǎng)站的內(nèi)容結(jié)構(gòu)，其中包括層次結(jié)構(gòu)、超鏈接結(jié)構(gòu)和數(shù)據(jù)庫結(jié)構(gòu)。
收集內(nèi)容并進(jìn)行分類整理，檢驗(yàn)導(dǎo)航系統(tǒng)的功能性。
確定適合內(nèi)容類型的有效標(biāo)記體系。
不同的頁面放置不同的頁面元素，且構(gòu)建不同的內(nèi)容。
綜上所述，信息結(jié)構(gòu)是以消費(fèi)者和瀏覽者為主體的，并且經(jīng)過收集、整理和加工后，簡單明了的方式傳遞給瀏覽者。因此，就要求設(shè)計者站在消費(fèi)者的立場上進(jìn)行設(shè)計，充分體現(xiàn)出網(wǎng)頁的實(shí)用性。
由此得知，實(shí)用性是以規(guī)劃好的用戶界面為主，且用戶界面的策劃是在網(wǎng)頁布局結(jié)構(gòu)的基礎(chǔ)上進(jìn)行的，網(wǎng)頁布局結(jié)構(gòu)的確立則以信息構(gòu)架為標(biāo)準(zhǔn)。
在設(shè)計網(wǎng)頁界面時，需要從整體上把握好各種要素的布局，只有充分利用、有效分割有限的頁面空間，才能設(shè)計出好的網(wǎng)頁界面。常見的網(wǎng)頁布局方式主要有：“國”字形，“T”字形，標(biāo)題正文型、左右分割型、上下分割型、封面型、Flash型和綜合型。
1、“國”字形
“國”字形結(jié)構(gòu)是網(wǎng)頁上使用最多的一種結(jié)構(gòu)類型，是綜合性網(wǎng)站界面中最常用的板式。網(wǎng)頁通常會在頁面最上面放置Logo、導(dǎo)航和橫幅廣告條。接下來就是網(wǎng)站的主體內(nèi)容，分為左、中、右三大塊。頁面最下面是網(wǎng)站的一些基本信息、聯(lián)系方式和版權(quán)聲明等，這種板式的優(yōu)點(diǎn)是頁面充實(shí)、內(nèi)容豐富和信息量大，缺點(diǎn)是頁面擁擠并且靈活度不高。
2、“T”字形
“T”字形布局與“國”字形布局十分相似，只是在形式上略有區(qū)別。頁面上方同樣是Logo、導(dǎo)航和廣告條，頁面中間部分左側(cè)是一列略窄的菜單或鏈接，右側(cè)是比較寬的主體部分。頁面下方也是一些網(wǎng)站的輔助信息和版權(quán)信息等內(nèi)容。
3、標(biāo)題正文型
這種類型的布局方式在頁面最上方是標(biāo)題或一些類似的元素，中間是正文部分，最下面是一些版底信息。我們常用的搜索引擎類網(wǎng)站和注冊頁面基本都采用這種布局方式。
4、左右分割型
左右框架型結(jié)構(gòu)的頁面通常會在左側(cè)放置一列文字鏈接，有時最上面會有標(biāo)題或Logo，頁面的右側(cè)則是正文或主題部分，大部分的論壇都采用這種布局方式。這種類型的網(wǎng)頁布局，結(jié)構(gòu)清晰且一目了然。
5、上下分割型
上下框架結(jié)構(gòu)與左右框架結(jié)構(gòu)類似，區(qū)別僅限于上下框架型頁面的導(dǎo)航菜單和Logo在上方，正文和主體內(nèi)容在下方。
6、POP型
POP源自廣告術(shù)語，指頁面布局像一張宣傳海報，以圖片作為頁面的中心。常用于時尚類網(wǎng)站，優(yōu)點(diǎn)是漂亮吸引人，缺點(diǎn)是速度慢。
7、封面型
封面型布局的頁往往會直接使用一些極具設(shè)計感的圖像或動畫作為網(wǎng)頁背景，然后添加一個簡單的“進(jìn)入”按鈕就是全部內(nèi)容了。這種布局方式十分開放自由，通常出現(xiàn)在一些網(wǎng)站的首頁，如果運(yùn)用得恰到好處，會給用戶帶來十分賞心悅目的感覺。
8、Flash型
Flash型布局方式與封面型類似，只是采用了目前流行的Flash動畫。相較于圖形來說，F(xiàn)lash具有更強(qiáng)的交互性，不僅可以表現(xiàn)更多的信息和內(nèi)容，還能更好地渲染頁面的活躍氣氛。游戲類網(wǎng)站和設(shè)計類網(wǎng)站喜歡采用這種布局方式作為首頁。