前言：本站為你精心整理了色彩語言在網(wǎng)頁設(shè)計(jì)中的應(yīng)用范文，希望能為你的創(chuàng)作提供參考價(jià)值，我們的客服老師可以幫助你提供個(gè)性化的參考范文，歡迎咨詢。

摘要：近年來，伴隨著互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，網(wǎng)絡(luò)已經(jīng)成為人們工作、學(xué)習(xí)、生活、娛樂的重要工具。網(wǎng)頁是構(gòu)成互聯(lián)網(wǎng)信息載體的基本形式，發(fā)揮著重要的美化作用，隨著互聯(lián)網(wǎng)經(jīng)濟(jì)的興起，網(wǎng)站數(shù)量增加，網(wǎng)頁設(shè)計(jì)也成為吸引客戶的重要手段。通過分析不難看出，色彩是影響網(wǎng)頁設(shè)計(jì)的重要因素，在發(fā)揮美化作用的同時(shí)，也具有情感的傳達(dá)和價(jià)值觀的認(rèn)同作用。因此，研究色彩語言在網(wǎng)頁設(shè)計(jì)中的應(yīng)用，可以增加網(wǎng)頁的實(shí)用性；本文以下針對(duì)這一課題展開研究，并提出色彩語言在網(wǎng)頁設(shè)計(jì)中的應(yīng)用建議，以供相關(guān)人士參考。

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

一、色彩及色彩語言概述

1、色彩

色彩及顏色，從種類上劃分主要包括非彩色和彩色兩種類型，其中非彩色包括黑色和白色，其他色彩均為彩色范疇。從生理學(xué)角度說，色彩是人類視覺系統(tǒng)對(duì)光的感應(yīng)，人類生理視覺直接可以觀察到的光線是有限的，不同的波長電磁波形成了不同的色彩表現(xiàn)。根據(jù)科學(xué)研究表明，色彩（彩色系）主要有三種屬性。第一，色相。色相也被稱之為色澤，它反映了色彩的本質(zhì)特征，也是色彩的基礎(chǔ)屬性，是人們對(duì)色彩命名的根據(jù)。如黃色，紅色，紫色等，這是對(duì)色相的描述，同時(shí)，無論其明暗程度如何變化，色相是不會(huì)被逾越的。第二，純度。色彩純度也稱之為“飽和度”，它反映出某一種色相范圍內(nèi)色彩的純凈性，總體來說，純度越高色彩就越鮮明，對(duì)比度就越高，給人產(chǎn)生的感覺沖擊力就越大；反之，純度越低，色彩就表現(xiàn)的越模糊，色相系區(qū)分的難度就越大。第三，明度。明度指的是色彩進(jìn)入人類視覺中的反應(yīng)程度感受，明度越大，色彩就越亮，反之就越暗，結(jié)合計(jì)算機(jī)對(duì)色彩的表達(dá)來說，明度的調(diào)節(jié)對(duì)色相影響不大。色相、純度和明度被稱為色彩的基本屬性，同時(shí)引申出“三原色”的理論，紅色、綠色和藍(lán)色三種顏色被稱之為“原色”，實(shí)踐表明，三原色可以通過對(duì)基本屬性的調(diào)節(jié)得到其他所有色彩，但其他色彩卻不能還原三原色；在網(wǎng)頁設(shè)計(jì)中，電腦屏幕所能表現(xiàn)出來的色彩是通過色光調(diào)和的（RGB），但隨著顯示器技術(shù)的發(fā)展，色彩的豐富程度也在增加。

2、色彩語言

“色彩語言”是一種形象的比喻，指的是色彩對(duì)人類的心理影響，它可以在潛意識(shí)層面左右人的情緒，產(chǎn)生諸如興奮、哀傷、快樂、痛苦等感受，如同具有語言傳達(dá)功能一樣；因此，色彩語言也可以視為色彩心理效應(yīng)的表達(dá)。作為網(wǎng)頁設(shè)計(jì)師，其作品的受眾范圍很大，如果想要全部人都滿意也是不可能的，但通過理解色彩語言，把握應(yīng)用的技巧，可以滿足絕大多數(shù)人的視覺需求。

二、色彩對(duì)感官及心理效應(yīng)分析

