劉　乾

[摘要]色彩的合理搭配在網(wǎng)站設(shè)計(jì)中起著非常關(guān)鍵的作用,很多網(wǎng)站以其成功的色彩搭配令人過(guò)目不忘。色彩作為網(wǎng)站設(shè)計(jì)的第一視覺(jué)要素,有持久的藝術(shù)魅力,備受設(shè)計(jì)師的重視。對(duì)于網(wǎng)站設(shè)計(jì)者來(lái)說(shuō),怎樣駕馭好網(wǎng)頁(yè)的顏色搭配,是一個(gè)有待于研究的課題。介紹網(wǎng)站色彩的理論知識(shí),著重論述網(wǎng)站設(shè)計(jì)中色彩搭配應(yīng)該注意的幾個(gè)問(wèn)題。

[關(guān)鍵詞]設(shè)計(jì)色彩網(wǎng)站

中圖分類(lèi)號(hào):TP3文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1671-7597(2009)0710111-02

隨著時(shí)代的進(jìn)步,科學(xué)的發(fā)展,人們對(duì)美的追求逐步提高,色彩則是組成美的重要因素。掌握色彩的藝術(shù)規(guī)律和自然規(guī)律,最終體現(xiàn)在作品中的色彩關(guān)系,應(yīng)該是科學(xué)與藝術(shù)完美的結(jié)合。對(duì)于網(wǎng)站來(lái)說(shuō),頁(yè)面中刺激記憶最初、最持久的元素就是色彩搭配。網(wǎng)頁(yè)的背景、文字、圖標(biāo)、邊框、超鏈接……應(yīng)該采用什么樣的色彩,如何進(jìn)行搭配,才能最好地表達(dá)出預(yù)想的內(nèi)涵,這都是我們要面對(duì)的新課題。事實(shí)上運(yùn)用色彩、進(jìn)行色彩搭配幾乎是大部分設(shè)計(jì)師感到最棘手的問(wèn)題,筆者將根據(jù)多年來(lái)的平面設(shè)計(jì)和網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn),來(lái)闡述色彩及搭配中的相關(guān)問(wèn)題。

一、有關(guān)網(wǎng)站色彩的理論知識(shí)

(一)基于web網(wǎng)頁(yè)安全色的應(yīng)用

web網(wǎng)頁(yè)安全色是指在不同硬件環(huán)境、不同操作系統(tǒng)、不同瀏覽器中都能夠正常顯示的顏色集合(調(diào)色板),也就是說(shuō)這些顏色在任何終端瀏覽用戶(hù)顯示設(shè)備上的現(xiàn)實(shí)效果都是相同的。使用216網(wǎng)頁(yè)安全色進(jìn)行網(wǎng)頁(yè)配色可以避免原有的顏色失真問(wèn)題。這對(duì)于一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)是必備的常識(shí),利用它可以擬定出更安全、更出色的網(wǎng)頁(yè)配色方案?；趙eb應(yīng)用的顏色可以用16進(jìn)制的數(shù)值進(jìn)行描述,例如標(biāo)準(zhǔn)的紅色可以描述為#FF0000。

(二)色彩的三原色

人眼所見(jiàn)的各種色彩是因?yàn)楣饩€有不同波長(zhǎng)所造成的,經(jīng)過(guò)實(shí)驗(yàn)發(fā)現(xiàn),人類(lèi)肉眼對(duì)其中三種波長(zhǎng)的感受特別強(qiáng)烈,只要適當(dāng)調(diào)整這三種光線的強(qiáng)度,就可以讓人類(lèi)感受到幾乎所有的顏色?，F(xiàn)實(shí)中的三原色為紅黃藍(lán),但是網(wǎng)站色彩和現(xiàn)實(shí)生活中的色彩還是有區(qū)別的,電腦屏幕的三原色是紅(red),綠(green),藍(lán)(blue)。網(wǎng)頁(yè)設(shè)計(jì)中的所有顏色均可用紅綠藍(lán)三種顏色調(diào)和而成,因此計(jì)算機(jī)里頭就用RGB三個(gè)數(shù)值的大小來(lái)標(biāo)示顏色。例如標(biāo)準(zhǔn)的紅色可以用R:255、G:0、B:0表示。

