網(wǎng)頁設(shè)計(jì)中的色彩應(yīng)用

吳姝妍

摘要：網(wǎng)頁，作為21世紀(jì)信息化互聯(lián)網(wǎng)時(shí)代的重要產(chǎn)物，已在人們的工作生活中扮演著不可或缺的角色。網(wǎng)頁設(shè)計(jì)是一種平面設(shè)計(jì)，其帶給用戶的第一感受即為視覺感受，在遵循藝術(shù)設(shè)計(jì)規(guī)律的同時(shí)，應(yīng)更多地考慮不同網(wǎng)頁用戶的心理、生理感受。對(duì)于網(wǎng)頁的要求不僅僅局限于其功能性，還需考慮其欣賞性，那么色彩的應(yīng)用在網(wǎng)頁設(shè)計(jì)中起著極其重要的作用。本文淺析了色彩及色彩情感的基本概念與原理，在網(wǎng)頁中的應(yīng)用原則，在網(wǎng)頁設(shè)計(jì)中的作用。

關(guān)鍵詞：色彩；網(wǎng)頁設(shè)計(jì)；應(yīng)用

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

21世紀(jì)是信息技術(shù)飛速發(fā)展的時(shí)代，網(wǎng)絡(luò)伴隨著人們的學(xué)習(xí)工作生活等各個(gè)方面，可以說作為新世紀(jì)的我們，如果生活離開了網(wǎng)絡(luò)，就好像生活在真空中。互聯(lián)網(wǎng)技術(shù)的發(fā)展改變了我們的生活模式，在全世界每一分鐘都有無數(shù)網(wǎng)民瀏覽著各式各樣的網(wǎng)頁，而網(wǎng)頁作為網(wǎng)絡(luò)的門戶，它將全世界都聯(lián)系在一起。同時(shí)，作為一種新的信息傳播媒介，相比于比傳統(tǒng)的傳播媒體，網(wǎng)頁技術(shù)含量更高，它包含著文字、圖片、聲音、動(dòng)畫等各種表達(dá)傳播信息的方式。而色彩的應(yīng)用在網(wǎng)頁設(shè)計(jì)中有著極其重要的地位，因?yàn)榫W(wǎng)民在瀏覽網(wǎng)頁時(shí)對(duì)那些第一印象的色彩會(huì)有不同的反應(yīng)，不同的色彩搭配運(yùn)用也會(huì)給人帶來不同的心理或生理上的反應(yīng)，一個(gè)好的網(wǎng)頁必定有一個(gè)比較出色的色彩搭配運(yùn)用，一個(gè)色彩運(yùn)用不恰當(dāng)?shù)木W(wǎng)頁可能會(huì)使網(wǎng)民在打開網(wǎng)頁的幾秒后就被關(guān)閉。色彩，是一門視覺藝術(shù)，而網(wǎng)頁設(shè)計(jì)技術(shù)則是結(jié)合藝術(shù)、美學(xué)、計(jì)算機(jī)技術(shù)于一體的技術(shù)。網(wǎng)頁信息傳遞的準(zhǔn)確性在一定程度上取決于色彩設(shè)計(jì)運(yùn)用，好的網(wǎng)頁設(shè)計(jì)不僅僅在于不錯(cuò)的網(wǎng)頁設(shè)計(jì)風(fēng)格及樣式，更重要的是色彩的搭配選擇與運(yùn)用，色彩的設(shè)計(jì)運(yùn)用就是網(wǎng)頁設(shè)計(jì)的基石，只有做好這一步其他的設(shè)計(jì)才會(huì)有意義。

1 色彩及色彩情感的一些基本概念

在大自然中我們可以見到各種各樣的顏色，有天空般的藍(lán)，小草般的綠，秋天楓葉般的紅，冬天白雪般的白。而各種顏色都是由紅、綠、藍(lán)三種顏色組成，按照不同的比例混合，就可以得到不同的顏色，紅綠藍(lán)因此也稱作三原色。同時(shí)，值得一提的是電腦屏幕上所能顯示的所有顏色均由這三種原色按不同比例搭配混合而成的。色彩分作彩色與非彩色，彩色是除黑、白、灰外的顏色，非彩色即為黑、白、灰三種顏色。彩色具有色相、純度與明度三個(gè)基本屬性，而非彩色只具備明度屬性。色相即為色彩的相貌與特征，也可以說色相就是指各種顏色的名稱與種類，當(dāng)我們談及某一種色彩時(shí)即為其色相，常見的色相有紅、橙、黃、綠、青、藍(lán)、紫等。純度則是指色彩的鮮艷程度，也稱作色彩的飽和度，當(dāng)然純度是彩色所特有的屬性，非彩色就不存在純度這一說。原色是純度最高的色彩，每當(dāng)一種原色中混入一種其他的顏色，其純度就會(huì)降低，混入越多，純度越低。我們?nèi)粘Ｉ钪兴姷奈矬w本身的色彩也有純度高低之分，例如熟西瓜瓤與蘋果相比，西瓜瓤的純度更高。明度是彩色與非彩色共用的屬性，它是指色彩的明亮度，正如我們平日里所說的顏色的深淺，這里的深淺變化即為色彩的明亮度。色彩明度的變化有很多情況，如不同色相之間明度就會(huì)有所變化，白比黃亮，紫比黑亮，不同顏色中加入白色就會(huì)變亮，加入黑色就會(huì)變暗等等情況。

