網(wǎng)站布局
當(dāng)瀏覽者單擊鼠標(biāo)在網(wǎng)海中遨游,一張張精彩的網(wǎng)頁(yè)會(huì)呈現(xiàn)在瀏覽者的眼前。那么,什么因素會(huì)影響網(wǎng)頁(yè)的精彩?色彩的搭配、文字的變化、圖片的處理等,這些當(dāng)然都是不可忽略的因素,但除了這些之外,還有一個(gè)非常重要的因素——網(wǎng)頁(yè)的布局。將網(wǎng)頁(yè)的元素安排在網(wǎng)頁(yè)適當(dāng)?shù)奈恢?,就形成了網(wǎng)頁(yè)的整體布局。表1-1列舉了常見(jiàn)的幾種網(wǎng)頁(yè)布局。
當(dāng)然,進(jìn)行網(wǎng)頁(yè)布局時(shí)不能千篇一律,布局設(shè)計(jì)主要是根據(jù)網(wǎng)站內(nèi)容和建站目的等基本要素而決定的。布局的過(guò)程要做到不是僅僅簡(jiǎn)單地將各種元素堆積在網(wǎng)頁(yè),而是為網(wǎng)頁(yè)建立秩序。在進(jìn)行網(wǎng)頁(yè)布局時(shí),可以先在紙上形成版式草圖,如圖1-5所示,然后選擇最佳方案作為網(wǎng)站布局,繼而對(duì)該方案進(jìn)行細(xì)化,形成網(wǎng)站最終的布局圖,如圖1-6所示。設(shè)計(jì)者根據(jù)最終的布局圖可以更快捷地插入頁(yè)面元素,設(shè)計(jì)頁(yè)面效果。
色彩搭配
網(wǎng)站的整體視覺(jué)效果在網(wǎng)站布局方案確定之后就形成了雛形,因?yàn)榫W(wǎng)站的信息已經(jīng)做了較為合理的安排。接下來(lái)要考慮如何吸引瀏覽者對(duì)網(wǎng)站的注意,而讓瀏覽者能花更多的時(shí)間停留在該網(wǎng)站上,這就涉及了影響網(wǎng)站的整體視覺(jué)效果的另一個(gè)因素——網(wǎng)頁(yè)的色彩搭配。網(wǎng)頁(yè)的色彩搭配決定了瀏覽者對(duì)該網(wǎng)站的第一印象,因此,設(shè)計(jì)網(wǎng)頁(yè)需要在色彩的使用上深思熟慮,不僅要與網(wǎng)站風(fēng)格匹配,而且還要突出網(wǎng)站的個(gè)性。如圖 1-7 中的頁(yè)面雖然色彩活躍,但搭配恰當(dāng)。
對(duì)色彩進(jìn)行搭配前,需要了解以下關(guān)于色彩的知識(shí)。
① 色彩。
紅、黃、藍(lán)三種色彩可以調(diào)和其他的色彩,因此把它們稱為三原色。網(wǎng)頁(yè)中的色彩表達(dá)即是用這三種顏色的數(shù)值表示,例如:紅色是 RGB(255,0,0),十六進(jìn)制的表示方法為(FF0000)。我們經(jīng)??吹降摹癰gColor=#FF0000”就是指背景色為紅色。
顏色分非彩色和彩色兩類(lèi)。非彩色是指黑,白,灰三種系統(tǒng)色,彩色是指除了非彩色以外的所有色彩。根據(jù)專(zhuān)業(yè)的研究機(jī)構(gòu)研究表明:彩色的記憶效果是黑白的 3.5 倍。也就是說(shuō),在一般情況下,彩色頁(yè)面與完全黑白頁(yè)面比較,彩色頁(yè)面更加能吸引人。
任何色彩都有飽和度和透明度的屬性,屬性的變化會(huì)產(chǎn)生不同的色相,所以至少可以制作幾百萬(wàn)種色彩。
② 色調(diào)。
暖色調(diào)——可使主頁(yè)呈現(xiàn)溫馨、和煦、熱情的氛圍。該色調(diào)代表:紅色、橙色、黃色等色彩的搭配。
[圖片]冷色調(diào)——可使主頁(yè)呈現(xiàn)寧?kù)o、清涼、高雅的氛圍。該色調(diào)代表:青色、綠色、紫色等色彩的搭配。
[圖片]對(duì)比色調(diào)——把色調(diào)完全相反的色彩搭配在一空間里。如:紅與綠、橙與藍(lán)可以產(chǎn)生強(qiáng)烈的視覺(jué)效果,給人亮麗、鮮艷、喜慶的感覺(jué)。
③ 色彩的心理感覺(jué)。
不同的顏色會(huì)給瀏覽者帶來(lái)不同的心理感受,每種色彩在飽和度、透明度上略微變化就會(huì)產(chǎn)生不同的感覺(jué)。表1-2列舉了一些常用顏色給人帶來(lái)的感覺(jué)。
網(wǎng)頁(yè)采用的色彩除了要考慮顏色給人帶來(lái)的感觀效果之外,還要考慮網(wǎng)頁(yè)中的色彩搭配。色彩搭配可從以下幾個(gè)方面考慮。
[圖片]色彩的鮮明性。網(wǎng)頁(yè)的色彩要鮮艷,這樣更容易引人注目。
[圖片]色彩的獨(dú)特性。要有與眾不同的色彩,使得瀏覽者對(duì)網(wǎng)站的印象深刻。
[圖片]色彩的合適性。色彩與網(wǎng)站所表達(dá)的內(nèi)容相匹配。
[圖片]色彩的聯(lián)想性。不同色彩可能會(huì)有不同的聯(lián)想,選擇的色彩要和網(wǎng)頁(yè)的內(nèi)涵有一定的關(guān)聯(lián)。
總之,網(wǎng)頁(yè)應(yīng)用色彩應(yīng)遵循的原則是“總體協(xié)調(diào),局部對(duì)比”。特別地,網(wǎng)頁(yè)顏色盡量控制在三種色彩以內(nèi),不需要把所有的顏色都用到;同時(shí),背景顏色和網(wǎng)頁(yè)文字的顏色對(duì)比盡量要大,但也不可用花紋繁復(fù)的圖案作背景,這樣不便突出文字內(nèi)容。網(wǎng)頁(yè)色彩處理得好的話可以使頁(yè)面錦上添花,達(dá)到事半功倍的效果。
Copyright All Rights GreatGoal Design co.,ltd. 魯ICP備16002128號(hào)-3