|
網(wǎng)頁(yè)界面中除了點(diǎn)、線面這些實(shí)體造型元素，其余的空間就是“空白”，空白不一定是“白”，它可以是與背景色相同的表示“虛”的空間范圍?？瞻啄苁箤?shí)體在視覺上產(chǎn)生動(dòng)態(tài)，獲得張力。在中國(guó)傳統(tǒng)繪畫中，空白的表現(xiàn)力豐富，同時(shí)又使筆墨生支靈妙，無怪乎古人所說“形得之于形外”，“計(jì)白守黑”。頁(yè)面中巧妙地留白，講究空白之美，有助于更好地烘托主題，渲染氣氛，集中視線，加強(qiáng)空間層次，使版面疏密有序，布局清晰。
黃金之比所以有如此神圣和不可思議的力量，乃是因?yàn)辄S金比是含有無理數(shù)的數(shù)字，用公式表示為Φ=(1+)/2約=1.618。黃金矩形去掉短邊為邊長(zhǎng)的正方形時(shí)，剩下的矩形仍為黃金矩形。
以正方形的對(duì)角線為長(zhǎng)邊，所得矩形為矩形，再以矩形的對(duì)角線為長(zhǎng)邊，所得矩形為矩形，以此類推，可以得到任意自然數(shù)的矩形。矩形對(duì)折成半時(shí)，面積雖然只剩一半，但形狀不變，仍是矩形。
網(wǎng)頁(yè)界面的版式設(shè)計(jì)中，其比例關(guān)系一般體現(xiàn)在：頁(yè)面所限定空間的長(zhǎng)寬比，實(shí)體內(nèi)容與虛空間（空白）的面積比，頁(yè)面被分割的比例，圖文的關(guān)系比以及各造型元素內(nèi)部的比例等形式上的數(shù)量關(guān)系。對(duì)稱的版式設(shè)計(jì)穩(wěn)定、莊嚴(yán)、整齊、秩序、安寧、沉靜，如同中國(guó)古代宮殿一樣莊重、嚴(yán)肅，體現(xiàn)了一種古典主義的風(fēng)格。為避免對(duì)稱產(chǎn)生的單調(diào)和呆板，要在對(duì)稱中略帶變化。
視覺藝術(shù)中的節(jié)奏和韻律來自音樂的概念，節(jié)奏較多地強(qiáng)調(diào)“節(jié)拍”，韻律較多地強(qiáng)調(diào)“變化”，如果說韻律感不夠，是指缺少變化，過于呆板；如果說節(jié)奏感不強(qiáng)，是指變化缺乏條理規(guī)則。
對(duì)比是指因多種元素相異的特點(diǎn)相比較而更加鮮明強(qiáng)烈的緊張感。對(duì)比有形的對(duì)比（大小、方圓、長(zhǎng)短、曲直、寬窄），色的對(duì)比（色相、明度、純度、冷暖），質(zhì)的對(duì)比（剛?cè)帷⒋旨?xì)、強(qiáng)弱、干濕、輕重、軟硬、虛實(shí)），勢(shì)的對(duì)比（疾緩、疏密、動(dòng)靜、抑揚(yáng)、進(jìn)退）等。對(duì)比關(guān)系越清晰，視覺效果就越強(qiáng)烈，在一個(gè)頁(yè)面中，通常是多種對(duì)比關(guān)系同時(shí)并存，以產(chǎn)生多姿多彩的表現(xiàn)效果。人眼的視線沿水平方向運(yùn)動(dòng)比沿垂直方向運(yùn)動(dòng)快而且不易疲勞。視線的變化習(xí)慣于從左到右，從上到下和順時(shí)針方向運(yùn)動(dòng)。調(diào)查顯示，視區(qū)內(nèi)上部比下部注目程度高，左側(cè)比右側(cè)更引人注意。
欲使網(wǎng)頁(yè)在傳遞視覺信息時(shí)順暢高效，頁(yè)面須具備清晰的條理性和組織性，產(chǎn)生一定的主從關(guān)系。常采取的方式有：
（1）加強(qiáng)主從對(duì)象的大小對(duì)比。
?。?）加大主體形象周圍的空白。
（3）加強(qiáng)主從對(duì)象之間的色彩對(duì)比。
?。?）將主體形象在頁(yè)面反復(fù)出現(xiàn)，強(qiáng)化與視線的接觸頻率，這種強(qiáng)化方式尤其適合于以產(chǎn)品為主體形象的網(wǎng)頁(yè)界面。
?。?）加強(qiáng)主從對(duì)象在形態(tài)上“勢(shì)”的對(duì)比。一般來說，網(wǎng)頁(yè)的版面中水平或垂直的形態(tài)居多，如果主體形象運(yùn)用適當(dāng)?shù)男本€和曲線，就會(huì)從水平、垂直線構(gòu)成的環(huán)境中突顯出來。
通過視覺流程，設(shè)計(jì)師運(yùn)用視覺移動(dòng)規(guī)律，將多種視覺信息進(jìn)行有序組織，誘導(dǎo)瀏者的視線依設(shè)計(jì)師的意圖進(jìn)行流動(dòng)，從而使瀏覽者清晰、流暢、快捷地接受最佳信息。視覺流程的幾種表現(xiàn)方式：
?。?）單向視覺流程：橫向，豎向，斜向。
（2）曲線視覺流程。
?。?）導(dǎo)向視覺流程：借助誘導(dǎo)因素來實(shí)現(xiàn)。
?、倬€形導(dǎo)向：以線、文字等線形元素來引導(dǎo)觀者的視線。
?、谛蜗髮?dǎo)向：以圖片中人或物的朝向來引導(dǎo)觀者的視線，如人物的目光方向，一個(gè)座椅的朝向等。
?、壑甘緦?dǎo)向：通過指示性的箭頭、手指或具有透視感的線條來引導(dǎo)視線。
?。?）重心視覺流程：視覺會(huì)沿著形象方向與力度的伸展來變換、運(yùn)動(dòng)，如表現(xiàn)向心力或重力的視線運(yùn)動(dòng)。
?。?）反復(fù)視覺流程：其運(yùn)動(dòng)雖不如單向、曲線、重心視覺流程運(yùn)動(dòng)感強(qiáng)烈，但更富于節(jié)奏和秩序美。
?。?）散點(diǎn)視覺流程：沒有固定的視覺流動(dòng)線，強(qiáng)調(diào)一種感性、自由性、隨意性、偶然性。
對(duì)于欄目設(shè)置比較復(fù)雜的網(wǎng)站，如果顯示所有與該頁(yè)相關(guān)的導(dǎo)航，頁(yè)面勢(shì)必變得相當(dāng)龐大，影響了版面的整體布局。最好的辦法是將此頁(yè)面做成彈出窗口，不影響原有頁(yè)面的導(dǎo)航信息，同時(shí)只設(shè)置與該頁(yè)關(guān)系最近的導(dǎo)航鏈接和首頁(yè)鏈接。
在視覺習(xí)慣上，頁(yè)面的垂直均勻分割，當(dāng)左右兩部分形成強(qiáng)烈對(duì)比時(shí)，會(huì)造成視覺心理的不平衡。這時(shí)，可將分割線作部分或全部的弱化處理，或在分割處加入其他元素，使左右部分的過渡自然而和諧。
|