以上所介紹的色彩的不同屬性會(huì)帶來不同的色彩情感，色彩作用在人的心理與視覺上，通過與過往的經(jīng)歷，腦海中記憶的畫面以及知識(shí)相聯(lián)系，使人產(chǎn)生不同的心理變化，而網(wǎng)頁設(shè)計(jì)中正是需要通過不同的色彩變化來抓住用戶心理。網(wǎng)頁中的色彩給人帶來的不僅僅是視覺上感官與辨識(shí)，它更多的是通過色彩情感的傳達(dá)來引發(fā)用戶心理或生理上的共鳴，這便是人類對(duì)色彩反應(yīng)的更深層次。

色相是我們看到這一顏色的第一感受，它能夠引起人的情感變化。例如紅色是一種能夠引起人們興奮的色彩，它在視覺上會(huì)產(chǎn)生一種沖擊效果，能使人們產(chǎn)生激動(dòng)、沖動(dòng)、熱情的感覺，這也是為什么很多警示警告語都采用紅色的原因；藍(lán)色給人以清新，清爽的感受；黑色則是給人以莊嚴(yán)、深沉、壓抑的感受。所以不同的色相會(huì)給人不同的感受，這些感受會(huì)帶來生理或心理上的變化，網(wǎng)頁設(shè)計(jì)中就需要根據(jù)網(wǎng)頁的主題內(nèi)容定好基色。

除色相會(huì)引起人的情感變化以外，色彩的明度與純度也會(huì)在一定程度上影響人的情感。鮮艷明亮的顏色會(huì)讓人激情高漲，清新淡雅的顏色則會(huì)讓人心曠神怡。不同的純度與明度搭配不同的色相會(huì)引發(fā)不同的感覺與感情的傾向，這也是在網(wǎng)頁設(shè)計(jì)中豐富情感的總要手段。

2 色彩在網(wǎng)頁中的運(yùn)用原則

任何一門設(shè)計(jì)性的工作都有基本的原則，在基本的原則框架上再顯示出設(shè)計(jì)者的獨(dú)到特色之處。同樣在網(wǎng)頁設(shè)計(jì)中，除了一些計(jì)算機(jī)技術(shù)運(yùn)用原則之外，色彩的運(yùn)用也有一定的原則。

1） 整體統(tǒng)一性原則

網(wǎng)站的設(shè)計(jì)如同軟件設(shè)計(jì)，在根據(jù)用戶需求及網(wǎng)站的設(shè)計(jì)目的基礎(chǔ)之上，需要大致的描繪出一個(gè)基本框架，也即給出一個(gè)整體的設(shè)計(jì)形象。所以在網(wǎng)頁設(shè)計(jì)之初，網(wǎng)頁上的基本色調(diào)要有一個(gè)定位，然后在此基本色調(diào)的基礎(chǔ)之上進(jìn)行拓展，這里所謂的拓展是保持原有的色調(diào)做一些微調(diào)搭配。因?yàn)?，統(tǒng)一網(wǎng)頁上的色彩要準(zhǔn)守色系統(tǒng)一性原則，這樣用戶在瀏覽網(wǎng)頁時(shí)能夠很好地把握網(wǎng)站所傳達(dá)出的重點(diǎn)，突出主題；同時(shí)不會(huì)因色相過多而導(dǎo)致用戶出現(xiàn)視覺審美上的疲勞，視覺上的混淆，以此來增加網(wǎng)頁的可讀性。在這里需要說明的是主要針對(duì)兒童設(shè)計(jì)的網(wǎng)站可以不遵循此原則，因?yàn)閮和惥W(wǎng)站更多注重多彩的卡通色系對(duì)兒童的吸引。

2） 局部對(duì)比統(tǒng)一性原則

