喻蕓　張延玲

摘要：網(wǎng)頁(yè)作為現(xiàn)代生活中不可或缺的一種信息載體，如何使信息更有效的傳遞并被人們所正確的接受成為設(shè)計(jì)者們所要研究的新課題。而網(wǎng)頁(yè)設(shè)計(jì)中的色彩作為信息傳達(dá)最直接的元素，成為本文所要研究的主要對(duì)象。該文將從色彩元素在網(wǎng)頁(yè)設(shè)計(jì)中所表現(xiàn)的作用出發(fā)，分析了色彩在傳達(dá)過(guò)程中對(duì)人所產(chǎn)生的心理反應(yīng)。之后分析了當(dāng)今網(wǎng)頁(yè)中色彩所存在的問(wèn)題，從而針對(duì)性的對(duì)所存在的問(wèn)題提出網(wǎng)頁(yè)色彩運(yùn)用原理的相關(guān)注意事項(xiàng)，依據(jù)這些原則并于文章最后對(duì)不同類(lèi)型的網(wǎng)站所應(yīng)采取的色彩提供了參考性的方案，以期使信息更有效合理的傳達(dá)給瀏覽者。

關(guān)鍵詞：色彩；色調(diào)；飽和度；網(wǎng)頁(yè)設(shè)計(jì)；風(fēng)格

中圖分類(lèi)號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）02-0168-02

一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)師制作出的網(wǎng)頁(yè)往往會(huì)給人帶來(lái)記憶深刻，好用易用的感覺(jué)。而網(wǎng)頁(yè)設(shè)計(jì)中的版式、圖片、色彩等視覺(jué)元素的運(yùn)用都直接影響著瀏覽者對(duì)本文從色彩在網(wǎng)頁(yè)設(shè)計(jì)中的作用及存在的問(wèn)題出發(fā)，提出在網(wǎng)頁(yè)設(shè)計(jì)中對(duì)色彩的運(yùn)用需要注意的事項(xiàng)，并在文章最后結(jié)合自己實(shí)際操作中可能會(huì)用到的不同色彩給出參考性方案，以期幫助學(xué)習(xí)者在日后的網(wǎng)頁(yè)設(shè)計(jì)中更好地把握色彩的運(yùn)用。網(wǎng)站的感受，在這些內(nèi)容中，網(wǎng)站整體的定位、風(fēng)格都需要通過(guò)顏色來(lái)給用戶(hù)直接感官上的刺激，使其產(chǎn)生共鳴，所以色彩在網(wǎng)頁(yè)制作中就顯得尤為重要了。

1 色彩在網(wǎng)頁(yè)設(shè)計(jì)中的作用

1）視覺(jué)區(qū)域的劃分

色彩可以創(chuàng)造出有序的視覺(jué)感，設(shè)計(jì)者可以通過(guò)不同的色彩區(qū)域來(lái)對(duì)信息進(jìn)行分類(lèi)劃分。在網(wǎng)頁(yè)中常?？梢酝ㄟ^(guò)色彩不同的飽和度來(lái)體現(xiàn)網(wǎng)頁(yè)的主次順序，使瀏覽者有不同的心理效果。

2）重點(diǎn)主題的突出

在浩瀚的網(wǎng)絡(luò)信息中，為使瀏覽者能盡快在網(wǎng)絡(luò)漫游中尋找出自己所需要的信息，網(wǎng)頁(yè)設(shè)計(jì)師可以運(yùn)用色彩自身的表現(xiàn)力、情感效應(yīng)來(lái)使網(wǎng)頁(yè)的內(nèi)容與形式進(jìn)行有機(jī)的結(jié)合，以色彩的內(nèi)在力量來(lái)美化頁(yè)面，從而突出主題，幫助瀏覽者實(shí)現(xiàn)更有效的溝通。

3）目光焦點(diǎn)的吸引

在眾多的網(wǎng)站中想要脫穎而出是不是件容易的事情，只有通過(guò)色彩的力量增強(qiáng)網(wǎng)頁(yè)的吸引力去“討好”瀏覽者挑剔的眼睛。

4）藝術(shù)性的增強(qiáng)

好的色彩設(shè)計(jì)會(huì)給網(wǎng)頁(yè)作品帶來(lái)生命力，它不僅反映在視覺(jué)上，也會(huì)體現(xiàn)在網(wǎng)頁(yè)的心理影響和象征意義上，會(huì)給網(wǎng)頁(yè)設(shè)計(jì)的作品增強(qiáng)藝術(shù)性。

