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