這條原則卻別于上一原則，所謂的對(duì)比統(tǒng)一性原則是在保持網(wǎng)頁整體色系的原則之上在局部添加一些對(duì)比色系，如相似色與互補(bǔ)色。如果網(wǎng)頁上的色彩過于單一，雖然保證了整體的統(tǒng)一性，但單一色系會(huì)使網(wǎng)頁顯得突兀，可能會(huì)使用戶找不到網(wǎng)頁的重點(diǎn)所在，在長時(shí)間瀏覽之后可能會(huì)出現(xiàn)視覺上的疲勞。相似色與互補(bǔ)色的正確運(yùn)用是遵循這條原則的關(guān)鍵所在。所謂相似色是指在色譜中兩相鄰的顏色，在網(wǎng)頁上相似色的運(yùn)用能夠提高網(wǎng)頁上色彩的協(xié)調(diào)與融合，增加了穩(wěn)定性，使網(wǎng)頁色彩不過于單調(diào)也不過于花哨?；パa(bǔ)色顧名思義，它與某種顏色形成互補(bǔ)，在色環(huán)上相鄰。除了色相上的互補(bǔ)，在純度與明度上的互補(bǔ)也能夠增強(qiáng)網(wǎng)頁的可讀性，冷暖對(duì)比，明暗對(duì)比可突出某一顏色，跳動(dòng)用戶的視覺感，對(duì)視覺產(chǎn)生適當(dāng)合理的沖擊。

3）搭配適應(yīng)性原則

搭配適應(yīng)性原則是指在網(wǎng)頁設(shè)計(jì)中色彩的搭配與選擇要與所表達(dá)的對(duì)象或要傳達(dá)的信息相呼應(yīng)相適應(yīng)。這就要求設(shè)計(jì)人員對(duì)網(wǎng)站所表達(dá)的對(duì)象要有一定的了解，它的基本色調(diào)是什么，那么在色彩的選擇上就不應(yīng)該隨意。除了對(duì)表達(dá)對(duì)象的了解，還要對(duì)色彩心理與色彩學(xué)有一定的了解。色彩心理學(xué)告訴我們，不同的地域、名族、地位、身份的人群對(duì)統(tǒng)一色彩會(huì)有不同的心理變化，可能某一顏色對(duì)兩個(gè)不同的名族意味著相反的態(tài)度。所以確定網(wǎng)頁色彩之前要對(duì)所表達(dá)的對(duì)象做一個(gè)考察，例如，在一個(gè)慶祝節(jié)日的網(wǎng)頁上多選用暖色系的紅色，而不宜選擇沉重，莊嚴(yán)的黑色。

4） 搭配均衡性原則

網(wǎng)頁設(shè)計(jì)中色彩的選擇與搭配最終的目的是使整個(gè)頁面看起來更加和諧統(tǒng)一，更加美觀。那么這就要求在色彩的選擇與搭配上保持一定的均衡性。色彩的均衡性必須從網(wǎng)頁的基本色調(diào)出發(fā)，以基本色調(diào)為主然后逐漸過渡到其他所需要的色調(diào)上。在單色的運(yùn)用上要保持明暗過渡平緩，避免造成突兀的感覺，在多色相的搭配上要保證不同色相之間有中間過渡色相，這就要保持不同色彩在整個(gè)頁面有一定的占有比例，就如黃金分割比一樣，在一個(gè)適宜的比例才能保證均衡性，才能給用戶一種舒適的視覺感官。

所以，以上原則很清晰地描述了網(wǎng)頁設(shè)計(jì)中色彩的運(yùn)用，在了解不同表達(dá)對(duì)象所匹配的顏色后，定好基本色系，保持網(wǎng)頁整體的色系統(tǒng)一，在關(guān)鍵或重要的部分采用局部對(duì)比色系，突出表達(dá)的重點(diǎn)，在不同顏色之間采用中間顏色進(jìn)行平滑過渡，保持整體色彩搭配的均衡性，讓用戶瀏覽時(shí)擁有一種舒適感。這樣一個(gè)好的色彩在網(wǎng)頁設(shè)計(jì)中就能夠被很好的應(yīng)用。

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

通過以上對(duì)色彩在網(wǎng)頁中的運(yùn)用原則，我們明白了如何更好地將色彩運(yùn)用于網(wǎng)頁之中，那么，色彩在網(wǎng)頁設(shè)計(jì)中都有哪些作用呢？色彩在網(wǎng)頁設(shè)計(jì)中的作用基本可以概述為以下幾條：

1） 確定主題風(fēng)格與基調(diào)

