研究色彩心理學(xué)在UI界面設(shè)計中的應(yīng)用

戴文雅 葉方

摘要：從UI界面設(shè)計的發(fā)展來看，色彩是其中的重要部分，有效運用色彩可以在一定程度上對用戶的心理與行為產(chǎn)生影響，所以在進行UI界面設(shè)計的時候，必須要重視色彩的搭配，這樣才能有效提升IU界面設(shè)計的整體水平。為此，文中對色彩心理學(xué)、UI界面設(shè)計等進行了簡要分析，希望可以為提升UI界面設(shè)計水平的研究提供一點幫助。

關(guān)鍵詞：色彩心理學(xué)UI界面設(shè)計原則價值運用

中圖分類號：TB472

文獻標識碼：A

文章編號：1003-0069（ 2021） 08-0096-03

Abstract ： From the development of Ul interface design， color is an important part.The effective use of color can have an impact on the user's psychology and behaviorto a certain extent， so in the Ul interface design， we must pay attention to thecolor matching， so as to effectively improve the overall level of IU interface design.Therefore， this paper makes a brief analysis of color psychology and Ul interfacedesign， hoping to provide some help for improving the level of Ul interface design.

Keywords： Color psychology Ul interface design Principle

Value Application

前言

隨著現(xiàn)代網(wǎng)絡(luò)信息技術(shù)的不斷發(fā)展，在很大程度上使得數(shù)字媒體成為社會發(fā)展中的重要部分，而UI設(shè)計作為數(shù)字媒體中的關(guān)鍵內(nèi)容之一，是企業(yè)樹立品牌形象、提高產(chǎn)品功能水平、人機交互發(fā)展的重要工具。同時，UI界面也是現(xiàn)代藝術(shù)創(chuàng)新的一種形式，因此，UI界面設(shè)計需要在最大程度上達到不同用戶功能方面、審美方面的要求，才可以充分發(fā)揮UI界面設(shè)計的價值作用。而將色彩心理學(xué)、視覺思維等方面的相關(guān)知識運用到UI界面設(shè)計中，可以讓UI界面設(shè)計人員運用色彩來有效滿足用戶的需求、達到用戶視覺審美要求，從而有效提升UI界面設(shè)計工作整體的質(zhì)量水平。

一、色彩心理學(xué)的概念分析

從色彩心理學(xué)的內(nèi)容來看，色彩心理學(xué)涵蓋的范圍比較廣，會涉及到心理學(xué)、美學(xué)等多個學(xué)科的內(nèi)容，主要是研究色彩直觀視覺對人體心理的影響作用，而且在一切視覺活動中，不單只有肢體動作可以直接對人體的心理產(chǎn)生影響，色彩同樣也可以對人體心理產(chǎn)生比較直接的影響[1]。從相關(guān)研究報告來看，學(xué)者將色彩心理定義為人從對色彩的視覺感受轉(zhuǎn)變?yōu)樾睦砀惺艿恼麄€過程，人體會先從視覺方面對相關(guān)知識產(chǎn)生感應(yīng)，然后逐漸擴展到情感層面，最后在人體的心理上形成一定的思想概念、意識狀態(tài)與記憶內(nèi)容，整體的變化情況具有一定復(fù)雜性。大多數(shù)情況下，人們總是習(xí)慣性地將色彩劃分為冷色調(diào)系列、暖色調(diào)系列，而這通常是因為人們視覺受到冷色調(diào)、暖色調(diào)不同色彩影響而出現(xiàn)的一種物理性反應(yīng)情況[2]。UI界面設(shè)計中常見的色彩，見圖l。比如，黃色、橙色以及紅色等比較鮮艷亮麗的色彩會讓人體驗到溫情、暖意的情感，而綠色、藍色、紫色等大多都會讓人體驗到一定的寒冷感受，這就是不同顏色帶給人不同冷暖反應(yīng)的表現(xiàn)。同時色彩大多都有一定的強弱感、輕重感、興奮感、沉靜感等，大部分高明度的顏色會讓人體會到輕感，而低明度則會帶給人重感，而對比度比較大、純度比較高的色彩會給人的視覺帶來比較強烈的感覺，而人體之所以會有這種感覺，就是收到色彩的影響，從而產(chǎn)生了心理錯覺的情況，也就是色彩對人體心理感受產(chǎn)生了直接作用。此外，色彩也可以對人體心理產(chǎn)生間接反應(yīng)，也就是色彩具有一定的聯(lián)想性，會讓人聯(lián)想到相關(guān)事物，比如，很多人在看到紅色的時候會聯(lián)想到血?？吹骄G色的時候會聯(lián)想到草地，這就是人體心理受到了色彩間接作用的影響，所以說色彩可以在一定程度上影響人們的主觀意識變化。

