色彩語意在UI設計中的應用研究

惠曉艷

(重慶工商大學，重慶 400067)

1 什么是色彩

色彩是能夠引起共鳴的一種語言表達形式。我們可以將色彩分為有彩色系和無彩色系兩大類，有彩色系的三個基本特征就是色相、飽和度、明度。色相就是我們最經常說到的顏色術語，例如紅、橙、黃、綠、青等；飽和度就是顏色的鮮亮和灰暗程度，顏色鮮亮稱為高飽和度，顏色灰暗稱為低飽和度；明度指的是顏色的亮和暗。無彩色系就是色彩飽和度為0的顏色。在藝術創作中，色彩有著可以營造夢幻空間的能力。

2 色彩的符號語意及其獨特性

2.1 色彩語意與色彩之間存在的感官上的接近性

色彩語意與色彩給人感官上的體驗具有相似性。當我們看到藍色、綠色、紫色冷色系的時候，我們就會感覺到冷靜、淡定、涼爽并且在視覺上也會有收縮感，一般在飲料的UI設計中就會使用冷色調；在看到紅色、橙色、黃色、棕色等暖色系的時候會感覺到激情、火熱、狂野并且在視覺上會有膨脹感，一般在競技游戲、食物的UI設計中就會使用暖色調。因為他們有相通性，所以就會產生相對應的心理反應和視覺感受。

2.2 色彩語意的聯想性

色彩語意與色彩給人感官上的體驗具有一定的邏輯性。綠色聯想到生命、生機勃勃、健康、和平、純天然等;紅色聯想到熱情、活力、溫暖、血腥、危險、警告等；白色聯想到寒冷、純潔、干凈等。

2.3 色彩語意的人文因素

色彩語意受到固定的社會、風俗、地域文化因素的影響，有著不同的語意理解。例如在在中華民族的文化寓意中，紅色代表著喜慶、幸運、吉祥等，而在國外，紅色卻是代表著沖動、暴力、挑釁等。在中國的傳統節假日中，大多會使用紅色來做裝飾和包裝禮物來突出節日的熱鬧與喜慶。在許多歐洲國家，他們喜歡藍色和白色，他們覺得藍色和白色代表著沉著冷靜。

3 UI界面設計中色彩語意的類型層次分析

3.1 UI色彩的情感語意

美國藝術心理學家布魯默說：“色彩喚起各種情緒，表達感情，甚至影響我們正常的生理感受。”①所以在進行設計UI界面的色彩設計時，一定要充分考慮到用戶的情感因素。不同性別、年齡對于顏色的接受類別不同。例如一部分成人喜歡藍、白、黑、灰，喜歡這些顏色的人一般都比較文藝、沉穩、性格稍許的內向，針對這一部分人時要忌諱紅、黃等高飽和度的顏色；兒童一般是喜歡靚麗的紅、橙、黃等。把色彩與用戶人群相匹配，既能擴大傳播效果，還能夠引起讀者共鳴。色彩的冷暖色也能使人的生理和心理產生不同的情感，冷色一般給人清爽、干凈、純潔等感受，所以許多夏季飲料都是使用冷色調，而暖色一般給人溫暖、膨脹、熱情的感覺，所以食物類都會選擇暖色，增加人的食欲。因此，UI設計在對于色彩的考慮上一定要根據不同的用戶人群和不同品牌類型對于顏色的需要來進行選擇。

3.2 UI色彩的功能語意

功能性是我們在設計任何東西都需首要考慮，當用戶看到一組UI界面的時候，是否能夠在第一眼看出是什么，怎么做，是否能夠精準傳達設計者所想。這些都是色彩的功能性作用。一組優秀的UI界面設計中使用的色彩是可以非常準確的傳達信息和表達語意，讓界面更加的簡潔，操作流程更加清晰，降低用戶使用的技術成本。例如許多購物的UI界面設計時，大都會使用暖色系，例如紅色、橙色等暖色會給人熱情、開心、興奮的感覺，會激起用戶的購買欲，以此來達到促進消費的目的。

3.3 色彩語意在實際UI設計中應用研究