色彩本身是不具備感情的，但它卻是激發(fā)感情、產(chǎn)生感情、調(diào)節(jié)感情的重要成分。日常生活中，色彩的廣泛接觸會(huì)形成一定的慣性認(rèn)知，舉個(gè)簡單的例子：在交通信號(hào)燈的應(yīng)用上，長期的習(xí)慣讓人們感覺紅色代表禁止、警醒，而綠色則代表安全、通行。同時(shí)，科學(xué)實(shí)踐表明不同的顏色對(duì)人的精神影響存在差異，例如紅色之所以在交通信號(hào)應(yīng)用中代表“禁止通行”，是由于紅色進(jìn)入視覺系統(tǒng)之后，會(huì)造成脈搏的加速、血壓升高、情緒激動(dòng)，這樣一來人的警惕性和反應(yīng)自然也就提高，對(duì)可能發(fā)生的危險(xiǎn)事故具有較高的躲避能力。而綠色的環(huán)境中，會(huì)造成人的心情平緩、情緒穩(wěn)定，但相應(yīng)地反應(yīng)能力就會(huì)下降，無法覺察到可能出現(xiàn)的危險(xiǎn)；同時(shí)，色彩也是特定的文化符號(hào)，如人們提到軍營，自然而然地想到“綠色的軍營”，類似的包括“白衣天使”（醫(yī)院）、“藍(lán)天雄鷹”（空軍）等，甚至被視為一種特定的職業(yè)代表?？傮w來說，色彩對(duì)感官的影響是直接的，也可以看作是一種不受控制的生理反應(yīng)。而對(duì)心理效應(yīng)的影響則是多方面、多層次的，與后天環(huán)境中的培養(yǎng)有很大關(guān)系，這其中的原因包括區(qū)域文化、宗教信仰、教育程度等，例如黃色在中國具有尊貴的含義，但在西方國家中卻代表邪惡。此外，不同色彩的搭配，也會(huì)改變純色應(yīng)用所帶來的使勁感受，并進(jìn)一步影響心理效應(yīng)。本質(zhì)上說，色彩搭配并沒有固定的要求，但結(jié)合色彩的應(yīng)用分析，相近色彩（相鄰色相）的結(jié)合具有明顯的過渡層，在反應(yīng)到人類視覺系統(tǒng)中不限的突兀，更符合人們的心理感知規(guī)律。例如，紅色、淺紅色，灰色、百色，藍(lán)色、白色等搭配。在進(jìn)行網(wǎng)頁設(shè)計(jì)過程中，要盡量兩種色彩（尤其是相鄰兩種色彩）對(duì)比過分強(qiáng)烈，否則會(huì)造成視覺的沖擊力過大，產(chǎn)生不協(xié)調(diào)的視覺弊端。

三、色彩語言在網(wǎng)頁設(shè)計(jì)中的表達(dá)理解

如果把色彩視為一種語言表達(dá)方式，那么在不同的環(huán)境下所發(fā)揮的情感效應(yīng)也是不同的。要將相應(yīng)的色彩語言優(yōu)勢(shì)發(fā)揮到最佳程度，以滿足網(wǎng)頁設(shè)計(jì)的需求，就需要采取針對(duì)性的措施，網(wǎng)頁設(shè)計(jì)者必須緊扣網(wǎng)頁的應(yīng)用形式、功能特點(diǎn)展開搭配；筆者認(rèn)為，網(wǎng)頁是否能夠吸引人，色彩所傳達(dá)的情感占據(jù)主導(dǎo)地位，因此可以從這一角度展開對(duì)色彩語言的表達(dá)理解。

1、突出創(chuàng)意性

創(chuàng)意是設(shè)計(jì)師工作的靈魂要素，而設(shè)計(jì)的基礎(chǔ)則是對(duì)素材的新穎構(gòu)造。結(jié)合網(wǎng)頁設(shè)計(jì)來說，在固有的瀏覽器觀賞層面上，主要包括了色彩的選擇、搭配、定位、色塊等。同時(shí)，網(wǎng)頁設(shè)計(jì)包括了整體性和局部性兩個(gè)層面的特征，某一色彩的應(yīng)用在局部所傳達(dá)的功能有限，但在整體方面會(huì)呈現(xiàn)出更加完美的效果。要實(shí)現(xiàn)這一目標(biāo)，需要遵從以下兩個(gè)方面。第一，遵從人的自然性。即按照“以人為本”的理念展開設(shè)計(jì)，人的自然屬性是無法磨滅的，而社會(huì)屬性是為其服務(wù)的。一個(gè)人對(duì)色彩的好惡除了生理病變的影響之外，更多的與社會(huì)文化、習(xí)俗、宗教等方面有關(guān)，除了遵從這些后期形成的習(xí)慣、認(rèn)識(shí)以外，更多的要順應(yīng)人性。第二，設(shè)計(jì)活動(dòng)的動(dòng)態(tài)性。設(shè)計(jì)因素是在不斷變化的，并受到社會(huì)環(huán)境變遷的影響，因此設(shè)計(jì)本身也是不斷創(chuàng)造的過程。在某一個(gè)階段出現(xiàn)的流行元素，不可能永遠(yuǎn)滿足人們的需求，隨著時(shí)間的累計(jì)，會(huì)出現(xiàn)審美疲勞，因此要不斷地對(duì)色彩的格局、種類、形狀等進(jìn)行變化，在不改變網(wǎng)頁主題內(nèi)涵的基礎(chǔ)上，持續(xù)的保持新鮮感。

