10.3 網(wǎng)頁(yè)布局的基本類型
網(wǎng)頁(yè)的布局不可能像平面設(shè)計(jì)那么簡(jiǎn)單，除了上文提到過(guò)的可操作性外，技術(shù)問(wèn)題也是制約網(wǎng)頁(yè)布局的一個(gè)重要因素。雖然網(wǎng)頁(yè)制作已經(jīng)擺脫了HTML時(shí)代，但是還沒(méi)有完全做到揮灑自如，這就決定了網(wǎng)頁(yè)的布局是有一定規(guī)則的，這種規(guī)則使得網(wǎng)頁(yè)布局只能在左右對(duì)稱結(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 左右對(duì)稱結(jié)構(gòu)布局
左右對(duì)稱結(jié)構(gòu)是網(wǎng)頁(yè)布局中最為簡(jiǎn)單的一種?！白笥覍?duì)稱”所指的只是在視覺(jué)上的相對(duì)對(duì)稱，而非幾何意義上的對(duì)稱，這種結(jié)構(gòu)將網(wǎng)頁(yè)分割為左右兩部分。一般使用這種結(jié)構(gòu)的網(wǎng)站均把導(dǎo)航區(qū)設(shè)置在左半部，而右半部用作主體內(nèi)容的區(qū)域。左右對(duì)稱性結(jié)構(gòu)便于瀏覽者直觀地讀取主體內(nèi)容，但是卻不利于發(fā)布大量的信息，所以這種結(jié)構(gòu)對(duì)于內(nèi)容較多的大型網(wǎng)站來(lái)說(shuō)并不合適。
10.3.2 “同”字型結(jié)構(gòu)布局
“同”字結(jié)構(gòu)名副其實(shí)，采用這種結(jié)構(gòu)的網(wǎng)頁(yè)，往往將導(dǎo)航區(qū)置于頁(yè)面頂端，一些如廣告條、友情鏈接、搜索引擎、注冊(cè)按鈕、登陸面板、欄目條等內(nèi)容置于頁(yè)面兩側(cè)，中間為主體內(nèi)容，這種結(jié)構(gòu)比左右對(duì)稱結(jié)構(gòu)要復(fù)雜一點(diǎn)，不但有條理，而且直觀，有視覺(jué)上的平衡感，但是這種結(jié)構(gòu)也比較僵化。在使用這種結(jié)構(gòu)時(shí)，高超的用色技巧會(huì)規(guī)避“同”字結(jié)構(gòu)的缺陷。
10.3.3 “回”字型結(jié)構(gòu)布局
“回”字型結(jié)構(gòu)實(shí)際上是對(duì)“同”字型結(jié)構(gòu)的一種變形，即在“同”字型結(jié)構(gòu)的下面增加了一個(gè)橫向通欄，這種變形將“同”字型結(jié)構(gòu)不是很重視的頁(yè)腳利用起來(lái)，這樣增大了主體內(nèi)容，合理地使用了頁(yè)面有限的面積，但是這樣往往使頁(yè)面充斥著各種內(nèi)容，擁擠不堪。
10.3.4 “匡”字型結(jié)構(gòu)布局
和“回”字型結(jié)構(gòu)一樣，“匡”字型結(jié)構(gòu)其實(shí)也是“同”字型結(jié)構(gòu)的一種變形，也可以認(rèn)為是將“回”字型結(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)布局相對(duì)而言就沒(méi)有那么“安分守己”了，這種結(jié)構(gòu)的隨意性特別大，*了從前以圖文為主的表現(xiàn)形式，將圖像、Flash動(dòng)畫或者視頻作為主體內(nèi)容，其他的文字說(shuō)明及欄目條均被分布到不顯眼的位子，起裝飾作用，這種結(jié)構(gòu)在時(shí)尚類網(wǎng)站中使用的非常多，尤其是在時(shí)裝、化妝用品的網(wǎng)站中。這種結(jié)構(gòu)富于美感，可以吸引大量的瀏覽者欣賞，但是卻因?yàn)槲淖诌^(guò)少，而難以讓瀏覽者長(zhǎng)時(shí)間駐足，另外起指引作用的導(dǎo)航條不明顯，而不便于操作。
10.3.6 “另類”結(jié)構(gòu)布局
如果說(shuō)自由式結(jié)構(gòu)是現(xiàn)代主義的結(jié)構(gòu)布局，那么“另類”結(jié)構(gòu)布局就可以被稱為后現(xiàn)代的代表了。在“另類”結(jié)構(gòu)布局中，傳統(tǒng)意義上的所有網(wǎng)頁(yè)元素全部被*，被打散后融入到一個(gè)模擬的場(chǎng)景中。在這個(gè)場(chǎng)景中，網(wǎng)頁(yè)元素化身為某一種實(shí)物，采用這種結(jié)構(gòu)布局的網(wǎng)站多用于設(shè)計(jì)類網(wǎng)站，以顯示站長(zhǎng)的前衛(wèi)的設(shè)計(jì)理念，這種結(jié)構(gòu)要求設(shè)計(jì)者要有非常豐富的想象力和非常強(qiáng)的圖像處理技巧，因?yàn)檫@種結(jié)構(gòu)稍有不慎就會(huì)因?yàn)轫?yè)面內(nèi)容太多而拖慢速度。
網(wǎng)頁(yè)的布局不可能像平面設(shè)計(jì)那么簡(jiǎn)單，除了上文提到過(guò)的可操作性外，技術(shù)問(wèn)題也是制約網(wǎng)頁(yè)布局的一個(gè)重要因素。雖然網(wǎng)頁(yè)制作已經(jīng)擺脫了HTML時(shí)代，但是還沒(méi)有完全做到揮灑自如，這就決定了網(wǎng)頁(yè)的布局是有一定規(guī)則的，這種規(guī)則使得網(wǎng)頁(yè)布局只能在左右對(duì)稱結(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 左右對(duì)稱結(jié)構(gòu)布局
左右對(duì)稱結(jié)構(gòu)是網(wǎng)頁(yè)布局中最為簡(jiǎn)單的一種?！白笥覍?duì)稱”所指的只是在視覺(jué)上的相對(duì)對(duì)稱，而非幾何意義上的對(duì)稱，這種結(jié)構(gòu)將網(wǎng)頁(yè)分割為左右兩部分。一般使用這種結(jié)構(gòu)的網(wǎng)站均把導(dǎo)航區(qū)設(shè)置在左半部，而右半部用作主體內(nèi)容的區(qū)域。左右對(duì)稱性結(jié)構(gòu)便于瀏覽者直觀地讀取主體內(nèi)容，但是卻不利于發(fā)布大量的信息，所以這種結(jié)構(gòu)對(duì)于內(nèi)容較多的大型網(wǎng)站來(lái)說(shuō)并不合適。
10.3.2 “同”字型結(jié)構(gòu)布局
“同”字結(jié)構(gòu)名副其實(shí)，采用這種結(jié)構(gòu)的網(wǎng)頁(yè)，往往將導(dǎo)航區(qū)置于頁(yè)面頂端，一些如廣告條、友情鏈接、搜索引擎、注冊(cè)按鈕、登陸面板、欄目條等內(nèi)容置于頁(yè)面兩側(cè)，中間為主體內(nèi)容，這種結(jié)構(gòu)比左右對(duì)稱結(jié)構(gòu)要復(fù)雜一點(diǎn)，不但有條理，而且直觀，有視覺(jué)上的平衡感，但是這種結(jié)構(gòu)也比較僵化。在使用這種結(jié)構(gòu)時(shí)，高超的用色技巧會(huì)規(guī)避“同”字結(jié)構(gòu)的缺陷。
10.3.3 “回”字型結(jié)構(gòu)布局
“回”字型結(jié)構(gòu)實(shí)際上是對(duì)“同”字型結(jié)構(gòu)的一種變形，即在“同”字型結(jié)構(gòu)的下面增加了一個(gè)橫向通欄，這種變形將“同”字型結(jié)構(gòu)不是很重視的頁(yè)腳利用起來(lái)，這樣增大了主體內(nèi)容，合理地使用了頁(yè)面有限的面積，但是這樣往往使頁(yè)面充斥著各種內(nèi)容，擁擠不堪。
10.3.4 “匡”字型結(jié)構(gòu)布局
和“回”字型結(jié)構(gòu)一樣，“匡”字型結(jié)構(gòu)其實(shí)也是“同”字型結(jié)構(gòu)的一種變形，也可以認(rèn)為是將“回”字型結(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)布局相對(duì)而言就沒(méi)有那么“安分守己”了，這種結(jié)構(gòu)的隨意性特別大，*了從前以圖文為主的表現(xiàn)形式，將圖像、Flash動(dòng)畫或者視頻作為主體內(nèi)容，其他的文字說(shuō)明及欄目條均被分布到不顯眼的位子，起裝飾作用，這種結(jié)構(gòu)在時(shí)尚類網(wǎng)站中使用的非常多，尤其是在時(shí)裝、化妝用品的網(wǎng)站中。這種結(jié)構(gòu)富于美感，可以吸引大量的瀏覽者欣賞，但是卻因?yàn)槲淖诌^(guò)少，而難以讓瀏覽者長(zhǎng)時(shí)間駐足，另外起指引作用的導(dǎo)航條不明顯，而不便于操作。
10.3.6 “另類”結(jié)構(gòu)布局
如果說(shuō)自由式結(jié)構(gòu)是現(xiàn)代主義的結(jié)構(gòu)布局，那么“另類”結(jié)構(gòu)布局就可以被稱為后現(xiàn)代的代表了。在“另類”結(jié)構(gòu)布局中，傳統(tǒng)意義上的所有網(wǎng)頁(yè)元素全部被*，被打散后融入到一個(gè)模擬的場(chǎng)景中。在這個(gè)場(chǎng)景中，網(wǎng)頁(yè)元素化身為某一種實(shí)物，采用這種結(jié)構(gòu)布局的網(wǎng)站多用于設(shè)計(jì)類網(wǎng)站，以顯示站長(zhǎng)的前衛(wèi)的設(shè)計(jì)理念，這種結(jié)構(gòu)要求設(shè)計(jì)者要有非常豐富的想象力和非常強(qiáng)的圖像處理技巧，因?yàn)檫@種結(jié)構(gòu)稍有不慎就會(huì)因?yàn)轫?yè)面內(nèi)容太多而拖慢速度。