在網頁設計中，色彩的運用極為重要，它能夠在較短的時間內精準無誤的傳達出設計師所想和提升整體的吸引力與視覺沖擊力。(如圖一、二)EICO作為一家用戶體驗設計公司，圖一是關于摩拜單車的UI設計，背景部分根據摩拜單車原本車身的顏色提取了橙紅色，使瀏覽者一眼就可以看出這個是關于摩拜單車的UI界面，根據人們的習慣性聯想，看到自行車、橙紅色很快就可以把兩者聯系起來，而不會聯想到OFO小黃車。并且橙紅色給人的感覺是熱情、活力，還可以激起用戶的嘗試欲。

圖一 EICO官網首頁1

圖二是關于醫療APP丁香園的UI界面，整體顏色是看起來非常清爽、鎮靜。一般人在生病之后心情都是非常浮躁的，所以選擇冷色調的天藍色，這種顏色對于生病了的人會有一定的鎮定作用，幫助病人的心情穩定下來，有助于理性的思考。所以不同性質的UI設計對于顏色的考慮一定要三思而后行，考慮到用戶人群的性質。

圖二 EICO官網首頁2

4 UI界面中色彩設計的原則與方法

4.1 主視覺需求

(1)信息傳達準確性需求

UI設計時，顏色的使用一定要滿足信息傳達準確性的需要，當瀏覽者看到的第一眼就能夠看到非常清晰的明白這個網站是關于什么的內容。如把競技游戲類設計成嬰兒粉等小清新的顏色，把嬰兒用品類顏色設計成大紅、純黑等顏色，很顯然這樣肯定不能精準傳達品牌。人對于色彩的敏感度遠高于其他的圖形和文字，所以色彩的選擇就非常的重要。

(2)突出主題需求

不同主題的需求對于顏色的需求是不一樣的。廣告大師奧格威曾經說過：“最終決定品牌市場地位的是品牌本身的個性，而不是產品間微不足道的差異。”②所以說顏色的使用一定要能夠體現本品牌的個性和特征，在眾多同類品牌里有自己的獨特性。在UI設計的色彩中，整體色調一定要簡潔明朗、統一秩序、突出主要功能。例如環保類一般都會使用綠色環保色；兒童玩具會使用明度和飽和度高的的黃色、橙色等；法律類會使用白色、藍色沉穩的顏色。

4.2 次視覺需求

(1)符合色彩理論學

顏色的搭配有一套完整的色彩理論體系。所以在進行UI色彩設計的時候，一定要在科學原理的理論基礎上再加以創作和發揮。在進行UI色彩設計的時候要遵循色彩搭配的黃金比例，即7:2.5:0.5，基礎色70%，主配色25%，強調色5%。這是國外色彩專家根據大量實驗所得出的一條經典配色法則。

(2)符合人體視覺接收系統

在進行UI色彩設計的時候，為了符合人體視覺接受系統，由亮到暗。通常在背景上應該使用單一和飽和度與明度比較低的顏色，主體物就使用鮮艷明亮的顏色，這樣就能應用顏色的對比來突出主題，增強想要傳達給受眾者的重要信息。

結語

隨著互聯網的不斷革新，UI設計也慢慢的融入到各行各業當中，使得大量信息在各大平臺上不斷煥發著活力。這就對UI設計的要求提出了新的挑戰，尤其是在色彩方面，只有運用好色彩設計的原則與方法，才能設計出優秀的UI界面，給用戶帶來豐富且具有沖擊力的視覺感受體驗，提升品牌的整體水平的同時也會提升用戶的一個審美水平，使得用戶在使用時操作能夠簡潔明了，使用感受能身心愉悅。使品牌相較于同類型品牌更具有吸引力和競爭力。

注釋:

① 劉敏璐,李綸.論產品色彩的情感訴求[J].伊犁師范學院學報(自然科學版),2009(04):77-79.

② 趙晨音.UI用戶界面色彩設計研究[C].中國流行色協會、紹興市柯橋區人民政府、亞洲色彩聯合會.2017中國國際時尚創意論壇論文集.中國流行色協會、紹興市柯橋區人民政府、亞洲色彩聯合會:中國流行色協會,2017:198-204.