2、突出個(gè)性化

網(wǎng)頁是互聯(lián)網(wǎng)技術(shù)的具體表現(xiàn)，也是信息內(nèi)容的基本載體，網(wǎng)頁設(shè)計(jì)中界面的色彩是最先被觀察到的，因此能否留住瀏覽者，色彩發(fā)揮著較大的功能。但相對(duì)應(yīng)的，不同類型的網(wǎng)站主旨也限定了色彩的應(yīng)用范圍，例如商業(yè)類網(wǎng)站大多采取藍(lán)色背景，婚慶類網(wǎng)站大多選取紅色背景，綜合類網(wǎng)站大多采取白色背景，這與網(wǎng)站功能相關(guān)，符合社會(huì)價(jià)值觀的擇向。因此在設(shè)計(jì)的過程中，合理的個(gè)性化色彩選擇和設(shè)計(jì)，有利于增加瀏覽者的認(rèn)同感。首先，瀏覽者觀察網(wǎng)頁的時(shí)候，色彩是無法阻止的印象因素，在不同功能的區(qū)域，應(yīng)該進(jìn)行必要的強(qiáng)弱變化，避免喧賓奪主。如在文字顯示部分，背景應(yīng)該避免過度刺激，防止減弱對(duì)圖片、文字的欣賞效果。但在整體色調(diào)上與網(wǎng)頁logo或名稱保持一致，實(shí)現(xiàn)網(wǎng)頁功能中色彩語言表達(dá)的有效性。其次，文字色彩的設(shè)計(jì)，應(yīng)該根據(jù)網(wǎng)站傳達(dá)的內(nèi)容展開，如一些政府網(wǎng)站、商業(yè)網(wǎng)站、新聞網(wǎng)站，大多采取黑色，在字體選擇上也較為中規(guī)中矩，以表達(dá)嚴(yán)肅、認(rèn)真的態(tài)度。而一些卡通網(wǎng)站、兒童網(wǎng)站等，可以采用粉色、黃色等糅合顏色來渲染字體，符合輕松愉悅的格調(diào)。

3、布局合理性

網(wǎng)頁設(shè)計(jì)中一個(gè)最重要衡量標(biāo)準(zhǔn)是滿足“視覺記憶”的要求，確保瀏覽者在觀察網(wǎng)頁的過程中，不會(huì)因?yàn)檫^于紛亂復(fù)雜的色彩喪失初衷，影響眼睛對(duì)內(nèi)容“記憶”的需求。換而言之，色彩的布局缺乏科學(xué)性，會(huì)造成凌亂的感覺，視覺系統(tǒng)會(huì)不由自主地被變化多端的色彩吸引；因此，針對(duì)色彩的合理布局，要滿足整體的統(tǒng)一協(xié)調(diào)以及局部的均衡和諧，這也是體現(xiàn)出以人為本的情感表達(dá)方式。

4、滿足交互性

本質(zhì)上說，網(wǎng)頁交互性對(duì)色彩的需求，就是移動(dòng)中對(duì)色彩感受的要求。通過瀏覽器瀏覽網(wǎng)頁的過程中，網(wǎng)頁本身的設(shè)計(jì)雖然不會(huì)發(fā)生變動(dòng)，但所造成的視覺感受卻是不斷變化的。例如，在網(wǎng)頁頭部的色彩渲染過于豐富，但在底部和兩側(cè)的設(shè)計(jì)過于忽略，在移動(dòng)網(wǎng)頁的過程中就會(huì)造成“頭重腳輕”的感覺。因此，要滿足交互性對(duì)網(wǎng)頁色彩設(shè)計(jì)的需求，就必須理解色彩理論，色彩在動(dòng)態(tài)變化中可能形成怎樣的心理感受，揣摩這種感受所表達(dá)的色彩語言含義，這樣才能更好地實(shí)現(xiàn)人機(jī)交流。在互聯(lián)網(wǎng)技術(shù)不斷進(jìn)步的前提下，網(wǎng)頁數(shù)量越來越多，功能也越來越豐富，要抓住客戶也越來越難。瀏覽的第一印象就決定了對(duì)所傳達(dá)內(nèi)容的認(rèn)知，這也強(qiáng)調(diào)了色彩設(shè)計(jì)的重要性，因此要充分理解色彩的表達(dá)理解，才能設(shè)計(jì)出更好的作品。

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

