論UI設(shè)計(jì)中的色彩心理學(xué)運(yùn)用

修德旭

摘要：UI設(shè)計(jì)（user interface design）也就是我們所說(shuō)的用戶(hù)界面設(shè)計(jì)，從界面的美觀度、操作的邏輯度上面來(lái)進(jìn)行整體的設(shè)計(jì)，使軟件變得更有個(gè)性，以便于用戶(hù)在操作的時(shí)候更加舒適和簡(jiǎn)單，充分體現(xiàn)軟件的定位和特點(diǎn)。隨著現(xiàn)代信息化社會(huì)智能設(shè)備的發(fā)展，消費(fèi)者不再僅僅只滿(mǎn)足于智能設(shè)備和軟件的功能要求上，對(duì)軟件的使用方便度和舒適度上也有更高的要求。那么，怎么樣通過(guò)好的UI設(shè)計(jì)來(lái)對(duì)用戶(hù)進(jìn)行行為影響，是UI設(shè)計(jì)工作者需要重點(diǎn)關(guān)心的問(wèn)題。本文主要分析了UI設(shè)計(jì)中的色彩心理學(xué)運(yùn)用，希望UI設(shè)計(jì)能有更進(jìn)一步的發(fā)展，為用戶(hù)提供更好的體驗(yàn)服務(wù)。

關(guān)鍵詞：UI設(shè)計(jì) 色彩心理學(xué) 人機(jī)交互

中圖分類(lèi)號(hào)：J0-05 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1008-3359（2017）08-0177-02

在當(dāng)今社會(huì)，智能電子設(shè)備在人類(lèi)生活中所占的比重越來(lái)越大。在智能技術(shù)快速發(fā)展的今天，產(chǎn)品功能所需要的信息量也愈來(lái)愈立體化。在競(jìng)爭(zhēng)激烈的當(dāng)今市場(chǎng)環(huán)境下，計(jì)算機(jī)軟件系統(tǒng)、手機(jī)、電腦等智能設(shè)備的核心功能也需要不斷的改進(jìn)和創(chuàng)新。但是我們?cè)陉P(guān)注于軟件和智能設(shè)備核心功能研發(fā)的同時(shí)，也要考慮其用戶(hù)界面怎么樣去設(shè)計(jì)更能體現(xiàn)操作的舒適性和客戶(hù)的接受度，只有這樣我們研發(fā)的系統(tǒng)才更符合用戶(hù)的體驗(yàn)需求。

一、緒論

21世紀(jì)是信息的時(shí)代，在國(guó)際上，信息產(chǎn)業(yè)已經(jīng)成為了推動(dòng)經(jīng)濟(jì)發(fā)展的領(lǐng)導(dǎo)者，隨著全球數(shù)字技術(shù)的廣泛應(yīng)用和發(fā)展，UI設(shè)計(jì)的成功也成為數(shù)字產(chǎn)品成功的更重要一部分。好的UI設(shè)計(jì)界面能減少人機(jī)距離感，提高用戶(hù)好感度，提高工作效率，產(chǎn)生一定的經(jīng)濟(jì)效益。

UI設(shè)計(jì)是藝術(shù)的創(chuàng)新設(shè)計(jì)，通過(guò)對(duì)用戶(hù)界面的設(shè)計(jì)來(lái)達(dá)到用戶(hù)對(duì)于功能需求的同時(shí)，也能滿(mǎn)足用戶(hù)對(duì)于審美的需求，通過(guò)對(duì)視覺(jué)思維、心理學(xué)、人體工程學(xué)等不同學(xué)科的研究，設(shè)計(jì)者從各個(gè)方面不斷的改善用戶(hù)的操作體驗(yàn)。隨著UI設(shè)計(jì)中對(duì)視覺(jué)傳達(dá)規(guī)律的運(yùn)用，“原質(zhì)化”設(shè)計(jì)成為更為主流的設(shè)計(jì)趨勢(shì)。原質(zhì)化設(shè)計(jì)更為現(xiàn)代主義，通過(guò)簡(jiǎn)潔、單純的色塊的組合與運(yùn)用幫助用戶(hù)更好地理解與使用產(chǎn)品本身。只有正確了解用戶(hù)的需求、理解用戶(hù)的視覺(jué)習(xí)慣思維，才能設(shè)計(jì)出用戶(hù)滿(mǎn)意的產(chǎn)品。視覺(jué)思維在用戶(hù)體驗(yàn)效果中十分重要，是進(jìn)行人機(jī)交互的前提條件，而在UI設(shè)計(jì)中運(yùn)用加入色彩心理學(xué)，能通過(guò)色彩的視覺(jué)刺激的特點(diǎn)來(lái)對(duì)人們情感、心理等主觀或象征意識(shí)產(chǎn)生影響。