(三)色彩的三要素

自然界中的顏色可以分為非彩色和彩色兩大類(lèi)。非彩色指黑色、白色和各種深淺不一的灰色,而其他所有顏色均屬于彩色。任何一種彩色都具有明度、色相和彩度三大屬性。

1.色相

色相,指色彩的基本相貌,它是顏色彼此區(qū)別的最主要、最基本的特征。色相體現(xiàn)著色彩外向的性格,是色彩的靈魂。同類(lèi)顏色色系中,也可以分為幾種色相,其中的紅色可以分為橘紅、大紅、土紅等,綠色系列則可以分為粉綠、淡綠、翠綠等。

2.明度

明度指色彩的明暗程度,也可稱(chēng)色彩的亮度、深淺度。明度層次一般分為:低明度色、中明度色、高明度色。明度關(guān)系可以說(shuō)是色彩搭配的基礎(chǔ)。如果在設(shè)計(jì)中掌握好色相的明度,就能形成一種雅致、和諧、柔和、耐看的視覺(jué)效果。

3.彩度

彩度是指色彩的鮮艷程度,即飽和度。彩度越高,色相感越強(qiáng)。任何一個(gè)色彩加白、加黑、加灰都會(huì)降低它的彩度。

(四)色彩的冷暖

在網(wǎng)站設(shè)計(jì)中,對(duì)冷色與暖色的把握是很重要的。冷暖是依據(jù)心理感覺(jué),對(duì)色彩的物理性進(jìn)行分類(lèi)的結(jié)果。在色環(huán)中,紅、橙、黃屬于暖色,綠、紫、藍(lán)屬于冷色。暖色能給人一種溫暖的、有激情的感覺(jué),是一種能激勵(lì)人、使人興奮的色彩、暖色是前進(jìn)色;冷色能給人一種平靜的、寒冷的、清爽的感覺(jué),冷色是后褪色。網(wǎng)站色彩的基調(diào)很多,冷色調(diào)與暖色調(diào)都是經(jīng)常用到的。例如,在設(shè)計(jì)喜慶、體育、喜事等內(nèi)容的網(wǎng)站時(shí),可以考慮采用情緒興奮沖動(dòng)的暖色調(diào),以便達(dá)到我們的視覺(jué)傳達(dá)效果。

色彩中的冷暖并不是絕對(duì)的,而是相對(duì)的。色彩的冷暖是在畫(huà)面上比較出來(lái)的,有時(shí)黃顏色對(duì)于紫色是暖顏色,而它和朱紅相比,又成了偏冷的色。在設(shè)計(jì)色彩時(shí),一定要靈活運(yùn)用冷暖變化規(guī)律,而不是機(jī)械、簡(jiǎn)單地套用一些模式。

二、網(wǎng)站色彩的情感象征

江淹《別賦》云:“春草碧色,春水綠波。送君南浦,傷如之何?！边@春草的“碧”和春水的“綠”,成了詩(shī)人借以表現(xiàn)離情別緒的景色,明顯地帶有凄婉和感傷的味道。這種景色描繪,實(shí)際上就是詩(shī)人和作家主觀上的感受和心目中的印象。既是事物的客觀現(xiàn)實(shí)的色彩,同時(shí)又是主觀情感化了的色彩。色彩具有不同的情感特征,色彩運(yùn)用最終的目的是表達(dá)和傳遞感情。設(shè)計(jì)網(wǎng)站色彩,除注意色彩的科學(xué)性之外,應(yīng)充分認(rèn)識(shí)色彩的感情作用,即對(duì)色彩的反映。色相的一般特性為:

此外也和人的年齡、性格、素養(yǎng)、民族、習(xí)慣分不開(kāi)。人們對(duì)色彩的這種由經(jīng)驗(yàn)感覺(jué)到主觀聯(lián)想,再上升到理智的判斷,既有普遍性,也有特殊性;既有共性,也有個(gè)性;既有必然性,也有偶然性。因此,我們?cè)谶M(jìn)行選擇色彩作為某種象征和含義時(shí),應(yīng)該根據(jù)具體情況具體分析,需要反復(fù)推敲、慘淡經(jīng)營(yíng),才能配出好的色彩關(guān)系。