二、UI界面設(shè)計的概念

UI界面設(shè)計，主要包括了軟件中的人機交互設(shè)計、操作邏輯設(shè)計、界面美觀設(shè)計等方面，常用于互聯(lián)網(wǎng)中，泛指不同物體之間的接觸面，包括人、物品等進行互動操作的界面，比如車輛中的用戶界面就包括了方向盤、儀表盤以及中控等，還有手機解鎖時的界面包括了設(shè)置、時間、鬧鈴、日歷等，在實際的UI界面設(shè)計工作中會涉及到用戶方面、交互設(shè)計方面以及界面設(shè)計方面的研究。UI界面可以實現(xiàn)信息的收集與反饋、輸入和輸出操作，這主要是因為人和軟件產(chǎn)品之間發(fā)生了交互行為，實現(xiàn)了人類與虛擬產(chǎn)品之間的有效互動，用戶可以利用界面匹配的信息來進行軟件產(chǎn)品內(nèi)部的運行，這就使得UI界面設(shè)計需要一定的便捷性，才能有效適應(yīng)用戶的認知習(xí)慣與行為習(xí)慣。同時，在較高水平質(zhì)量的界面中，會讓用戶與軟件系統(tǒng)之間進行更為自然的交流互動操作，并讓用戶沉浸在其中，因此，需要有效提升UI界面設(shè)計的整體質(zhì)量水平，才能充分發(fā)揮UI界面設(shè)計的價值作用。此外，在進行UI界面設(shè)計的時候，需要有效突出界面的一致性，才能讓界面設(shè)計的風格符合產(chǎn)品內(nèi)容，而且還要充分運用各種色彩，重視色彩對用戶的影響作用，有效利用色彩色調(diào)來改進并優(yōu)化UI界面設(shè)計，將整體UI界面設(shè)計的藝術(shù)性、功能性、美觀性進行有效升級，才能有效滿足用戶的使用需求，將UI界面的價值最大化。

三、UI界面設(shè)計原則分析

界面具有一定的相互傳遞作用，可以實現(xiàn)信息之間的傳播與共享。隨著網(wǎng)絡(luò)信息的不斷發(fā)展，用戶界面設(shè)計也逐漸發(fā)展起來，可以讓人們在溝通、交流的過程中，在自然與舒服的狀態(tài)下完成信息之間的交流互動，同樣也是現(xiàn)代網(wǎng)絡(luò)與手機媒體中的重要部分[3]。

（一）易用性方面

用戶與機器主要是借助界面進行溝通，用戶可以利用界面在最短時間內(nèi)了解并掌握需要的內(nèi)容，因此，在進行UI界面設(shè)計的時候需要將用戶易用性作為基礎(chǔ)原則，這樣才能在最大程度上帶給用戶良好的體驗感，提升用戶使用界面時的便捷程度、舒適程度，同時有效達到用戶使用習(xí)慣、行為習(xí)慣等方面的需求[4]。

（二）可視性方面

界面需要具備一定的具體視覺形式，這樣才能讓用戶借助視覺有效地、直觀地了解到設(shè)計人員需要表達的信息，如圖2。因此，在進行UI界面設(shè)計的時候，需要堅持用戶可視性原則，從而有效提升用戶整體的體驗水平。