1、主題色彩部分應(yīng)用

主題色彩也可以理解為“主體色彩”，一般來說，主題色彩是基于網(wǎng)站的性質(zhì)、風(fēng)格和功能類型選擇的，是基礎(chǔ)顏色，其他的顏色都是圍繞著這一色彩補(bǔ)充。因此，主體色彩選擇直觀重要，設(shè)計(jì)師必須同時(shí)了解網(wǎng)頁需求以及色彩語言的表現(xiàn)效果，并由此設(shè)定一組色彩進(jìn)行配合。如果主題色彩選擇出現(xiàn)偏差，那么勢(shì)必影響整個(gè)網(wǎng)站的設(shè)計(jì)效果。在具體的網(wǎng)頁設(shè)計(jì)過程中，色彩語言的定位方式也是多樣化的，這就要求設(shè)計(jì)師參考產(chǎn)品、內(nèi)容或外觀的效果綜合評(píng)定，將色彩語言更精確的給予定位。例如，在設(shè)計(jì)一個(gè)服裝網(wǎng)頁的時(shí)候，一般不會(huì)選擇冷、暗、灰等色調(diào)，而是會(huì)選擇一些明亮、鮮艷的色彩；然后根據(jù)服裝類型，如女裝系列，則要選擇一些具有柔美情緒的色彩，如紅色、粉色、青色等，在具體到女裝中的可愛系列，則可以將主題色彩定義為粉色、桃紅色等。此外，影響主題色彩選擇的因素也包括產(chǎn)品名稱、輸出內(nèi)容性質(zhì)、logo設(shè)計(jì)等。

2、輔助色彩部分應(yīng)用

輔助色彩部分所表達(dá)的是補(bǔ)充、修飾，如同在文學(xué)描述中的修飾詞。輔助色彩的選擇和搭配不是隨意展開的，而是需要與主題色彩存在一定的內(nèi)在關(guān)聯(lián)，一方面要對(duì)網(wǎng)頁具有良好的補(bǔ)充協(xié)調(diào)作用，另一方面又避免喧賓奪主，影響主題色彩語言的表達(dá)能力。因此，輔助色彩的選擇種類不宜過的，網(wǎng)頁設(shè)計(jì)中統(tǒng)一頁面中的色彩不宜超過三個(gè)，同時(shí)布局要整齊劃一，視覺沖擊力越強(qiáng)的輔助色彩，其所占比例就越小，位置就越不突出，否則會(huì)就造成視覺方面的混亂；此外，在選擇輔助色彩的過程中可以選擇與主題色彩相鄰色相環(huán)的部分，在計(jì)算機(jī)色彩生成中，將相距45度的顏色稱為同類色，可以發(fā)揮很好的輔助色彩效果。

作者：蔡偉 單位：南陽師范學(xué)院美術(shù)與藝術(shù)設(shè)計(jì)學(xué)院

參考文獻(xiàn)

[1]袁琳.網(wǎng)頁設(shè)計(jì)中的色彩應(yīng)用特點(diǎn)[J].藝術(shù)與設(shè)計(jì)(理論),2012,08:72-74.

[2]李湘媛.網(wǎng)頁設(shè)計(jì)中的色彩語言表達(dá)[J].藝術(shù)教育,2012,11:162-163.

[3]胡紅忠,朱琦.色彩語言在網(wǎng)頁界面中的情感化傳達(dá)[J].美術(shù)大觀,2008,04:119.

[4]杜曉哲.視覺傳達(dá)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用原則[J].藝術(shù)與設(shè)計(jì)(理論),2008,09:48-50.

[5]陳振宇.色彩在網(wǎng)頁設(shè)計(jì)中的應(yīng)用[J].才智,2011,18:182.

[6]翟永宏.淺談色彩在網(wǎng)頁設(shè)計(jì)中的應(yīng)用[J].美與時(shí)代(上),2011,10:87-89.

[7]楊麗麗.色彩在網(wǎng)頁設(shè)計(jì)中的協(xié)調(diào)與應(yīng)用[J].中國科技信息,2007,23:128-129+131.

[8]張彥.視覺元素在網(wǎng)頁設(shè)計(jì)中的應(yīng)用研究[J].電子世界,2013,22:148-149