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