（三）連貫性方面

相關(guān)人員在開展UI界面設(shè)計工作的過程中，需要有效考慮到設(shè)計界面的連貫性，在最大程度上保證用戶了解產(chǎn)品信息的準確性、有效性、快速性，同時帶給用戶較好的體驗感受[5]。所以UI界面設(shè)計人員需要保證視覺元素的統(tǒng)一，確保整體的設(shè)計達到了預(yù)期設(shè)計理想目標，在最大程度上提升信息與用戶之間的交互性，同時還需要將對應(yīng)的客戶群體進行有效劃分，并對不同客戶群體進行相關(guān)研究分析，從而保證UI設(shè)計界面可以有效滿足大部分用戶的使用要求。

四、UI界面設(shè)計中色彩的運用價值分析

色彩可以有效豐富人類的日常生活與情感體驗，給予生活新的活力，并讓人類的情感體驗更加豐富、飽滿[6]。在實際的UI界面設(shè)計過程中，如果只有單一的語言設(shè)計，只能讓界面起到簡單傳達信息的作用，不能讓用戶在使用界面的時候融入一定的情感，會大大減少界面對用戶的吸引力，同時也會讓界面設(shè)計缺乏一定的藝術(shù)感與美感，而將色彩運用到UI界面設(shè)計過程中，可以有效豐富界面的信息，利用界面來有效吸引用戶并加深用戶界面的印象，提升用戶查看界面信息的速度與時間，在最大程度上實現(xiàn)人類視覺與精神情感的有效融合[7]。

（一）提供一定的認知體驗

根據(jù)相關(guān)研究報告，在進行信息傳遞的時候，顏色可以對人體的感官產(chǎn)生一定的影響作用，讓人們從顏色中了解到一定的信息，而且人們在獲取信息的時候，有很大一部分都是利用顏色進行視覺感知的，只有很少一部分是通過形體感知方式獲得相關(guān)信息。視覺形體感知包括了事物的具體位置、所處的空間、事物的外表形狀、具體的個體情況等，而這些都可以借助色彩明度、暗度之間的對比變化表現(xiàn)出來。因此，在一定程度上可以說，人們在了解世界上各種事物的時候，大部分是通過視覺感官進行的，事物信息通過人體的視覺感官傳遞到大腦，導(dǎo)致大腦產(chǎn)生對應(yīng)的認知與感受。人體需要先從視覺上體會到一定信息才能產(chǎn)生相關(guān)感受，而色彩視覺又需要已存在的感知經(jīng)驗作為基礎(chǔ)，人的視覺感知可以直接對自身的色彩感知經(jīng)歷發(fā)生影響作用，聯(lián)系、回憶到相關(guān)事物，同時還會影響人自身的經(jīng)驗與頭腦感受、行為。有人類的地方，色彩的作用就會體現(xiàn)在生活中的各個角落，可以在很大程度上引起人與人之間的共鳴。而且人類可以有效運用視覺來辨識色彩、判斷色彩，不同明度的色彩可以影響用戶的界面操作，因此，用戶界面具有信息與信息交流的作用，用戶可以從界面信息中了解到豐富多彩的內(nèi)容，尤其是現(xiàn)代很多企業(yè)用戶都是將界面與色彩進行有效結(jié)合，從而達到企業(yè)樹立品牌形象的目的;旅游方面的用戶，通常都會運用色彩來傳播分享不同的、真實的景色;時裝方面的用戶會利用色彩來進行裝飾信息、服裝信息的傳遞;網(wǎng)絡(luò)游戲方面的用戶會利用色彩來增強界面的空間立體性。所以，在UI界面設(shè)計工作中運用色彩可以有效提升整體的質(zhì)量水平，還可以有效將相關(guān)客觀事物以更加直觀的形式表達出來，同時還能實現(xiàn)各種信息的有效傳播。