通過上文色彩及色彩情感的一些基本概念可知，不同的色彩所表達(dá)與傳遞的內(nèi)容以及給人以基本的心理與生理上的基本感受是不同的，那么確定了以網(wǎng)頁上的基本色系也就等于確定了網(wǎng)頁所要表達(dá)的基本主題。將色調(diào)與網(wǎng)頁表達(dá)的內(nèi)容與對(duì)象，形式與風(fēng)格進(jìn)行良好的相互融合能夠達(dá)到突出主題的效果。

2）為網(wǎng)頁布局提供向?qū)?/p>

由于網(wǎng)頁上的信息量大，內(nèi)容豐富，所以一個(gè)良好的布局是極其重要的。而色彩的應(yīng)用可以很好地幫助網(wǎng)頁上不同模塊的進(jìn)行布局。通過對(duì)色彩的選用能夠使用戶在閱讀時(shí)產(chǎn)生視覺區(qū)域性劃分，使網(wǎng)頁形成一種鮮明的層次感，主次分明，增強(qiáng)可讀性及閱讀的持續(xù)性。所以良好的色彩運(yùn)用能夠幫助設(shè)計(jì)者進(jìn)行網(wǎng)頁布局。在利用色彩進(jìn)行頁面布局時(shí)，還應(yīng)注意保持色彩與網(wǎng)頁的整體統(tǒng)一性，保持色彩搭配的均衡性，不應(yīng)為了頁面布局而是色彩差異性很大。利用色彩進(jìn)行布局的最終目的是將復(fù)雜的信息進(jìn)行有序的劃分，讓用戶擁有良好的有序與清晰的閱讀感

3） 為用戶提供瀏覽向?qū)?/p>

與設(shè)計(jì)人員相呼應(yīng)的便是用戶，設(shè)計(jì)人員利用色彩的搭配對(duì)網(wǎng)頁進(jìn)行一定規(guī)則上的布局，其目的便在與能使用戶在瀏覽該網(wǎng)頁是有一個(gè)良好的引導(dǎo)。鮮艷的色彩搭配能夠吸引用戶的眼球，引導(dǎo)用戶找到網(wǎng)頁所表達(dá)的重點(diǎn)，為其提供良好的瀏覽導(dǎo)向。

除了以上三條較為明顯的作用外，色彩在網(wǎng)頁設(shè)計(jì)中還有諸如提高審美度，增強(qiáng)網(wǎng)頁宣傳效果等作用。

4 總結(jié)

網(wǎng)頁作為網(wǎng)絡(luò)的門戶，其設(shè)計(jì)已成為一種藝術(shù)體現(xiàn)的方式。網(wǎng)頁設(shè)計(jì)中良好的色彩運(yùn)用能夠幫助吸引用戶的眼球，同時(shí)它也在一定程度上決定著網(wǎng)頁設(shè)計(jì)的成敗。為了達(dá)到一定審美藝術(shù)效果，最大程度的吸引用戶，這就要求網(wǎng)頁設(shè)計(jì)人員立足于色彩應(yīng)用，從色彩的基本概念以及色彩的情感心理出發(fā)，確定網(wǎng)頁主題風(fēng)格，遵循色彩在網(wǎng)頁中運(yùn)用的基本原則。只有在這個(gè)基礎(chǔ)之上進(jìn)行一些獨(dú)特的設(shè)計(jì)才能使自己設(shè)計(jì)出來的網(wǎng)頁更加別具一格。所以，在學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的過程中不僅要掌握好相關(guān)的計(jì)算機(jī)設(shè)計(jì)技巧，色彩的運(yùn)用技巧也至關(guān)重要，一個(gè)良好的色彩搭配選擇與運(yùn)用是一個(gè)成功網(wǎng)頁設(shè)計(jì)的基礎(chǔ)。

參考文獻(xiàn)：

[1] 張亮.論網(wǎng)頁設(shè)計(jì)中的色彩應(yīng)用 [J]. 茂名學(xué)院學(xué)報(bào)，2009（02）.

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

[3] 李愛國. 網(wǎng)頁設(shè)計(jì)中的色彩搭配[J].湖南農(nóng)機(jī)，2012（11）.

[4] 萬斐.網(wǎng)頁設(shè)計(jì)中的色彩運(yùn)用研究 [J].現(xiàn)代裝飾理論，2012（10）.

[5] 程輝.色彩在網(wǎng)頁界面設(shè)計(jì)制作中的運(yùn)用 [J].現(xiàn)代裝飾理論，2014（12）.

[6] 李徐梅. 淺議色彩在網(wǎng)頁設(shè)計(jì)中的運(yùn)用[J].中國科技信息，2012（07）.

[7] 李克鋒. 談色彩在網(wǎng)頁界面設(shè)計(jì)中的應(yīng)用[J].電子技術(shù)與軟件工程，2014（03）.