網(wǎng)頁設(shè)計(jì)中的色彩運(yùn)用

王 凱 郭西燕

[摘 要]本文主要通過網(wǎng)站色彩的選用、網(wǎng)頁主體與背景色彩的搭配、網(wǎng)頁用色小技巧等幾個(gè)方面闡述了網(wǎng)頁設(shè)計(jì)色彩運(yùn)用的原則,規(guī)律及技巧方面的內(nèi)容。

[關(guān)鍵詞]色彩 搭配標(biāo)準(zhǔn)色主色調(diào)背景對(duì)比 統(tǒng)一

作者簡(jiǎn)介:王凱,男,濰坊職業(yè)學(xué)院園林工程系教師,研究方向環(huán)境藝術(shù)設(shè)計(jì)。

互聯(lián)網(wǎng)充斥著枯燥的設(shè)計(jì),惠普、IBM、戴爾、微軟,以及其他數(shù)不盡的網(wǎng)站(相似的布局,相似的配色)?？赡苡腥藭?huì)說通過這樣一種標(biāo)準(zhǔn)化的界面可以使瀏覽更方便,而事實(shí)上這些網(wǎng)站帶給用戶一種很世俗的體驗(yàn),并不能與訪客產(chǎn)生一種積極的聯(lián)系。

面對(duì)這種單調(diào)的設(shè)計(jì),有一種解決方法,就是使用顏色?？赡軟]有其他設(shè)計(jì)元素能像顏色一樣能影響人們對(duì)世界(比如網(wǎng)站,比如家居裝潢)的感受。顏色可以瞬間改變我們的情緒和意見。顏色會(huì)讓我們感覺到舒適、敬畏,或者激動(dòng)。在界面設(shè)計(jì)中,色彩不僅可以影響人的心理,左右人的情緒,更對(duì)設(shè)計(jì)非常有用。

如從色彩給人的心理感覺上來說,暖色調(diào),即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運(yùn)用,可使頁面呈現(xiàn)溫馨、和煦、熱情的氛圍;冷色調(diào),即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運(yùn)用,可使頁面呈現(xiàn)寧?kù)o、清涼、高雅的氛圍。

從色相上來說,運(yùn)用同一色相色彩,這種搭配易于使頁面色彩趨于一致,容易塑造網(wǎng)頁穩(wěn)定、和諧、統(tǒng)一、雅觀的效果。運(yùn)用鄰近色相色彩,這種配色容易給人以甘美、清雅、和諧的享受,易產(chǎn)生浪漫、柔和、唯美之感。運(yùn)用對(duì)比色或互補(bǔ)色容易塑造鮮明、活潑、運(yùn)動(dòng)的網(wǎng)頁效果,特別適合體現(xiàn)輕松素材的網(wǎng)站等等。

一、網(wǎng)站的色彩選用

通常在為企業(yè)做網(wǎng)站時(shí),如把表現(xiàn)企業(yè)主題的標(biāo)準(zhǔn)色應(yīng)用到網(wǎng)頁中去,一定會(huì)給瀏覽者留下深刻的印象。這就牽涉到標(biāo)準(zhǔn)色的組合應(yīng)用,首先是一個(gè)色彩的基調(diào)問題,抓住自己的主色來配以不同的輔色,這樣既突出了主頁的公司的特色,又能使頁面呈現(xiàn)豐富多彩(這里要切忌多種色彩并重“花”的情況)。版面設(shè)計(jì)和內(nèi)容也能體現(xiàn)出企業(yè)的形象,只是色彩更加容易達(dá)到引人注目的效果。

針對(duì)不同的主題來布置色彩,如健康類的網(wǎng)站就不能采用較為刺激的大紅和黃、橙以及象征死亡和神秘的黑色和紫色,這樣會(huì)造成一種緊張和某種程度的恐慌,以及一些不利于健康的聯(lián)想。兒童類的網(wǎng)站就易采用紅、黃、橙等給人親和、友好、溫馨聯(lián)想的色彩,以及軍警類網(wǎng)站的橄欖綠,醫(yī)療衛(wèi)生類網(wǎng)站的白色等。

網(wǎng)站用色不只是單純的運(yùn)用,還要考慮諸多因素,例如,訪問者的類別、社會(huì)背景、心理需求和場(chǎng)合的差異等等,這就要求網(wǎng)頁設(shè)計(jì)者要認(rèn)真的分析網(wǎng)站的訪問者。社會(huì)背景不同的人,各人的目的不同,他們對(duì)色彩的感受也不同,所以網(wǎng)站的用色就要考慮到多方面的需求,盡可能的吸引訪問者注意力。訪問者如果大多是素質(zhì)較高的人,就應(yīng)該考慮用色考究,要有一定的品位,有所偏向。另外,還要注意色彩的民族性,各個(gè)民族由于環(huán)境、文化、傳統(tǒng)等因素的影響,對(duì)于色彩的喜好也存在著較大的差異。充分運(yùn)用色彩的這些特性,可以使我們的網(wǎng)頁具有深刻的藝術(shù)內(nèi)涵,從而提升網(wǎng)站的文化品位。

二、網(wǎng)頁主體與背景色彩的搭配

在根據(jù)網(wǎng)站主題確定了頁面的主色調(diào)后,就要進(jìn)行網(wǎng)頁主體與背景色彩的搭配。

