10.3　網頁布局的基本類型

　　網頁的布局不可能像平面設計那么簡單，除了上文提到過的可操作性外，技術問題也是制約網頁布局的一個重要因素。雖然網頁制作已經擺脫了HTML時代，但是還沒有完全做到揮灑自如，這就決定了網頁的布局是有一定規則的，這種規則使得網頁布局只能在左右對稱結構布局、“同”字型結構布局、“回”字型結構布局、“匡”字型結構布局、“廠”字型結構布局、自由式結構布局、“另類”結構布局等幾種布局的基本結構中選擇。

　　10.3.1　左右對稱結構布局

　　左右對稱結構是網頁布局中最為簡單的一種。“左右對稱”所指的只是在視覺上的相對對稱，而非幾何意義上的對稱，這種結構將網頁分割為左右兩部分。一般使用這種結構的網站均把導航區設置在左半部，而右半部用作主體內容的區域。左右對稱性結構便于瀏覽者直觀地讀取主體內容，但是卻不利于發布大量的信息，所以這種結構對于內容較多的大型網站來說并不合適。

　　10.3.2　“同”字型結構布局

　　“同”字結構名副其實，采用這種結構的網頁，往往將導航區置于頁面頂端，一些如廣告條、友情鏈接、搜索引擎、注冊按鈕、登陸面板、欄目條等內容置于頁面兩側，中間為主體內容，這種結構比左右對稱結構要復雜一點，不但有條理，而且直觀，有視覺上的平衡感，但是這種結構也比較僵化。在使用這種結構時，高超的用色技巧會規避“同”字結構的缺陷。

　　10.3.3　“回”字型結構布局

　　“回”字型結構實際上是對“同”字型結構的一種變形，即在“同”字型結構的下面增加了一個橫向通欄，這種變形將“同”字型結構不是很重視的頁腳利用起來，這樣增大了主體內容，合理地使用了頁面有限的面積，但是這樣往往使頁面充斥著各種內容，擁擠不堪。

　　10.3.4　“匡”字型結構布局

　　和“回”字型結構一樣，“匡”字型結構其實也是“同”字型結構的一種變形，也可以認為是將“回”字型結構的右側欄目條去掉得出的新結構，這種結構是“同”字型結構和“回”字型結構的一種折中，這種結構承載的信息量與“同”字型相同，而且改善了“回”字型的封閉型結構。

　　10.3.5　自由式結構布局

　　以上3種結構是傳統意義上的結構布局。自由式結構布局相對而言就沒有那么“安分守己”了，這種結構的隨意性特別大，顛覆了從前以圖文為主的表現形式，將圖像、Flash動畫或者視頻作為主體內容，其他的文字說明及欄目條均被分布到不顯眼的位子，起裝飾作用，這種結構在時尚類網站中使用的非常多，尤其是在時裝、化妝用品的網站中。這種結構富于美感，可以吸引大量的瀏覽者欣賞，但是卻因為文字過少，而難以讓瀏覽者長時間駐足，另外起指引作用的導航條不明顯，而不便于操作。

　　10.3.6　“另類”結構布局

　　如果說自由式結構是現代主義的結構布局，那么“另類”結構布局就可以被稱為后現代的代表了。在“另類”結構布局中，傳統意義上的所有網頁元素全部被顛覆，被打散后融入到一個模擬的場景中。在這個場景中，網頁元素化身為某一種實物，采用這種結構布局的網站多用于設計類網站，以顯示站長的前衛的設計理念，這種結構要求設計者要有非常豐富的想象力和非常強的圖像處理技巧，因為這種結構稍有不慎就會因為頁面內容太多而拖慢速度。