淺談交互設(shè)計中的色彩應(yīng)用

張婷屹

摘 要：色彩是UI設(shè)計中非常重要的設(shè)計元素之一，是建立產(chǎn)品性格與氣質(zhì)的關(guān)鍵。在UI設(shè)計中，優(yōu)秀的色彩搭配將更容易吸引用戶的注意力，此外，好的色顏色搭配可以讓UI設(shè)計獲得更好的用戶體驗。色彩所傳遞的情感一方面來源于色彩本身的屬性，例如暖色更加活潑、歡快，冷色更加理性、沉靜。另一方面來源于觀看者自身的屬性，包括觀看者的國籍、文化、年齡、性別等等。本文就UI設(shè)計中的色彩原理、應(yīng)用和設(shè)計方法，進行分析和探究。

關(guān)鍵詞：UI設(shè)計；交互設(shè)計；色彩搭配；色彩規(guī)范

交互設(shè)計是一種功能與審美的高級結(jié)合，隨著智能手機的快速普及，它與人們的日常生活聯(lián)系愈發(fā)緊密。隨著社會經(jīng)濟的快速發(fā)展，人們的審美能力越來越高對于設(shè)計的要求也就越來越高。色彩是UI設(shè)計中非常重要的設(shè)計元素之一，同時也是建立產(chǎn)品性格與氣質(zhì)的關(guān)鍵。在UI設(shè)計中，優(yōu)秀的色彩搭配將更容易吸引用戶的注意力，此外，好的色顏色搭配可以讓UI設(shè)計獲得更好的用戶體驗。有相關(guān)的實驗證明，人們對于新事物的第一印象，色彩占80%。在觀看兩分鐘之后，色彩占60%，形態(tài)占40%。該試驗表明了，色彩在很大程度上影響著我們對事物的認知和記憶，同時不同的色彩也會讓觀者產(chǎn)生特定的情緒和心理映射，所以也誕生了研究色彩的專業(yè)學科。

總體來說在UI設(shè)計中，對色彩的搭配可以參考三個方面，第一是色彩本身的物理屬性對用戶心里的映射，例如色彩的冷暖，冷色藍色更為理性、純凈，暖色紅色更為熱烈激情。又例如飽和度越高的顏色更為生動活波，飽和度低的顏色更加沉穩(wěn)內(nèi)斂。第二點是不同用戶對色彩的主觀情感認知，因為用戶的年齡、性別、文化等情況的不同對色彩的認知也不經(jīng)相同，例如在我國紅色是財富的象征，我國的股票上漲是紅色，下跌是綠色，但在很多西方國家上漲是綠色，反之下跌是紅色，對于這兩種顏色在文化理解的上差別會直接影響我們設(shè)計配色。最后一點，是來自市場環(huán)境或同類競品的配色參考，這也是UI配色中的一個客觀因素。如果我們在為一款互聯(lián)網(wǎng)產(chǎn)品選擇配色時和同類競品太過相似，那容易造成和其他產(chǎn)品的市場太過相似，通俗點說可能會造成為他們做嫁衣的市場效果。UI設(shè)計的配色是一個復雜的過程，需要綜合考慮色彩的主、客觀因素，作為UI設(shè)計學習者，需要掌握基本的色彩理論，通過實踐不斷加深對色彩的認識，并最終能夠熟練地運用各種色彩，搭配出和諧、使人愉悅的交互設(shè)計。

一、色彩的基本要素

色彩是光從物體反射到人的眼睛所引起的的一種視覺心理感受。從物理上講，不同波長的可見光對應(yīng)著不同的色彩，也就是說有光的地方就會有色彩。豐富的色彩基本可以分成兩個大類，即有彩色和無彩色。有彩色具有三個基本的特征即色相、純度和明度。無彩色，是指白色、黑色，和由黑白調(diào)和成的不同程度的灰色。色彩中不能再分解的三種基本顏色，也就是我們通常說的三原色，即紅、黃、藍，通過三原色可以混合出所有的顏色。

二、色彩在UI設(shè)計中的應(yīng)用

色彩是交互設(shè)計中最具表現(xiàn)力和影響力的組成部分，他通過人們的視覺感受產(chǎn)生一系列心理映射，從而喚起用戶對于產(chǎn)品不同的情緒和感受。UI設(shè)計師要充分了解色彩的不同心理學知識，理解色彩給觀者帶來的不同心理感受，才能讓色彩對產(chǎn)品的營造起到積極的烘托作用。這節(jié)當中，我們把色彩的學習分成兩個部分，一是基于對于色彩性格的理解，合理運用色彩表現(xiàn)產(chǎn)品性質(zhì)；二是通過不同的配色方案，提升產(chǎn)品的視覺體驗。

交互設(shè)計師在配色時，除了要考慮色彩的內(nèi)在映射，還要根據(jù)產(chǎn)品功能，搭配出符合用戶預(yù)期的配色方案。好的配色方案可以有效的幫助用戶理解應(yīng)用的功能，正確的完成操作，或是與界面當中的其他元素積極互動。每個APP都會有屬于自己的配色方案，