我們現(xiàn)在看到的網(wǎng)頁,多數(shù)的頁面以淺顏色為底,配上深顏色的字,讀來自然、流暢,此種配色方法為大多數(shù)人認(rèn)可和掌握。在選擇背景和正文顏色時(shí),最重要的一點(diǎn)是注意易讀性。實(shí)現(xiàn)易讀性的關(guān)鍵在于提供足夠的明暗對(duì)比。由于黑白之間有最強(qiáng)烈的對(duì)比度,因此大多數(shù)網(wǎng)頁都采用黑底白字顯示文本,但是,也不必拘泥于黑白兩色實(shí)現(xiàn)對(duì)比,可以選擇一對(duì)顏色,其中一個(gè)是亮的,一個(gè)是暗的,只要它們保持足夠的對(duì)比度,比如說,灰底黑字也是不錯(cuò)的選擇。

其次,在背景的色調(diào)搭配上一定要注意不能有強(qiáng)烈的對(duì)比,特別是同時(shí)使用色彩對(duì)立的顏色。大面積顏色適宜采用低對(duì)比度,因?yàn)檫^于豐富的背景色彩會(huì)影響前景圖片和文字的取色,嚴(yán)重時(shí)會(huì)使文字溶于背景中,不易辨識(shí)。所以,背景一般應(yīng)以單純?yōu)橐恕Ｈ绻枰欢ǖ淖兓栽黾颖尘暗暮穸?也應(yīng)是在盡量統(tǒng)一的前提下的一種變化。例如在制用標(biāo)題時(shí),為追求醒目的視覺效果,可用比較深的顏色,配上對(duì)比鮮明的字體。實(shí)際上背景的作用主要在于統(tǒng)一整個(gè)網(wǎng)頁的風(fēng)格和情調(diào),對(duì)視覺的主體起到一定的襯托和協(xié)調(diào)作用,一方面吸引網(wǎng)民的注意力,另一方面有助于體現(xiàn)網(wǎng)站的主題。

三、網(wǎng)頁用色的小技巧

網(wǎng)頁在一定意義上說也是一種藝術(shù)品,因?yàn)樗纫笪淖值膬?yōu)美流暢,又要求頁面的新穎、整潔,使用色彩可以產(chǎn)生強(qiáng)烈的視覺效果,使頁面更加生動(dòng)。而且,瀏覽者在瀏覽網(wǎng)頁時(shí),留下的第一印象就是頁面的色彩設(shè)計(jì),它的好壞直接影響閱讀者的觀賞興趣。因此,色彩設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中居于十分重要的地位。當(dāng)網(wǎng)頁頁面用色出現(xiàn)疑惑的時(shí)候,大家可以考慮以下幾個(gè)方面:

(一)對(duì)多數(shù)網(wǎng)頁特別是有大面積文字的網(wǎng)頁來說,應(yīng)采用白色或淺色的背景,如淺灰色、淡黃色、淺藍(lán)色或淺綠色,文字采用黑色或深顏色;

(二)避免在淺色背景使用明亮顏色的文字,因?yàn)檫@樣文字會(huì)很難辨認(rèn);

(三)深顏色背景上使用淺色的文字是一種很好的組合,但是如果不是特別需要,應(yīng)留作那些需要引起瀏覽者特別注意的小塊區(qū)域和場(chǎng)合,比如標(biāo)題圖形等;

(四)使用黑色背景許多時(shí)候顯得太沉重,可以考慮使用深灰色、深藍(lán)、粟色等;

(五)白色、淺灰色、淺藍(lán)色、淺綠色、淺褐色很適合作為深色背景上的文字顏色;

(六)大的、粗體的文字比常規(guī)尺寸的文字更適合使用;交強(qiáng)的顏色,可考慮鮮紅色,橙色,明亮的藍(lán)色,但注意不要濫用。

網(wǎng)頁設(shè)計(jì)的用色也要特別的關(guān)注流行色的發(fā)展。每年日本或者歐美都要發(fā)布一批流行色,這是從大量的人們的喜好中挑選出來的。關(guān)注它,并有心的研究它,而且努力的將這種觀念應(yīng)用到自己的設(shè)計(jì)中去,做一個(gè)色彩方面的有心人,就會(huì)使自己的網(wǎng)頁富有朝氣,更受歡迎。同時(shí)多研究別人的用色,多看一些對(duì)網(wǎng)站的網(wǎng)友的評(píng)價(jià)是相當(dāng)重要的。做到這一點(diǎn),能提高自己的色彩品位,多用一些受人喜愛的顏色,這樣才能吸引人。作為一名網(wǎng)頁設(shè)計(jì)師是需要有自己的特色,例如自己鐘愛的顏色,用色的一些獨(dú)特的方面,這種是不要輕易的舍棄。因?yàn)闆]有一點(diǎn)自己的特色的設(shè)計(jì)師就如同一臺(tái)機(jī)器一樣毫無生氣,這是一大悲哀!用別人喜歡的色彩是不會(huì)掩蓋設(shè)計(jì)師的特色的,因?yàn)樵O(shè)計(jì)師用色往往是在保留自己的用色方式上才去采用一些比較讓人接受的顏色。所以我想網(wǎng)頁的用色會(huì)在這種方式下日趨規(guī)范,日趨合理,逐漸讓人感到一個(gè)又一個(gè)如同藝術(shù)品一樣讓人賞心悅目!

參考文獻(xiàn)

[1]網(wǎng)頁設(shè)計(jì)之視覺信息傳達(dá)分析;作者:鬲波飛

http://www.ko512.cn/html/wangyeshejibiyelunwen/20070330/118_2.html

來源:互聯(lián)網(wǎng) 發(fā)布時(shí)間:2007-03-30

[2]頁面美工設(shè)計(jì)需要注意的幾點(diǎn)

Http://www.ko512.cn/html/wangyeshejibiyelunwen/20070423/456.html