淺談軟件UI的色彩情感

沈　強?。ㄌ旖螂娮有畔⒙殬I技術學院　300350）

淺談軟件UI的色彩情感

沈強（天津電子信息職業技術學院300350）

色彩相對于圖形和文字等視覺元素更具有直觀性和感染性，尤其是在智能設備功能已經同化的背景下，如何利用UI設計擴大市場占有率已經成為眾多開發者關注的焦點。所以本文先分析了色彩對軟件UI設計的影響，然后詳細分析了色彩情感在軟件UI設計中的應用。

軟件UI；色彩；情感

適當的色彩設計不僅可以增強用戶體驗，還能刺激用戶視覺感受。現代UI設計師在設計軟件時，都會根據實際的軟件功能和用戶需求選擇恰當的色彩搭配，以方便用戶使用，并完善軟件界面設計?？傊侠砝蒙实拿鞫戎?、對比度和飽和度等屬性，可以很好的展現軟件圖標、按鈕等功能，提高軟件的適用性和舒適性。

一、色彩對軟件UI設計的影響

1.色彩的心理效應

色彩的心理效應分為兩類，一是直接性心理效應。二是間接性心理效應。通常設計師在設計軟件界面時需要考慮用戶群體的審美心理，然后再根據不同色調的不同作用設計出合理、準確的人性化操作界面。

直接性心理效應是指人們對色彩的直接性刺激產生的心理反應，包括人們的情感、情緒、思想。在軟件UI的設計中，如何充分發揮色彩的感染力和視覺作用，以使人們達到一種舒適、愉悅的心理享受是眾多UI設計師研究的重點內容。如紅色，是一種非常靚麗的色彩，很容易吸引人們的注意力。這也就是紅色用在交通信號燈上的重要原因。另外，紅色還能給人們留下一種喜慶的感覺。

間接性心理效應是指在直接性感受到基礎上，產生的一種聯想的心理效應。一般分為具體聯想和抽象聯想，如看到紅色，會聯想到婚禮、血等事物，這就是具體的聯想，如果看到紅色聯想到熱情，就是抽象的聯想。相比于直接性心理效應，間接性心理效應的心理感受更為強烈。

2.色彩設計原則

根據不同色彩的不同作用，UI設計師在軟件UI設計中，應該遵循整體性、嚴謹性、協調性的原則。所謂整體性，就是指軟件UI界面的整體風格。一般都是大色塊為主要基調，小色塊為修飾，這樣才能使界面更具有觀賞性。而嚴謹性是指UI界面中應該具有重色或者相似色，使整體的UI界面色彩維持在一個平衡的狀態。UI界面設計最忌諱跳色，不同色系的顏色拼接在一起，只會降低界面的設計水平。當然，協調性強調的也是色彩的合理搭配。但嚴謹性的一個突出特點就是界面色彩設計中，應該添加重色作為背景框，這樣才能使界面顯得更加穩重。

二、色彩情感在軟件UI設計中的應用分析

1.用戶偏好

隨著我國軟件產業的快速發展，越來越多的軟件出現在人們的視野之中。從用戶偏好角度考慮，軟件UI的色彩需要根據軟件用途以及用戶的舒適要求進行設計。色彩情感應用在軟件UI中，不僅是軟件用戶群細化的結果，也是一種人性化設計理念的客觀需求。

如色彩主題設計已經成為現代軟件UI設計必不可少的一部分。色彩不僅能影響人們的視覺注意力，還能激發用戶的購買欲望。一般在軟件UI設計中，設計師會根據用戶的不同年齡、不同性別選擇合適的色彩。如對于年齡較小的兒童而言，吸引他們的注意力主要是利用五彩斑斕的顏色。而對于成年人來說，會選擇一些基本的色彩作為整體色調。同時針對性別的不同，也會選用不同色系的顏色。如手機App蜜芽、貝貝，這類的主要用戶是面向年輕媽媽群體，所以會選用粉色等溫暖的色調。另外，對于不同文化環境中成長起來的人們，其色彩選擇也有很大的差異，不同的地區推崇的顏色也是各不相同。如就整體而言西方國家偏好于色彩明度比較低純度較低，趨于理性的手機界面設計。所以設計師在選擇色彩時，應該考慮到用戶的偏好。

又如紅色具有刺激心血的緊迫感，常出現在清倉場景，而橙色的呼叫意味濃厚，用于創建下訂、購買、出售的行動，所以紅色和橙色一般用于購物網站或App的購買和支付按鈕，還會用于一些錯誤提示頁面，表示警示和提醒用戶注意。

2.行業需求

不同的色彩具有不同的心理效應。在軟件UI設計時，設計師也會根據實際的企業性質選擇合適的顏色作為整體色調，以突顯企業的特質。色彩也是用戶使用軟件時最先接觸到，感受到的。軟件整體呈現出來的感受是用戶選擇是否使用該軟件的一個重要依據。并且色彩在無意中，還能影響用戶的決策。

如代表理智、沉穩的藍色，在商業設計中應用非常廣泛。另外，根據文化背景的不同，藍色在商業設計中，還有另外一種含義，即強調科技，效率的商品或企業形象。一般科技、計算機、銀行等軟件UI中都會選用藍色作為基礎色調，并配中間色作為協調顏色。如酷狗軟件的手機客戶端界面分為登陸，個人中心，酷狗首頁，酷狗排行。其整體就是以藍色作為基本的色調，并利用扁平化設計更少的按鈕和選項使得界面干凈整齊，這樣用戶在使用時，會感覺更加直接、簡潔。并且藍色看起來更加清爽，不會給人們造成認知障礙。據有關色彩心理學測試顯示，幾乎沒有人對藍色反感。另外，藍色與其它顏色搭配時，要盡可能的減少色彩沖突。如選用灰色與藍色搭配，或者是選用紅、橙、黃色等暖色系色彩作為點睛色，可以使整個畫面具有夢幻感。總之，藍色與多種顏色相搭配，盡量選中一個作為主色讓畫面的顏色達到平衡。

