吳姝妍

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

關鍵詞：色彩；網頁設計；應用

中圖分類號：TP393 文獻標識碼：A 文章編號：1009-3044（2015）24-0136-02

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

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

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

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

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

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

2 色彩在網頁中的運用原則

任何一門設計性的工作都有基本的原則，在基本的原則框架上再顯示出設計者的獨到特色之處。同樣在網頁設計中，除了一些計算機技術運用原則之外，色彩的運用也有一定的原則。

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

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

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

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

3）搭配適應性原則

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

4） 搭配均衡性原則

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

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

3 色彩在網頁設計中的作用

通過以上對色彩在網頁中的運用原則，我們明白了如何更好地將色彩運用于網頁之中，那么，色彩在網頁設計中都有哪些作用呢？色彩在網頁設計中的作用基本可以概述為以下幾條：

1） 確定主題風格與基調

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

2）為網頁布局提供向導

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

3） 為用戶提供瀏覽向導

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

除了以上三條較為明顯的作用外，色彩在網頁設計中還有諸如提高審美度，增強網頁宣傳效果等作用。

4 總結

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

參考文獻：

[1] 張亮.論網頁設計中的色彩應用 [J]. 茂名學院學報，2009（02）.

[2] 劉何建華. 視覺有溫度——網頁色彩情感研究[J].韶關學院學報·社會科學，2010（02）.

[3] 李愛國. 網頁設計中的色彩搭配[J].湖南農機，2012（11）.

[4] 萬斐.網頁設計中的色彩運用研究 [J].現(xiàn)代裝飾理論，2012（10）.

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

[6] 李徐梅. 淺議色彩在網頁設計中的運用[J].中國科技信息，2012（07）.

[7] 李克鋒. 談色彩在網頁界面設計中的應用[J].電子技術與軟件工程，2014（03）.