二、色彩心理學(xué)

我們大家所理解的色彩心理學(xué)它包含了美學(xué)、心理學(xué)等多種學(xué)科范圍，它是由人們對(duì)色彩的直觀視覺(jué)上產(chǎn)生某種心理的感應(yīng)，在所有和視覺(jué)相關(guān)的活動(dòng)中，色彩是除形體動(dòng)作以外，最能直接影響人們心理的一種方式。有心理學(xué)家研究指出，人類(lèi)對(duì)于色彩的視覺(jué)向心理的反應(yīng)系統(tǒng)就稱(chēng)為色彩心理，首先從視覺(jué)開(kāi)始影響知覺(jué)后進(jìn)行感情延伸，最終形成記憶、思想、主觀意志乃至與潛意識(shí)中的具象象征，這一演化過(guò)程是非?？b密和復(fù)雜的[1]。

在我們對(duì)于色系的分類(lèi)上，我們通常會(huì)將色彩分成“冷色系”與“暖色系”兩部分，人們對(duì)于冷暖的物理性反應(yīng)是因?yàn)樯实拇碳ざa(chǎn)生某種心理的直接效應(yīng)，就像我們?cè)诳吹郊t色和橙色、黃色等會(huì)產(chǎn)生溫暖感，看到紫色、藍(lán)色、綠色等色彩會(huì)產(chǎn)生寒冷感這些生理反應(yīng)，這就是由色彩帶給我們的冷暖感；色彩具有輕重感，明度較高的給人輕感，明度較低的給人重感；色彩具有強(qiáng)弱感，純度較高、有色彩系、對(duì)比度大的相對(duì)而言具有強(qiáng)感；色彩還具有興奮和沉靜感，這就是由色彩帶給我們的心理錯(cuò)覺(jué)，也就是色彩對(duì)心理感應(yīng)的直接性。色彩也間接性的影響心理感應(yīng)，也就是我們所說(shuō)的色彩的聯(lián)想性，它是指因?yàn)樯实囊曈X(jué)效果而造成的心理聯(lián)想。就比如說(shuō)我們看到紅色會(huì)想到血，看到藍(lán)色會(huì)想到天空，看到綠色會(huì)想到草地等等一樣，這就是因?yàn)樯识a(chǎn)生的聯(lián)想[2]，通過(guò)對(duì)色彩的聯(lián)想而進(jìn)一步影響到人們的主觀意識(shí)。

三、UI設(shè)計(jì)中的色彩心理學(xué)運(yùn)用

一個(gè)UI界面總是借助圖形化的外觀直接作用于客戶(hù)的視覺(jué)系統(tǒng)。用戶(hù)接觸一個(gè)UI界面，看到的往往是一個(gè)由底色、其他幾何色塊、圖標(biāo)、按鈕等元素構(gòu)成的圖形符號(hào)系統(tǒng)。用色彩可以非常直觀的凸顯出背景、導(dǎo)航欄、狀態(tài)欄，按鈕等構(gòu)成元素，并顯示出UI界面的邏輯架構(gòu)。UI界面雖然是個(gè)復(fù)雜的視覺(jué)圖形系統(tǒng)，但通過(guò)主色調(diào)、輔助色、裝飾色之間的對(duì)比調(diào)和關(guān)系會(huì)呈現(xiàn)出明顯的風(fēng)格傾向。用不同的色系或者同色系色彩之間的對(duì)比與調(diào)和關(guān)系，可以塑造出不同的界面風(fēng)格。如適合男生的金屬質(zhì)感的黑色、灰色、藍(lán)色系，女生喜歡的夢(mèng)幻甜美色系、糖果色系。因?yàn)樯实牟煌?，用?hù)會(huì)產(chǎn)生不同情感的心理活動(dòng)，界面風(fēng)格定位與品質(zhì)已經(jīng)成為用戶(hù)體驗(yàn)中最重要的部分之一[1]。

