課外補充資料：網(wǎng)頁版式構(gòu)成的類型與導(dǎo)航結(jié)構(gòu)

課外學(xué)習(xí)：網(wǎng)頁版式構(gòu)成的類型與導(dǎo)航結(jié)構(gòu)6．關(guān)鍵知識點六：網(wǎng)頁版式構(gòu)成的類型根據(jù)視覺流程的類型及網(wǎng)頁版式，總結(jié)出以下版式構(gòu)成的類型：水平分割、垂直分割、水平-垂直交叉分割等。其中，水平分割、垂直分割、水平-垂直交叉分割常用到水平線、垂直線、矩形等，這些形式在網(wǎng)頁制作時容易實現(xiàn)，且頁面能容納較多的信息含量，因而是網(wǎng)頁界面中使用相當(dāng)廣泛的構(gòu)成類型下面簡單介紹一下這幾種分割形勢。1）水平分割頁面中的水平分割與排列，強調(diào)了水平線的作用，使頁面具有安定、平靜的感覺，觀眾的視線在左右移動中捕捉視覺信息，符合人們的視覺習(xí)慣。（1）水平均勻分割將頁面分割成上下相等的兩部分。圖4-11，圖4-12，上半部用作視覺表現(xiàn)，引發(fā)情感，下半部用來解釋說明，上半部多為主體形象。圖4-11水平均勻分割（一）圖4-12水平均勻分割（二）（2）水平不均勻分割將頁面分割成上下不相等的兩部分。一般地說，如果在上半部安置標(biāo)題或?qū)Ш?，則面積較?。▓D4-13），如果在上半部安置圖片或主體形象，則面積適當(dāng)加大（圖4-14）。圖4-13水平不均勻分割（一）圖4-14水平不均勻分割（二）（3）水平多次分割頁面沿水平分割成大小不等的幾個部分。圖4-15，多層分割有助于不同信息的歸類。（4）水平變化分割在水平分割的基礎(chǔ)上進(jìn)行變化。如圖4-16，水平分割與斜線、弧線相結(jié)合，打破了頁面的安定，產(chǎn)生運動和速度感。圖4-15水平多次分割1圖4-16水平變化分割22）垂直分割頁面中的垂直分割與排列，則強調(diào)垂直線的作用，具有堅硬、理智、冷靜和秩序的感覺。（1）垂直均勻分割把頁面分割為左右相等的兩部分，在視覺習(xí)慣上，當(dāng)左右兩部分形成強弱對比時，會造成視覺心理的不平衡。這時，可將分割線作部分或全部的弱化處理，或在分割處加入其它元素，使左右部分的過渡自然而和諧。如圖4-17所示，左右兩部分在色彩上的對比由于視覺中心的圖文而減弱，左上角的標(biāo)志減輕左半部的重量感，使頁面更為融合。（2）垂直不均勻分割把頁面分割為左右不相等的兩部分。左邊的視覺注意度較高，因而放置標(biāo)志、導(dǎo)航信息、主體形象等，如圖4-18所示。圖4-17垂直均勻分割圖4-18垂直不均勻分割（3）垂直多次分割頁面沿垂直方向分割成大小不等的幾部分。圖4-19所示，頁面具有很強的層次性，左邊為主欄目導(dǎo)航，右邊為次級欄目導(dǎo)航，中間為相應(yīng)的內(nèi)容，中間和右邊由色彩來統(tǒng)一，而左邊用形態(tài)的滲入來加強它與中間部分的銜接。（4）垂直變化分割將垂直分割進(jìn)行特異性處理，容易取得耳目一新的效果。如圖4-20所示，將垂直分割應(yīng)用于音樂網(wǎng)站的設(shè)計，分割手法靈活多變，營造出音樂的律動感。圖4-25網(wǎng)頁左側(cè)導(dǎo)航布局頁面圖4-26網(wǎng)頁右側(cè)導(dǎo)航布局頁面5）底部導(dǎo)航底部導(dǎo)航是指網(wǎng)站導(dǎo)航位于頁面底部的網(wǎng)頁布局結(jié)構(gòu)，在適合標(biāo)準(zhǔn)顯示器分辯率、無法調(diào)整網(wǎng)頁布局上下寬的情況下，必須使用框架結(jié)構(gòu)，這是因為想要隨時向使用者展現(xiàn)網(wǎng)站導(dǎo)航的話，就必須考慮到使用者在不使用滾動條的情況下也能利用網(wǎng)站導(dǎo)航。不過，即使使用框架，還存在一些必須解決的問題（比如：打開速度，更新無法記憶），還有很多人比較忌諱使用框架，因此旨在提供信息類型的網(wǎng)站幾乎都不采用底部導(dǎo)航結(jié)構(gòu)。但是，底部導(dǎo)航機構(gòu)對上面區(qū)域的限制因素比其他網(wǎng)頁布局結(jié)構(gòu)都要少，網(wǎng)頁設(shè)計師可以按照自己