2 色彩在網(wǎng)頁(yè)設(shè)計(jì)中存在的問(wèn)題

瀏覽者打開(kāi)一個(gè)網(wǎng)站，首先映入眼簾的是這個(gè)網(wǎng)站的色彩，而不是其他元素。從某種程度而言，網(wǎng)頁(yè)設(shè)計(jì)師對(duì)色彩的運(yùn)用和搭配直接決定了網(wǎng)站設(shè)計(jì)的成功與否。因?yàn)樵谄矫鎴D上，色彩給人帶來(lái)的視覺(jué)沖擊力是最強(qiáng)的，給人留下的印象也是最深刻的。

目前一些網(wǎng)頁(yè)往往會(huì)使用很多種顏色，使網(wǎng)頁(yè)效果看起來(lái)很豐富。比如有些設(shè)計(jì)師為了能使網(wǎng)頁(yè)做得更具有視覺(jué)沖擊力，更具有藝術(shù)性，從而將風(fēng)格不同顏色各異的圖片、文字放在同一個(gè)頁(yè)面上，而瀏覽者看完此類(lèi)網(wǎng)站后往往會(huì)感覺(jué)沒(méi)有藝術(shù)感。這就是因?yàn)樯实倪^(guò)度使用使得頁(yè)面缺乏統(tǒng)一的協(xié)調(diào)感和內(nèi)在美感，從而干擾了用戶(hù)瀏覽網(wǎng)頁(yè)的效率。

另外，一些網(wǎng)頁(yè)色彩的使用沒(méi)有考慮到視覺(jué)因素對(duì)人的制約，如采用深色圖片作為頁(yè)面背景，嚴(yán)重干擾了用戶(hù)識(shí)別信息主體的能力。還有一些網(wǎng)站對(duì)色彩的運(yùn)用沒(méi)有注重網(wǎng)站信息的性質(zhì)，沒(méi)有獨(dú)特的風(fēng)格和鮮明的個(gè)性，給瀏覽者沒(méi)有留下深刻的印象。

3 色彩在網(wǎng)頁(yè)設(shè)計(jì)中的注意事項(xiàng)

1）控制色彩數(shù)

一個(gè)網(wǎng)站最好有一個(gè)主色調(diào)，并利用這個(gè)主色調(diào)貫穿所有的頁(yè)面，這一色調(diào)應(yīng)有利于體現(xiàn)網(wǎng)站主題宗旨，而根據(jù)不同的單元，可再以輔色搭配做出區(qū)域劃分。同一個(gè)畫(huà)面色彩最好不要超過(guò)三種，過(guò)多的色彩會(huì)降低網(wǎng)站的閱讀性，也會(huì)分散用戶(hù)的注意力?，F(xiàn)在設(shè)計(jì)師在對(duì)網(wǎng)頁(yè)色彩設(shè)計(jì)時(shí)，多以淺顏色為背景，配上深顏色的字，這樣瀏覽者閱讀起來(lái)會(huì)顯得自然流暢、柔和淡雅，符合人們的視覺(jué)認(rèn)知習(xí)慣，也有利于突出頁(yè)面的重點(diǎn)。

2）注意色彩的對(duì)比

① 明度對(duì)比

在網(wǎng)頁(yè)設(shè)計(jì)中，往往通過(guò)明度對(duì)比來(lái)突出形態(tài)特征。明度越高越能突出主題。例如，文字的色彩與底色間如果存在較大的明度差，瀏覽者往往更會(huì)有易于閱讀的感覺(jué)。

② 純度對(duì)比

強(qiáng)純度對(duì)比的色彩表現(xiàn)出的效果明確肯定，弱對(duì)比的色彩表現(xiàn)出柔和單一。在實(shí)際設(shè)計(jì)中，對(duì)色彩的運(yùn)用往往并非飽和色，而恰恰是帶有一定灰度的非飽和色。這里需要知道的是：純度從高到低的排列為：紅色>橙色>紫色>藍(lán)色>綠色。

③ 面積對(duì)比

色彩學(xué)家歌德認(rèn)為，色彩的明度和面積決定著色彩的力量。明度越高，色彩力量越強(qiáng)，并給出了各補(bǔ)色力量平衡的面積比例關(guān)系。

黃：紫=1：3 橙：藍(lán)=1：2 紅：綠=1：1

在對(duì)大面積的顏色選用上宜采用低純度的背景，如果需要一定的變化來(lái)加強(qiáng)網(wǎng)頁(yè)背景的厚重感和縱深感，則需要在盡可能顏色統(tǒng)一的前提下尋求色彩的變化。