（二）積極調(diào)動人們的情感

從UI界面設(shè)計工作的發(fā)展來看，人類對色彩的心理情感可以從傳達視覺形象中體現(xiàn)出來，有效表達出視覺元素的情感，并在很大程度上提高用戶界面的感知性，有效豐富用戶界面內(nèi)容的含義，提升用戶界面信息層次感。人與人之間會因為個人知識經(jīng)驗不同等方面的影響，使得每個人的色彩感知情況存在差異性，尤其是不同文化背景下、個人喜歡不同事物的情況下，在長期的生活中已經(jīng)形成了個人特有的色彩理解，不同顏色、或是相同顏色都會帶給人不同的感受，比如甜美感、快樂感、樸素感、華麗感、輕松感等。因此，色彩對人的作用會受到自身具體情況的影響，不能一概而論，而且色彩對人的影響還會受到特定環(huán)境、當下心里狀態(tài)等多個因素的干擾。例如淘寶U設(shè)計，每一次重大節(jié)日時所采用的圖標顏色便會發(fā)生變化，而全部宣傳廣告顏色也全部換成了一致的“亮色”。當消費者打開淘寶界面時便能夠清楚地了解到淘寶正在開展什么活動，對于常年使用淘寶的人而言，顏色成為了其迅速識別淘寶活動的關(guān)鍵性元素，這充分反映了色彩對客戶情感的影響。

（三）充分發(fā)揮色彩的藝術(shù)價值

從UI界面設(shè)計方面來看，要讓UI設(shè)計界面滿足藝術(shù)設(shè)計的要求，實現(xiàn)藝術(shù)的創(chuàng)新，就需要將UI界面設(shè)計整體的美感進行有效提升，同時還需要充分運用各種設(shè)計方式強化界面的功能，包括滿足人們審美方面、便捷方面、簡易方面的要求。而將色彩心理學(xué)運用到UI設(shè)計界面中，可以有效提升整體的藝術(shù)性與美觀性，將色彩的藝術(shù)價值最大化，有效實現(xiàn)界面功能與審美藝術(shù)的有效結(jié)合，從而提升UI界面設(shè)計的整體水平。例如，微信廣泛運用于我們的生活中，深度運用色彩心理學(xué)知識，操作界面統(tǒng)一采用白色背景，給人一種干凈的感覺，再配以黑色字體，醒目地呈現(xiàn)信息，不會影響視覺。同時，最下方的幾個標簽在未選中和選中的狀態(tài)時分別是黑色和淺綠色，其是最佳色彩搭配，不僅較為醒目，而且色彩過渡比較自然，因此用戶體驗感較強。

五、UI設(shè)計界面中色彩心理學(xué)的具體運用

隨著現(xiàn)代科學(xué)技術(shù)的不斷進步與發(fā)展，在很大程度上使得人類生活越來越離不開智能設(shè)備，而智能設(shè)備中必不可少的就是界面，UI界面的設(shè)計可以帶給用戶一定的視覺刺激感受，同時，隨著智能設(shè)備運用范圍越來越廣，社會大眾對界面設(shè)計也有了新要求，這在一定程度上提升了UI界面設(shè)計工作的難度[8]。但是從相關(guān)研究報告來看，在UI界面設(shè)計的過程中運用色彩心理學(xué)，可以從用戶的使用心理出發(fā)，將色彩對用戶的影響力進行最大發(fā)揮，將色彩的情感特點、社會性、自然屬性等有效體現(xiàn)到界面設(shè)計中，可以在最大程度上將色彩與UI界面設(shè)計審美進行有效結(jié)合[9]。因此，相關(guān)人員在進行UI界面設(shè)計工作的時候，要有效運用色彩心理學(xué)，從而有效增強界面的各種功能，同時有效提升界面設(shè)計整體的美觀性與藝術(shù)性，將整體的UI界面設(shè)計水平提升到新高度。

（一）色彩原理運用方面