三、網(wǎng)站色彩的搭配

色彩的合理搭配在網(wǎng)站設(shè)計(jì)中起著非常關(guān)鍵的作用,很多網(wǎng)站以其成功的色彩搭配令人過(guò)目不忘。對(duì)于網(wǎng)站設(shè)計(jì)者來(lái)說(shuō),怎樣駕馭好網(wǎng)頁(yè)的顏色搭配,是一個(gè)有待于研究的課題。

(一)無(wú)彩色和彩色搭配

無(wú)彩色與彩色進(jìn)行搭配是常用的配色形式。網(wǎng)站采用多種不同色相時(shí),或畫(huà)面中含有過(guò)于強(qiáng)烈的對(duì)比色彩時(shí),都可以加入黑色進(jìn)行調(diào)和。黑色可以穩(wěn)住跳躍的色彩,使畫(huà)面和諧,利于達(dá)到統(tǒng)一的視覺(jué)效果,同時(shí)黑色給人以穩(wěn)重的心理感覺(jué),常與其他的色彩搭配。在網(wǎng)頁(yè)上,白色和灰色常用來(lái)做背景色,它們明視度低,對(duì)視覺(jué)沒(méi)有刺激,適合閱讀。白與灰可以諧調(diào)各種色彩關(guān)系,分割色彩,使對(duì)比弱化,使網(wǎng)站整體色彩在視覺(jué)上達(dá)到統(tǒng)一。

(二)特色鮮明

網(wǎng)站設(shè)計(jì)的色彩運(yùn)用,必須要有自身獨(dú)特的風(fēng)格,使網(wǎng)站個(gè)性鮮明,才能給用戶(hù)留下深刻的印象,在眾多的網(wǎng)站中脫穎而出。在Microsoft.com

頁(yè)面中,只采用了一種色相藍(lán)色。在色彩表現(xiàn)上采取了多種漸變手法,鋪墊到信息格局的背景里,在頁(yè)面頂部增加層次感。如果用多種色相調(diào)配著一起使用,對(duì)于那些健康類(lèi)、兒童類(lèi)、游戲類(lèi)等網(wǎng)站比較適合,但對(duì)于Microsoft.com這樣的想要表達(dá)出“一種聲音”的網(wǎng)站來(lái)說(shuō),單一色相可以給人一種清晰悅目的感覺(jué),整潔、統(tǒng)一反而會(huì)加深印象,給人留下深刻的感受。所以,在網(wǎng)站用色上不能千篇一律,跟著感覺(jué)走,要有自己的特色。

(三)確立網(wǎng)站的主色、輔助色、背景色

確立網(wǎng)站色調(diào)的過(guò)程:1.決定主色;2.選擇輔助色;3.選擇背景色。

主色是指頁(yè)面中相對(duì)較大面積使用的色彩,反映著整個(gè)網(wǎng)頁(yè)的風(fēng)格。主色的視覺(jué)形象是靠協(xié)調(diào)的色彩來(lái)體現(xiàn),色彩的搭配不僅體現(xiàn)著美學(xué)的訴求,而且是一種可以強(qiáng)化的識(shí)別信號(hào)。所以,主色一經(jīng)確定,要保持一定的穩(wěn)定性,用這種色彩來(lái)幫助受眾對(duì)網(wǎng)站的識(shí)別。比如說(shuō)可口可樂(lè)公司網(wǎng)站主色采用紅色調(diào),配以灰色來(lái)襯托,取得了很好的視覺(jué)效果。不但感覺(jué)和諧,而且非常時(shí)尚,傳遞著熱烈、激動(dòng)、健康時(shí)尚的信息。對(duì)于識(shí)別和強(qiáng)化網(wǎng)站的產(chǎn)品信息起了很大的作用。再如有關(guān)藥業(yè)題材的網(wǎng)站,主色可以采用綠色,因?yàn)榫G色帶有環(huán)保的意義,使網(wǎng)站看起來(lái)很有親和力。

