網(wǎng)頁布局的基本類型

　　10.3　網(wǎng)頁布局的基本類型

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

　　10.3.1　左右對稱結(jié)構(gòu)布局

　　左右對稱結(jié)構(gòu)是網(wǎng)頁布局中最為簡單的一種�！白笥覍ΨQ”所指的只是在視覺上的相對對稱，而非幾何意義上的對稱，這種結(jié)構(gòu)將網(wǎng)頁分割為左右兩部分。一般使用這種結(jié)構(gòu)的網(wǎng)站均把導(dǎo)航區(qū)設(shè)置在左半部，而右半部用作主體內(nèi)容的區(qū)域。左右對稱性結(jié)構(gòu)便于瀏覽者直觀地讀取主體內(nèi)容，但是卻不利于發(fā)布大量的信息，所以這種結(jié)構(gòu)對于內(nèi)容較多的大型網(wǎng)站來說并不合適。

　　10.3.2　“同”字型結(jié)構(gòu)布局

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

　　10.3.3　“回”字型結(jié)構(gòu)布局

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

　　10.3.4　“匡”字型結(jié)構(gòu)布局

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

　　10.3.5　自由式結(jié)構(gòu)布局

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

　　10.3.6　“另類”結(jié)構(gòu)布局

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