3.合理搭配

當然，色彩并不是限定死的，并不是某些界面元素就必須選用某些顏色。在實際的軟件UI設計中，需要設計師深入了解用戶需求，并根據客戶要求定位產品的性質，以便于選擇最合理的色彩。

現在軟件UI的設計主流是以簡潔、準確為核心內容，并且在扁平化設計逐漸受到歡迎的背景下，如何選擇簡單的色調準確的表達出軟件的主要信息成為眾多UI設計師關注的焦點。另外，設計師需要注意的另一個問題是如何合理搭配顏色，以使軟件界面更加舒適。一般在搭配色彩時，設計師需要注意利用大塊的色彩烘托氣氛和主題，小塊的色彩用于點綴，豐富畫面。如軟件Big，其名稱就很容易讓用戶記住，而且其軟件整體是以朱紅色作為基本的色調，并標配灰色為輔助色彩。這樣做不僅能凸顯軟件整體的簡潔性，還會使用戶在使用后，對該產品具有很深刻的印象。

另外，設計師在軟件UI設計時，有時會選擇顏色漸變作為統一顏色的手段。如在色彩中顏色采用淺色，柔和而輕盈，也會顯得不夠穩定。采用深色，會顯得厚重高級，但容易沉悶。在界面設計時，在主色彩是淺色的情況下，適當補充些深色，能更好的平衡畫面。例如錘子手機的介紹界面，整體是以黑灰和白色為基調，所以在設計手機詳情頁介紹時，設計師選用的是黑白色，兩種顏色的手機作為設計元素。這樣做的好處是不僅可以平衡整體界面顏色頻率，還能增加用戶使用的舒適性。所以設計師在進行色彩搭配時，應該根據實際的用戶需求和軟件定位，這樣才能進行顏色的合理搭配。

4.配色

在軟件UI設計中，色彩的配色會影響到整個界面的表現。一個優秀的設計作品，它的色彩搭配首先必須是和諧、協調的，這樣才能讓人看起來賞心悅目。影響配色的主觀因素包括只關注色彩表象和搭配方法不夠系統兩個方面。首先設計師要明白的什么是色相和色調。色相是眼睛對不同光線下的物體產生的不同色彩感受。而色調是指因色彩透明度、飽和度不相同表現出來的不同色彩狀態。只有先理解這兩個概念，才能實現合理的配色。

如利用色相差，形成的配色方案。簡單的說就是同種色相形成個統一配色方案，或者是不同色相，色環上相鄰顏色形成的配色方案。根據主導色與輔助色的不同，色相差配色方案包括同色系主導、鄰近色主導、類似色主導、中差色主導、對比色主導、中性色主導、多色搭配下的主。如Twitter，就是一種以藍色為主導色的配色方案，界面中信息內容模塊，白色底代表用戶內容，淺藍色底代表回復內容，更深一點的藍色底代表可回復操作。又如，Facebook是利用色彩對比突出按鈕任務優先級。統一的深藍色系運用，傳播品牌形象。中間色綠色按鈕起到豐富頁面色彩的作用，同時也突出綠色按鈕任務層級為最高。深藍色吊頂導航打通整頁路徑，并有引導用戶向下閱讀之意。

又如利用色調形成的配色方案。它是指利用深色調和暗色調等類似色調搭配也可以形成同樣的配色效果。根據色彩的情感，色調形成配色方案包括清澈的色調、陰暗的色調、明亮色調、深暗色調、雅白色調，不同的色調會帶來人們不一樣的感受。如Tumblr，這是由同一或類似色調中的色相變化構成的配色類型，與主導色調配色屬于同類技法。區別在于色調分布平均，沒有過深或過淺的模塊，色調范圍更為嚴格。另外，該軟件UI 設計的另一個優點是能夠綜合運用靈活運用，整體界面是有主導色調，在布局例如重點圖標等是同色調配色。如目前比較流行的支付寶，其主色調在進過不斷的調整之后，選擇以深灰色作為背景色彩，以突顯整體界面設計的穩重性，然后利用白色作為按鈕，這樣更能體現整體界面的舒適感。更重要的是，整體界面設計的色調不超過三種，大多屬于中間色，總的來說，屬于一種深暗色調?？傊浖I設計師在選擇界面色彩時，應該根據軟件定位。另外，作為一名合格的軟件UI設計師，應該掌握配色的技巧，這樣才能在實際的應用，選擇合適的配色，使軟件更加受到用戶的歡迎。尤其是在各種軟件橫行的時代，不重視色彩的應用，不注重界面設計的重要性，勢必會遭到行業的淘汰。所以若要軟件更能受到用戶歡迎，UI設計師應該重視色彩情感的深刻內涵，并充分利用其特點，發揮出色彩對人們的影響。這不僅是我國軟件產業快速發展的必然結果，也是我國經濟發展的客觀需求。

綜上所述，色彩情感對于軟件UI的設計具有很重要的促進作用。恰當的色彩可以減少用戶使用難度，并提高界面的舒適性。所以軟件UI設計師應該遵循不同色彩的情感體驗，并結合用戶的實際體驗，設計合理的色彩界面，以提高軟件的受歡迎程度，從而促進軟件行業的快速發展。

[1]張美珍.淺析色彩在UI設計中的應用[J].設計，2014（7）.

[2]夏夢.UI設計中的色彩使用[J].大眾文藝，2015（11）.

[3]雷蕾.論UI設計中的色彩心理學運用[J].現代裝飾（理論），2015（8）.

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