基于企業形象的網頁色彩設計探析＊

梅玲

（重慶電信職業學院，重慶 永川 402160）

基于企業形象的網頁色彩設計探析＊

梅玲

（重慶電信職業學院，重慶 永川 402160）

在分析當前學生網頁設計中色彩使用問題的基礎上，提出了網頁設計是企業形象的有機組成部分，網頁的色彩設計必須以CIS所規定的標準為依據。提出了基于企業形象的網頁設計色彩搭配原則，并從色彩的面積關系、冷暖關系、輕重關系、空間關系、軟硬關系以及象征關系6個方面進行了闡述。

企業形象；網頁色彩；色彩搭配；視覺心理；視覺空間

1 問題提出

在最近3年的網頁設計教學中，筆者發現學生在制作網頁設計作品以及設計練習時，對于網頁的色彩不知道從何入手：不知道色彩選擇的依據是什么、不知道從何處選擇色彩，看到什么色彩就用什么色彩、想到什么色彩就用什么色彩、自己喜歡什么樣的色彩就使用什么樣的色彩，沒有一個統一的色彩思考，最終網頁界面上呈現出多種多樣的且彼此之間沒有任何關聯的色彩布局。從視覺上講，這種格局呈現“雜”、“亂”“破碎”的視覺特征；從心理上分析，這種格局會導致“煩”以及不想繼續看下去的心理態勢；從視覺空間上分析，這種色彩布局的視覺空間是紊亂的、沒有秩序感；從信息傳播的角度說，這種色彩使用格局傳遞的信息是雜亂的。出現上述種種問題的主要原因在于：學生沒有正真厘清為什么進行網頁設計？網頁為誰設計？網頁設計要體現什么？等問題。

2 網頁與企業形象有機組成部分

計算機網絡技術的迅猛發展，促進了網頁設計的誕生。網頁綜合圖形、圖像、文字、色彩、動畫、影像等元素為一體的特質，且不受時空限制的信息傳播方式與特征，使得受眾能夠全方位、多角度、便捷地獲取所需信息、了解研究某一事像。網頁的這種屬性使得大量、龐雜的信息能夠及時、全面地出現于受眾眼前。這為國家、企業、組織或者個人宣傳自己的產品、服務、理念、形象提供了便捷的窗口?；谏鲜鼍売桑姸嗟钠髽I、組織甚至是個人，使用網絡這一媒介、網頁這一載體宣傳自身的形象。這一現象進一步推動了網頁設計這一行業的快速繁榮。

從這個角度來講，網頁并不是游離于企業形象之外的新事物，而是企業形象宣傳的有機組成部分，網頁中的圖形、圖像、色彩、文字、動畫等所有內容必須圍繞著企業形象的宣傳來展開。換句話來講，企業形象決定了網頁設計中所使用到的各種元素，當然色彩也不例外。

企業形象是公眾在與企業交往的過程中所形成的對企業的總體的印象與認知。品牌專家Keller認為：“企業形象是消費者在記憶中通過聯想反映出對組織的感知”。企業形象應該包括企業內部員工的感知與企業外公眾的感知。企業員工的感知一般源于企業內部的組織關系與人事關系，而企業外公眾的感知一般來源于與企業接觸交往過程。

3 網頁色彩的攫取依據

在構成企業視覺形象的圖形、圖像、色彩、文字等元素中，色彩起到了關鍵的作用。

色彩心理研究實驗表明：事物的形象特征中，色彩的矚目度要比大小、形狀、肌理等特征都高。眼睛在觀察事物時，最初的20s色彩感覺占據知覺的80%、形狀等占20%；120s以后色彩占據60%、形狀等占據40%；300s以后各占一半且這種狀態將持續保持下去。也就是說，色彩在企業形象的宣傳中、在企業網站的設計中占據著極為重要的作用。

為了準確傳遞企業的形象、為了企業形象宣傳

過程中信息的統一，企業網站的設計必須嚴格遵循CIS（企業形象系統設計）中所規定的色彩及色彩的使用規范。也就是說，網頁的設計其色彩源于CIS。

在CIS系統中嚴格規定了反映企業文化的主色彩、輔助色，詳細規定了各種色彩的RGB與CMYK值、規定了各種色彩的明度值，也詳細說明了所使用色彩反映了什么樣的企業理念、服務態度等企業文化。所以網頁的色彩設計應該且必須是以企業的標準色系統為依據。

4 網頁色彩的搭配原則

網頁色彩設計的組合方式直接決定了網頁最終的視覺效果。網頁設計中色彩的搭配方式千變萬化、不同的企業、不同的行業、不同的風格均會導致色彩搭配的差異，傳遞出不同的視覺感受與視覺空間關系。但是不管是何種搭配關系，只要是視覺感受優美、符合受眾的視覺習慣與心理的色彩組合關系，必然遵循著色彩“對比與和諧”的總美學原則。具體可以從以下幾個方面進行入手解決實現：

1）面積關系。在網頁界面中，各種色彩所占據的面積關系是決定網頁視覺感受和諧還是沖突的主要因素。在面積關系中常有大面積與大面積色彩關系、大面積與小面積關系、小面積與小面積色彩關系。

在大面積與大面積色彩關系的處理中，一般要遵循大面積色塊與色塊在色相、明度或者純度上有著一定的聯系。比如，使用同一色相的不同明度色彩、使用明度較為接近的不同色相色彩、使用同類色、使用鄰近色，等等。這樣的色彩組合關系由于色彩之間某一些屬性的相似或者相同關系，使得色彩比較和諧，不會出現視覺過度的刺激。這同的色彩組合關系多出現于網頁的背景色彩處理中。

