惠曉艷

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

1 什么是色彩

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

2 色彩的符號(hào)語意及其獨(dú)特性

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

色彩語意與色彩給人感官上的體驗(yàn)具有相似性。當(dāng)我們看到藍(lán)色、綠色、紫色冷色系的時(shí)候，我們就會(huì)感覺到冷靜、淡定、涼爽并且在視覺上也會(huì)有收縮感，一般在飲料的UI設(shè)計(jì)中就會(huì)使用冷色調(diào)；在看到紅色、橙色、黃色、棕色等暖色系的時(shí)候會(huì)感覺到激情、火熱、狂野并且在視覺上會(huì)有膨脹感，一般在競技游戲、食物的UI設(shè)計(jì)中就會(huì)使用暖色調(diào)。因?yàn)樗麄冇邢嗤ㄐ?，所以就?huì)產(chǎn)生相對(duì)應(yīng)的心理反應(yīng)和視覺感受。

2.2 色彩語意的聯(lián)想性

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

2.3 色彩語意的人文因素

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

3 UI界面設(shè)計(jì)中色彩語意的類型層次分析

3.1 UI色彩的情感語意

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

3.2 UI色彩的功能語意

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

3.3 色彩語意在實(shí)際UI設(shè)計(jì)中應(yīng)用研究

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

圖一 EICO官網(wǎng)首頁1

圖二是關(guān)于醫(yī)療APP丁香園的UI界面，整體顏色是看起來非常清爽、鎮(zhèn)靜。一般人在生病之后心情都是非常浮躁的，所以選擇冷色調(diào)的天藍(lán)色，這種顏色對(duì)于生病了的人會(huì)有一定的鎮(zhèn)定作用，幫助病人的心情穩(wěn)定下來，有助于理性的思考。所以不同性質(zhì)的UI設(shè)計(jì)對(duì)于顏色的考慮一定要三思而后行，考慮到用戶人群的性質(zhì)。

圖二 EICO官網(wǎng)首頁2

4 UI界面中色彩設(shè)計(jì)的原則與方法

4.1 主視覺需求

(1)信息傳達(dá)準(zhǔn)確性需求

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

(2)突出主題需求

不同主題的需求對(duì)于顏色的需求是不一樣的。廣告大師奧格威曾經(jīng)說過：“最終決定品牌市場(chǎng)地位的是品牌本身的個(gè)性，而不是產(chǎn)品間微不足道的差異?！雹谒哉f顏色的使用一定要能夠體現(xiàn)本品牌的個(gè)性和特征，在眾多同類品牌里有自己的獨(dú)特性。在UI設(shè)計(jì)的色彩中，整體色調(diào)一定要簡潔明朗、統(tǒng)一秩序、突出主要功能。例如環(huán)保類一般都會(huì)使用綠色環(huán)保色；兒童玩具會(huì)使用明度和飽和度高的的黃色、橙色等；法律類會(huì)使用白色、藍(lán)色沉穩(wěn)的顏色。

4.2 次視覺需求

(1)符合色彩理論學(xué)

顏色的搭配有一套完整的色彩理論體系。所以在進(jìn)行UI色彩設(shè)計(jì)的時(shí)候，一定要在科學(xué)原理的理論基礎(chǔ)上再加以創(chuàng)作和發(fā)揮。在進(jìn)行UI色彩設(shè)計(jì)的時(shí)候要遵循色彩搭配的黃金比例，即7:2.5:0.5，基礎(chǔ)色70%，主配色25%，強(qiáng)調(diào)色5%。這是國外色彩專家根據(jù)大量實(shí)驗(yàn)所得出的一條經(jīng)典配色法則。

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

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

結(jié)語

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

注釋:

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

② 趙晨音.UI用戶界面色彩設(shè)計(jì)研究[C].中國流行色協(xié)會(huì)、紹興市柯橋區(qū)人民政府、亞洲色彩聯(lián)合會(huì).2017中國國際時(shí)尚創(chuàng)意論壇論文集.中國流行色協(xié)會(huì)、紹興市柯橋區(qū)人民政府、亞洲色彩聯(lián)合會(huì):中國流行色協(xié)會(huì),2017:198-204.