淺談交互設計中的色彩應用

張婷屹

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

關鍵詞：UI設計；交互設計；色彩搭配；色彩規范

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

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

一、色彩的基本要素

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

二、色彩在UI設計中的應用

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

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

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

三、色彩在產品推廣中的作用

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

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

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

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

參考文獻

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

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

[3]曾俊蓉，UI界面設計中的色彩規劃，《藝術品鑒》，2016（3）

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

（作者單位：安徽財貿職業學院）