由于人類會受到多個方面的因素影響，使得色彩對每個人的影響作用會有一定區(qū)別，因此，相關(guān)人員在進行UI界面設(shè)計的時候，需要綜合考慮到各個方面的因素，從人類基本活動方式、生物結(jié)構(gòu)、色彩感知共鳴等方面的情況，有效運用色彩原理來開展UI界面設(shè)計工作。比如，色彩中的紅色、藍色與黃色是基礎(chǔ)三原色，可以將這三種顏色進行隨意搭配，可以創(chuàng)造出新的顏色，但是這三種顏色不能通過其他顏色混合產(chǎn)生，因此，在進行UI界面設(shè)計的時候，需要注意這三種顏色的運用。同時色彩原理中還包括了顏色的暗度、明度、顏色值等，在進行UI界面設(shè)計的時候，可以先選定某種顏色，然后在其中增加白色色調(diào)，從而改變原來的顏色色調(diào)，讓界面變得更加柔和，也可以增加黑色，讓陰影效果來調(diào)暗色彩，而且在界面中增加第二色或者第三色的時候，整體的色調(diào)會發(fā)生變化，如果界面的色調(diào)變得比原來淡，那么界面整體的亮度與強度都會降低，而添加新色調(diào)后，陰影與新色調(diào)之間又會擴展出新的色輪，此外，在進行單色配色設(shè)計的時候，要注意不同色調(diào)與色調(diào)之間的顏色搭配，在相似的配色設(shè)計中，需要選擇色輪中的相鄰顏色，比如紅色、黃色與橙色就屬于相鄰顏色。同時，在UI解界面設(shè)計中進行顏色配對的時候，可以選擇具有互補性質(zhì)的顏色讓整體界面更具和諧性，讓這種對立的顏色來吸引用戶，而互補性質(zhì)的顏色主要產(chǎn)生于色輪相反側(cè)的不同顏色，在運用互補色的時候，會出現(xiàn)明亮的、高對比度的顏色組合，比如紅與綠、黃與紫、橙和藍等顏色都屬于互補組合顏色，這樣會讓界面整體顯得比較大膽，還有，在UI界面設(shè)計的過程中，需要添加第三種顏色，同時需要降低配色整體的強度時，可以將配色進行互補拆分，將某種顏色當做基礎(chǔ)色彩，然后

選擇這種色彩旁邊的補色，從而保證整體畫面的協(xié)調(diào)性。

（二）提升介面功能性

當用戶在網(wǎng)頁中填寫相關(guān)信息的時候，如果字段不足，經(jīng)常會有錯誤信息提示，并且是用紅色表示的，而當信息輸入正確的時候，經(jīng)常會出現(xiàn)相關(guān)信息提示操作正確，引導(dǎo)下一步操作，而且大部分都是運用綠色字體表示的，由此可以看出，顏色可以指導(dǎo)用戶進行正確操作，掌握正確使用產(chǎn)品的方法，同時還能有效借助心理學(xué)來增強用戶的情感認知，比如，綠色表示可以，紅色表示錯誤與不好。而且，除了紅色以及綠色可以對用戶產(chǎn)生心理影響，色輪也能將溫暖、涼爽等顏色情感進行有效轉(zhuǎn)換，人們經(jīng)常會把冷色調(diào)的顏色與平靜、和平等情感進行聯(lián)系，比如藍色;同樣人們也會把暖色調(diào)與溫暖、活力與激情等情感聯(lián)系在一起，比如紅色。而且，顏色會在一定程度上影響人們對產(chǎn)品的判斷，很多用戶會用藍色來判斷對產(chǎn)品的信任度、安全性等，會將紅色用于感受產(chǎn)品的速度效果，會用黑色判斷產(chǎn)品的質(zhì)量水平，會用橙色來評判產(chǎn)品的便宜程度。此外，設(shè)計師在進行界面設(shè)計的時候，還需要注意顏色偏好的影響，比如，大部分兒童都對黃色比較感興趣，年齡稍微大一點的群體會對藍色、綠色以及紫色等比較感興趣;而且文化之間的差異也會讓同一種色彩產(chǎn)生不同的影響，比如白色對于西方人們來說表示幸福、純潔，但是在亞洲白色有死亡的意思;大部分男性對大膽的顏色比較感興趣，很多女性會被比較柔和的顏色吸引住;藍色幾乎是所有群體都會比較愿意接受的顏色;棕色與橙色對于大部分人來說都是不愿意選擇的;很多人在選擇產(chǎn)品的時候比較偏向于冷色調(diào)等。

