色彩語意在UI設(shè)計中的應(yīng)用研究

惠曉艷

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

1 什么是色彩

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

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

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

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

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

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

2.3 色彩語意的人文因素

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

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

3.1 UI色彩的情感語意

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

3.2 UI色彩的功能語意

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

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

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

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

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

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

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

4.1 主視覺需求

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

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

(2)突出主題需求

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

4.2 次視覺需求

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

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

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

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

結(jié)語

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

注釋:

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

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