在大面積與小面積色彩的處理中，一般遵循大面積色彩與小面積色彩之間的差異性，即色彩之間的對比性。小面積色彩起到刺激、吸引眼球且與背景色拉開距離的作用，是網頁中的“亮點”。在用色上，可以使用對比色、甚至是互補色，如果使用同種色，那么在色彩的明度上必須拉開差距。

在小面積與小面積色彩的關系處理上，一般要遵循色彩的相關性或者相似性，即小面積色彩在色相、明度、純度上有一定的關聯或者相似度?？梢园凑杖缦路绞竭M行：第一，小面積色彩的位置關系處理，找出小面積色彩之間的秩序關系，并且按照一定的空間序列進行排列。第二，大小關系處理，如果小面積色彩之間對比強烈，可以統一小面積色彩所占據的面積。第三色彩屬性處理，小面積色彩之間可以按照“大面積”與“大面積”色彩之間的處理關系。

2）冷暖關系。色彩具有冷暖的屬性，即色彩給人以冷或者暖的心理感受。在網頁設計中，色彩的冷暖關系一般出現在大面積與小面積色彩之間的對比上，一般使用色相的強對比關系。在這種關系中，大面積的色彩（冷色或暖色）主要營造色彩氛圍，而小面積色彩則是視覺的重點與亮點。冷暖關系的處理可以參照面積關系中大面積與小面積色彩關系的處理。

3）輕重關系。色彩的輕重關系主要涉及到色彩的明度屬性。色彩明度高的色彩看起來亮、輕；色彩明度低的色彩一般看起來重、暗。色彩的這種輕重感與日常的生活經驗有著密切的關聯。在色彩輕重關系的處理中，同樣主要參照面積關系中大面積與小面積色彩關系的處理。無論數輕色還是重色，均可以作為背景色或者點綴色出現，但不能夠同時作為背景色與點綴色。

4）軟硬關系。色彩的軟硬關系同樣決定于色彩的明度屬性。明度高的色彩開起來軟、明度低的色彩則看起來較硬。在網頁設計中硬色一般用于機械、礦業、男性等相關的行業屬性，暗示理性、嚴謹、力度等企業文化屬性，而軟色一般是女性用品相關網站的主色調，暗示關愛、輕柔等企業文化特征或者產品特征。軟硬色彩關系的處理，可以同樣應用“面積關系”中“大面積與小面積”關系的處理。

5）象征關系。色彩本是一種以波長為體現形式的能量關系，本來沒有任何的文化屬性。但是在長期的約定俗成的使用過程中，人們逐漸賦予了色彩某些文化內涵、某些象征語義，使得色彩具有了一些“符號”的特質。在企業形象系統設計中，設計師這是利用了色彩的這種“符號”屬性，進行企業文化的色彩表達。如使用綠色象征和平、靜謐；紅色象征激情、火熱、革命；白色象征純潔；藍色象征科技、理性，等等。

在具有完整企業形象設計手冊的情況下，可以完全按照企業形象設計用色設計手冊進行。如若沒有，則需與客戶詳細交談、提煉企業的文化理念、歸納其行業特征，最后對照色彩的象征屬性，找到匹配的色彩進行網頁色彩的確定與設計。

6）空間關系。網頁界面的空間關系是指：人們在查閱網頁的過程中，由于網頁構成元素色彩的明度、色相、色彩面積大小的差異以及色彩所在位置不同，而造成的人們認知上感覺二維網頁中的構成元素呈現出三維空間（虛擬三維空間）關系，也可以稱之為視覺空間。

網頁設計中視覺空間關系的處理極為有利于網頁界面內容龐雜、信息量巨大的場合?？梢允褂貌煌囊曈X空間層次，使不同的內容呈現于不同的時間空間中。這樣，即使是依然在同一個網頁中同樣的信息內容，但是由于空間層次的不同，會使得網頁界面極有條理性、層次感、爽朗感。

網頁界面空間關系的營造主要借助于網頁界面中不同色彩的“前進”與“后退”感。對于重色、低明度色而言，具有后退感；輕色、高明度色彩則具有前進感。同一網頁界面中，色彩的前進與后退造就了網頁視覺空間感。

5 小結

學生在網頁設計中常常出現色彩的“亂、雜、無序”的現象，其主要原因在于學生沒有厘清網頁與企業之間的關系，沒有把握到網頁是企業文化宣傳、企業文化的重要有機組成部分。只有把握了這個前提，網頁設計中色彩的來源才有依據。遵循企業形象系統中色彩的使用規則，結合版式設計原理與色彩構成原理，學生必定能做出色彩搭配和諧、優雅、滿足客戶需求的網頁界面來。

[1]楊靜，孫波.企業形象色彩在市場競爭中的作用.企業研究[J].2011.5

[2]王娟.網頁設計中色彩的應用.電影評介[J].2014.1

[3]朱俊華.色彩情感要素在網頁設計的應用.現代裝飾(理論)[J].2014.3

[4]謝宜.網頁設計中的色彩元素的運用研究，大眾文藝，[J].2013.3

[5]李毅.色彩符號與企業形象的視覺傳達.新聞界[J]. 2015.7

TP23

重慶市職業教育委員會一般科研項目（2015-ZJXH-13238）階段性成果。。