輔助色是指頁(yè)面中相對(duì)較小面積使用的色彩。它是主色的襯托,在小范圍內(nèi)使用能起到突出主題,融合主色效果的輔助作用,使頁(yè)面更加鮮明生動(dòng)。通常應(yīng)用于圖標(biāo)、文字、表格、線條、輸入框及超鏈接等。可口可樂(lè)公司網(wǎng)站主色采用紅色,輔助色采用藍(lán)色、紫色、黑色。索尼公司的網(wǎng)站主色采用深灰色,輔助色采用黑色、藍(lán)色、銀灰色,具有很強(qiáng)的科技感和現(xiàn)代感;局部少量純色的運(yùn)用,為網(wǎng)站增添了時(shí)尚感。

背景色是網(wǎng)頁(yè)的底色,有時(shí)和主色是同一色彩,環(huán)抱整體色調(diào),起到協(xié)調(diào)、支配整體的作用。設(shè)計(jì)背景色時(shí),要考慮頁(yè)面底色的深、淺。底色淺的稱(chēng)為高調(diào);底色深的稱(chēng)為低調(diào)。底色深,文字的顏色就要淺,以深色的背景襯托淺色的內(nèi)容(文字或圖片);反之,底色淡的,文字的顏色就要深些,以淺色的背景襯托深色的內(nèi)容(文字或圖片)。有些頁(yè)面,底色是黑的,但文字也選用了較深的色彩,由于色彩的明度比較接近,讀者在閱覽時(shí),眼睛就會(huì)感覺(jué)很吃力,影響了閱讀效果。我們常常遇到的問(wèn)題其實(shí)主要是背景顏色和字體顏色的搭配問(wèn)題:達(dá)到既不顯得呆板,又不至于過(guò)于亮麗而造成過(guò)強(qiáng)刺激的視覺(jué)效果。

(四)要針對(duì)不同的主題來(lái)布置色彩

網(wǎng)站色彩的運(yùn)用還要根據(jù)主題和內(nèi)容來(lái)定。制作一個(gè)網(wǎng)站,如果把所有精彩的色彩都放在上面,那么往往會(huì)事與愿違,給人的感覺(jué)是沒(méi)有主題。確定了主題之后,要選擇一種適合主題內(nèi)容的色調(diào)作為主色,來(lái)表現(xiàn)網(wǎng)站的內(nèi)容。如果選擇的色彩不適合主題內(nèi)容,就會(huì)起到事倍功半的效果。舉例來(lái)說(shuō),一個(gè)有關(guān)于環(huán)保的網(wǎng)站,若用大紅色作為網(wǎng)頁(yè)底色,不會(huì)有人聯(lián)想到網(wǎng)頁(yè)的內(nèi)容是與環(huán)保有關(guān)。而快餐店采用大紅色就比較適合現(xiàn)代的生活節(jié)奏,用色彩來(lái)吸引顧客,攬招顧客的回頭率,這是設(shè)計(jì)師用色彩與受眾進(jìn)行心理溝通的方式。同樣的道理,做新聞?lì)惖木W(wǎng)站就要考慮到受眾瀏覽網(wǎng)站的目的是攝入大量的信息,所以可用較為強(qiáng)烈的色彩組合,這樣就能使讀者快速的攝入信息,感受到信息的高速傳遞。把握好用色的技巧,是網(wǎng)頁(yè)設(shè)計(jì)成功的一個(gè)方面。

當(dāng)然,每個(gè)人的審美觀不同,可能也會(huì)對(duì)顏色的代表性看法不同,但既然網(wǎng)站不只是寫(xiě)給某個(gè)人看的,就應(yīng)該要顧及大多數(shù)人的審美取向和審美情趣,從大多數(shù)人的欣賞眼光出發(fā)來(lái)設(shè)計(jì)網(wǎng)頁(yè)。網(wǎng)站的種類(lèi)很多:企業(yè)的、新聞的、政府組織、體育組織、文化組織、個(gè)人主頁(yè)等等,不同內(nèi)容的網(wǎng)頁(yè)在用色時(shí)有較大的區(qū)別,作為網(wǎng)頁(yè)設(shè)計(jì)師,做到有針對(duì)性的用色是相當(dāng)重要的,合理地使用色彩,把握色彩的情感象征以體現(xiàn)網(wǎng)站的主題及特色。