一個完整的UI配色應(yīng)包含主色、輔助色、和點綴色。主色調(diào)通常和品牌標準色一致，一般來說在品牌設(shè)計中，品牌標準色指的是其品牌logo的顏色。主色決定了整個產(chǎn)品風格和定位。其次，為了更好的豐富視覺效果，一般來說，一個應(yīng)用都會搭配2-3種配色。輔助色的使用可以使畫面的層次更加豐富，有效的引導操作。簡潔的配色可以有效的提升用戶的體驗，相反，如果配色太多讓人眼花繚亂，會一定程度上分散用戶的關(guān)注度，使操作變的低效，甚至是誤導用戶。

三、色彩在產(chǎn)品推廣中的作用

之前已經(jīng)討論過人們在接受視覺形象時，對于色彩的敏感度是要高于形狀的明感度。在用戶體驗一個產(chǎn)品時，色彩會首先在用戶的思維上產(chǎn)生作用，這就是色彩的心理映射。色彩可以體現(xiàn)商品的性能、用途和屬性。簡單來說，色彩為該商品奠定了一個大體的基調(diào)。用戶在打開這個界面的時候就大概知道這是一個怎樣的商品，例如一款嬰幼產(chǎn)品，主色調(diào)首選的顏色一般是粉紅色、粉黃色、桃紅色，這些明度較高且溫暖的顏色，而不會選擇綠色、藍色、黑色，這些明度較低且冷靜的顏色。再例如，從用戶的角度來說，在看到一款主色調(diào)是藍色的產(chǎn)品時，一般反應(yīng)不會是女性產(chǎn)品、不會是美食產(chǎn)品、不會是兒童產(chǎn)品。如果是生硬的標新立異，可能會在用戶初體驗時產(chǎn)生不必要的誤解。這種基礎(chǔ)的認知就是色彩的形象影響了用戶對于商品基本內(nèi)容的判定。所以說選擇恰當?shù)纳誓艽龠M用戶對于商品的好感與認知。

一個產(chǎn)品選擇一種主色調(diào)，這個顏色也就成了這個產(chǎn)品的專屬色，在長期的使用過程中需要嚴格遵守其一致性，如此一來，產(chǎn)品就可以在用戶的心中樹立深刻的品牌印象。就好像我們看到紅色就能想到可口可樂，看到藍色就能想到百事可樂。這種反復的記憶刺激可以強化產(chǎn)品的影響力，是品牌的保證，便于用戶的搜索捆綁用戶，更有利于產(chǎn)品的推廣，最終讓產(chǎn)品更具競爭優(yōu)勢。

其次，除了要考慮產(chǎn)品色彩與產(chǎn)品內(nèi)容的一致性，從營銷層面來說，在匹配產(chǎn)品的主色調(diào)時還要考慮同類產(chǎn)品的用色。色彩的差異性也是有助于產(chǎn)品競爭的重要手段。結(jié)合色彩屬性和產(chǎn)品內(nèi)容的專屬色最可能出現(xiàn)的問題就是無法在眾多產(chǎn)品競爭中顯示其獨特性。產(chǎn)品的形象和定位太過相似不利于產(chǎn)品的營銷和推廣，沒辦法在用戶心中和其他競品。例如在路旅游類產(chǎn)品中，大部分的App都會使用藍綠作為主色調(diào)，因為藍綠色更能傳達自由、自然、放松的色彩情感。而驢媽媽旅游偏偏使用紅色主色調(diào)可以使產(chǎn)品在競品中更加突出，更利于用戶識別。餓了嗎是外賣產(chǎn)品中唯一使用冷色調(diào)的。選擇非常規(guī)的色彩搭配無疑即是挑戰(zhàn)也是機遇。挑戰(zhàn)是指不同的對比可能會使選擇的顏色和用戶心理預(yù)期發(fā)生背離，而難以認同。這就對UI設(shè)計師提出了更高的要求，通過對比所贏得的關(guān)注可以幫助產(chǎn)品更努力的挖掘自身的產(chǎn)品特點，并規(guī)劃之后營銷方式，從而走出一條專屬的產(chǎn)品發(fā)展方向。

所以，作為交互設(shè)計師，在設(shè)計時，不能單純的憑借個人的喜好去搭配顏色，而是需要充分考慮用戶在使用時的體驗。在產(chǎn)品設(shè)計色彩之初，首先應(yīng)該明確產(chǎn)品的內(nèi)容、性質(zhì)、特性，結(jié)合產(chǎn)品的目標客戶群，匹配合適的色彩。另外UI設(shè)計師要結(jié)合市場要素，了解產(chǎn)品是市場中的定位，利用視覺手段為產(chǎn)品開辟一條專屬的視覺營銷路線。

參考文獻

[1]李南南，淺析色彩心理在UI設(shè)計中的應(yīng)用，《大眾文藝》，2018（10）

[2]李時穎，UI設(shè)計中的色彩運用研究，《電腦知識與技術(shù)》，2016，12（31）：193-194

[3]曾俊蓉，UI界面設(shè)計中的色彩規(guī)劃，《藝術(shù)品鑒》，2016（3）

[4]趙偲，基于感性工學與色彩心理學的2.5維UI界面設(shè)計研究，南京航空航天大學，2009

（作者單位：安徽財貿(mào)職業(yè)學院）