4 色彩在網(wǎng)頁(yè)設(shè)計(jì)中的參考方案

1）喜慶、動(dòng)感型的網(wǎng)站

設(shè)計(jì)此類(lèi)網(wǎng)站時(shí)，網(wǎng)頁(yè)的主色調(diào)多采用紅色。因?yàn)榧t色會(huì)使人感覺(jué)喜慶、動(dòng)感、溫暖，還具有很好的明視效果。如若紅色與白色連用，會(huì)給人一種現(xiàn)代感，還會(huì)產(chǎn)生輕松、愉悅、休閑的氛圍，常常被用于食品類(lèi)型的網(wǎng)站中；而在體育網(wǎng)站及一些與運(yùn)動(dòng)相關(guān)的畫(huà)冊(cè)或宣傳單中，常常會(huì)用紅色與黑色連用，因?yàn)榧t色與黑色同用會(huì)給人一種跳躍、律動(dòng)的感覺(jué)。

2）可愛(ài)、溫馨型的網(wǎng)站

比如在很多的母嬰或兒童教育類(lèi)網(wǎng)站中，由于瀏覽者多為女性，所以在設(shè)計(jì)此類(lèi)網(wǎng)站色彩時(shí)，多以粉色、黃色、橙色為主色調(diào)，在色彩上保持高純度和高明度。另外還可以與白色連用，使其色感變得柔和，給人一種賓至如歸的感覺(jué)。此類(lèi)配色還多用于生活用品、紡織品或服務(wù)行業(yè)中。

3）科技智慧型的網(wǎng)站

此類(lèi)網(wǎng)站通?？梢赃x藍(lán)、灰、或綠色等。

在一些商務(wù)型的網(wǎng)站中，比如注重穩(wěn)健形象的金融和電信機(jī)構(gòu)，運(yùn)用最多的就是藍(lán)色。而強(qiáng)調(diào)高科技型的網(wǎng)站中則會(huì)以黑色作為主色調(diào)，渲染出敏銳、先進(jìn)的印象。在大多數(shù)的校園網(wǎng)站中多以藍(lán)綠色作為其基本色，因?yàn)樗{(lán)綠色不僅能營(yíng)造出沉靜、收斂的效果，還具有學(xué)生特有的青春洋溢，朝氣蓬勃的氣息。

此外，在一些辦公用品或者是高檔西服等宣傳頁(yè)面中，常常用灰色來(lái)渲染，因?yàn)榛疑o人穩(wěn)重柔和的感覺(jué)，同時(shí)可以營(yíng)造出簡(jiǎn)練、灑脫、充滿(mǎn)智慧感的氣氛。

5 結(jié)束語(yǔ)

總之，網(wǎng)站整體的色彩設(shè)計(jì)是個(gè)系統(tǒng)工程，只有充分認(rèn)識(shí)色彩的心理反映，了解色彩的表現(xiàn)特征及其應(yīng)用的基本原理和法則，才可在設(shè)計(jì)網(wǎng)站時(shí)做到統(tǒng)一規(guī)劃，統(tǒng)一風(fēng)格，這樣才可以形成整個(gè)網(wǎng)頁(yè)的整體性，讓網(wǎng)頁(yè)設(shè)計(jì)的個(gè)性創(chuàng)造和審美意識(shí)得到淋漓盡致的展現(xiàn)。

參考文獻(xiàn)：

[1]何建華.視覺(jué)有溫度——網(wǎng)頁(yè)色彩情感研究[J]. 韶關(guān)學(xué)院學(xué)報(bào)·社會(huì)科學(xué)，2010（2）.

[2]游婷.網(wǎng)頁(yè)界面設(shè)計(jì)中的配色方案研究[J]. 科技資訊，2009.

[3]李向來(lái).網(wǎng)頁(yè)界面設(shè)計(jì)中的配色藝術(shù)[J]. 濮陽(yáng)職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2007（2）.

[4]劉永翔，唐良瑞.網(wǎng)頁(yè)設(shè)計(jì)中的視覺(jué)構(gòu)成分析[J]. 北京工商大學(xué)學(xué)報(bào)（自然科學(xué)版），2004（1）.

[5]張亞妮.網(wǎng)頁(yè)設(shè)計(jì)配色原理淺析[J]. 科技信息，2009.

[6]馬曉娟.色彩在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用[J]. 山西大同大學(xué)學(xué)報(bào)（自然科學(xué)版），2011（8）.