在界面設(shè)計(jì)中設(shè)計(jì)師們都會(huì)運(yùn)用到色彩心理學(xué)所涉及的知識(shí)，一般主色調(diào)最常用到的顏色是：藍(lán)色、紅色，不同的顏色所代表的情感也是不同的，例如：紅色代表熱情和自信，在UI設(shè)計(jì)中運(yùn)用紅色更具有激情感，也更為搶眼；黑色代表低調(diào)和權(quán)威，是大部分的高管人士所喜歡的顏色，黑色能讓整個(gè)畫(huà)面看起來(lái)更有沉淀感，顯得更加專(zhuān)業(yè)；灰色所代表的是認(rèn)真和沉穩(wěn)，運(yùn)用在UI設(shè)計(jì)中，更加能表現(xiàn)產(chǎn)品的智能和認(rèn)真的感覺(jué)；棕色系代表平和和友善，一般用于輔助色調(diào)，使界面更加豐富，同時(shí)帶給用戶(hù)平靜和親切的感覺(jué)；橙色代表親切和陽(yáng)光，在界面中的運(yùn)用讓用戶(hù)感到安心和溫暖的感覺(jué)；藍(lán)色是代表希望和信賴(lài)，據(jù)相關(guān)調(diào)查顯示，幾乎所有人都能接受藍(lán)色，它也是在界面設(shè)計(jì)中運(yùn)用得最廣的顏色，許多的產(chǎn)品都會(huì)運(yùn)用藍(lán)色為主色調(diào)。在UI設(shè)計(jì)中能正確運(yùn)用色彩對(duì)于情感的表達(dá)，能讓用戶(hù)得到更好的體驗(yàn)，也能有效的表達(dá)產(chǎn)品的目的。

視覺(jué)是人們先天性的感知能力，而色彩是視覺(jué)感知的主要因素之一，人們通過(guò)眼睛所看到的視覺(jué)效果，通過(guò)大腦產(chǎn)生視覺(jué)思維，從而影響到人們對(duì)于該物體的接受度。在UI的設(shè)計(jì)過(guò)程中，色彩是設(shè)計(jì)的要點(diǎn)，在色彩的選擇、合理的搭配、宣傳效果和心理效果方面，必須保持界面圖表設(shè)計(jì)風(fēng)格的一致性，UI界面的色彩要著重色彩組合風(fēng)格的統(tǒng)一、色彩分布的平衡、色彩搭配的和諧以及色彩對(duì)比的強(qiáng)調(diào)性，這對(duì)提高智能設(shè)備和軟件的推廣率有著重要的意義。

UI設(shè)計(jì)的第一步就是要找出用戶(hù)真正想要表達(dá)的目的，這一切都可以在對(duì)用戶(hù)提出的要求進(jìn)行分析后通過(guò)色彩表達(dá)出來(lái)，在進(jìn)行UI設(shè)計(jì)時(shí)，我們要根據(jù)用戶(hù)使用產(chǎn)品的情景選用合適的色彩，來(lái)幫助用戶(hù)達(dá)成目標(biāo)。充分掌握色彩對(duì)于人們心理的影響，將用戶(hù)界面視覺(jué)設(shè)計(jì)中的色彩和所帶來(lái)的心理效應(yīng)聯(lián)系起來(lái)，為特定的設(shè)計(jì)提供合適的色彩方案 。此外，UI界面中，考慮到電子設(shè)備的顯示特點(diǎn)。背景色要與圖標(biāo)色彩之間至少有5.38以上的對(duì)比差，才能夠易于區(qū)分。不同的色彩飽和度、對(duì)比度和亮度也能產(chǎn)生不同的效果。在UI設(shè)計(jì)中，相關(guān)聯(lián)的內(nèi)容設(shè)計(jì)師可以采用相近的顏色，這樣更有利于客戶(hù)進(jìn)行選擇和判斷，還有一些特殊人群，如紅綠色盲人群，由于特殊視覺(jué)需求而需要進(jìn)行特別的配色設(shè)計(jì)。

四、結(jié)語(yǔ)

隨著人類(lèi)科技的不斷發(fā)展，人機(jī)交互式的智能設(shè)備和軟件應(yīng)用于人們生活的各個(gè)方面，作為首先為人們帶來(lái)視覺(jué)刺激的用戶(hù)界面設(shè)計(jì)，用戶(hù)也提出了更高的要求，越來(lái)越多的智能設(shè)備及軟件的開(kāi)發(fā)者也更加關(guān)心色彩視覺(jué)對(duì)于用戶(hù)的心理和使用感受方面的影響，對(duì)于智能系統(tǒng)與軟件的要求也更多的關(guān)注于UI設(shè)計(jì)所帶來(lái)的心理暗示，這樣的一些心理暗示往往來(lái)源于色彩等直接視覺(jué)元素，將色彩心理學(xué)運(yùn)用到用戶(hù)界面設(shè)計(jì)的視覺(jué)設(shè)計(jì)中去，通過(guò)色彩的視覺(jué)傳達(dá)作用幫助用戶(hù)更好地理解與使用產(chǎn)品本身。

參考文獻(xiàn)：

[1]李時(shí)穎.UI設(shè)計(jì)中的色彩運(yùn)用研究[J].電腦知識(shí)與技術(shù)，2016，（31）：193-194.

[2]李婧.論UI設(shè)計(jì)中色彩的應(yīng)用[J].美與時(shí)代（上），2016，（07）：59-61