(五)網(wǎng)站中的“靜態(tài)色彩”與“動(dòng)態(tài)色彩”

靜態(tài)色彩主要是結(jié)構(gòu)色彩、背景色彩和表格色彩等帶有特殊識(shí)別意義、決定網(wǎng)站色彩風(fēng)格的色彩。打開(kāi)網(wǎng)站時(shí),給人的第一印象就是網(wǎng)頁(yè)的框架色彩。如新浪網(wǎng)結(jié)構(gòu)框架中的黃色。

動(dòng)態(tài)色彩主要是插圖、照片、廣告等復(fù)雜圖像和swf動(dòng)畫(huà)中帶有的色彩,對(duì)于動(dòng)態(tài)網(wǎng)站更新后,動(dòng)態(tài)色彩就“消失”了。兩種色彩各有用途,相互影響、相互協(xié)作。無(wú)論強(qiáng)調(diào)哪一種色彩,都要相應(yīng)地處理好對(duì)比、調(diào)和等關(guān)系,才能使網(wǎng)站頁(yè)面色彩達(dá)到統(tǒng)一和諧的視覺(jué)效果。

(六)講究網(wǎng)站色彩的藝術(shù)性

凡經(jīng)過(guò)設(shè)計(jì)的色彩都具有某種程度的藝術(shù)性,既符合實(shí)用要求,又符合美學(xué)原則,給人以美感,是對(duì)其藝術(shù)性的基本要求。一般來(lái)說(shuō),藝術(shù)性強(qiáng)的色彩更能吸引和感染人,給人以強(qiáng)烈和深刻的印象。網(wǎng)站色彩設(shè)計(jì)要遵循藝術(shù)設(shè)計(jì)的一般常規(guī)規(guī)律,這就要求設(shè)計(jì)師根據(jù)內(nèi)容,要大膽的進(jìn)行藝術(shù)創(chuàng)新,設(shè)計(jì)出高水平的藝術(shù)風(fēng)格網(wǎng)站。

(七)注重網(wǎng)站色彩的平衡與整體規(guī)化

色彩的平衡主要表現(xiàn)在色彩的面積、色彩的位置、文字信息的排版和頁(yè)面的其他元素的協(xié)調(diào)。網(wǎng)站所有頁(yè)面的風(fēng)格,色彩調(diào)子和色彩搭配都要保持一致。網(wǎng)站整體的色彩設(shè)計(jì)要有計(jì)劃性,是設(shè)計(jì)師先理智后感性的思維過(guò)程。

四、結(jié)束語(yǔ)

互聯(lián)網(wǎng)已成為人們生活中不可缺少的工具,頁(yè)面設(shè)計(jì)日益被人們重視,在如此復(fù)雜的色彩環(huán)境中,我們對(duì)色彩要予以更多地關(guān)注,培育出豐富的、有規(guī)律的色彩文化。設(shè)計(jì)師不僅要具備網(wǎng)站制作的技術(shù),還要具有很好的信息結(jié)構(gòu),對(duì)色彩的駕馭能力,這需要不斷地思考、感受和實(shí)踐。

參考文獻(xiàn):

[1]梁景紅,網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)配色實(shí)例精講[M].北京:人民郵電出版社,2004.

[2]郭永燦、孟凡奇、王軍,網(wǎng)頁(yè)美工設(shè)計(jì)[M].上海:上海交通大學(xué)出版社,2005.

[3]解勇,網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)形態(tài)[M].沈陽(yáng):遼寧美術(shù)出版社,2004.

[4]顧群業(yè),網(wǎng)頁(yè)配色密碼[M].北京:清華大學(xué)出版社,2006.

作者簡(jiǎn)介:

劉乾(1981-),男,山東濟(jì)寧人,從事裝飾藝術(shù)設(shè)計(jì)專(zhuān)業(yè)教學(xué)。