結(jié)語

生活中很多設(shè)計物品都會運用到色彩心理學(xué)，包括商品包裝方面、室內(nèi)設(shè)計方面、服裝服飾方面等，都充分體現(xiàn)了色彩對人類的影響。而UI界面是用戶獲取、交換網(wǎng)絡(luò)信息的重要工具，將色彩心理學(xué)運用到UI界面設(shè)計中，可以將各種各樣的知識信息進行有效劃分，充分將界面中的主要信息突顯出來，讓用戶可以在最短時間內(nèi)快速獲得相關(guān)信息，同時還能通過有效的色彩搭配來對用戶的視覺造成一定刺激，有效吸引用戶并加深用戶對界面的印象，將UI界面設(shè)計的情感與藝術(shù)水平進行有效提升，帶給用戶更加舒適的體驗，從而不斷推動UI界面設(shè)計的進步與發(fā)展，延長軟件的使用期限，強化軟件市場的競爭力，并為智能時代的發(fā)展做好一定準備。

參考文獻

[1]賀茂恩，盧鵬羽，朱俊飛色彩心理學(xué)在UI界而設(shè)計中的研究[J]通訊世界，2018，8（1）：333

[2]閆文喆色彩心理學(xué)在UI設(shè)計中的應(yīng)用研究[J]數(shù)碼設(shè)計（上），2020，9（1）：4

[3]王桂霞，趙洪文基于UI界而設(shè)計中色彩應(yīng)用研究[J].新媒體研究，2018，4 （22）：52-53

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

[5]鄧天昱淺談色彩心理學(xué)在交互設(shè)汁中的運用[J]魅力中國，2020（49）： 21-22

[6]何浩基于色彩心理學(xué)的UI設(shè)計研究[J]中國新通信，2015 （9）：11-11

[7]劉寶麗，孫麗娟，何燕紅，等UI界而設(shè)計[J]商情，2020（33）：191

[8]李南南淺析色彩心理在UI設(shè)計中的應(yīng)用[J].火眾文藝，2018（10）：106-107

[9]趙鵬程淺析移動應(yīng)用UI設(shè)計中色彩的使用[J].福建質(zhì)量管理，2017 （17）：210

[lO]孫雄飛，吳祜昕基于用戶心理模型的短視頻類APP界而設(shè)計研究——以快手為例[J].設(shè)計，2021，34 （04）：48-50

[l1]門麗君，田鎮(zhèn)教育均衡背景下幼兒園室內(nèi)空間色彩策略研究[J].西部皮革，2019，4l （22）：141

[12]陳星海，楊煥“翻轉(zhuǎn)課堂2.0”教學(xué)模式在高校數(shù)字媒體藝術(shù)設(shè)計課程中的實施路徑研究[J].設(shè)計.2020，33（13）：124-126

[13]鄖慧敏基于老年用戶認知與反應(yīng)特征的智能產(chǎn)品交互界面設(shè)計研究——以家用血壓儀為例[J].設(shè)計，2020，33 （01）：79-81

[14]張碧云，馮佳森色彩心理學(xué)意義的繪畫藝術(shù)治療探析——以焦慮癥為對象[J]浙江工業(yè)大學(xué)學(xué)報（社會科學(xué)版），2019，18（03）：339-343

[15]陳康淺談色彩心理學(xué)于教學(xué)視頻中土講教師特寫鏡頭中的使用[J]傳播力研究，2019，3（24）：252