基于色彩心理學的UI設(shè)計研究

何浩

【摘要】隨著信息時代的到來，數(shù)字產(chǎn)品正潛移默化地改變著我們的生活，逐步成為人們必不可少的一種生活方式，越來越多的人想要設(shè)計出優(yōu)秀的用戶界面（UI）。對于數(shù)字產(chǎn)品的用戶體驗，用戶界面設(shè)計往往起著決定性的作用，色彩則有著舉足輕重的地位。本文主要講解色彩的一些基本屬性以及色彩在Ul設(shè)計中的應(yīng)用，以及對色彩心理學在UI設(shè)計中的原理以及方法進行相應(yīng)研究。

【關(guān)鍵詞】用戶界面 色相 色彩心理

一、認識色彩

色彩的色相、明度和純度是影響色彩呈現(xiàn)效果的關(guān)鍵要素。因此，了解這三個色彩的屬性在UI設(shè)計中顯得尤為重要。

1.1 色相

先淡色相的原因有很多，最重要的是色相是色彩的首要特征，是一種用來區(qū)別各種不同顏色的最好的標準。通常，我們在口語中會把色相叫做顏色，事實上，除了黑白灰以外的其他所有顏色都具有色相的屬性。

1.2 明度

色彩明度，是指色彩亮度，所有顏色都存在明暗變化。紫色明度最低，黃色明度最高，故而一種中等高度的藍色的明度很可能跟暗黃色的明度是相同的。在UI設(shè)計中，高明度色彩讓使畫面顯得相當明亮，使人感覺寒冷或涼爽，而低明度色彩則是會呈現(xiàn)出灰暗的畫面質(zhì)感，使人感覺溫暖。

1.3 純度

純度通常是指色彩的鮮濁程度或色彩的純凈度，亦可稱飽和度，它是灰暗與鮮艷的對照。色彩的內(nèi)在品質(zhì)是由純度體現(xiàn)出來的，同一色相的情況下，純度發(fā)生微小變化，亦會使色彩性格發(fā)生極大的轉(zhuǎn)變。在設(shè)計中，我們可以借助高純度色彩表現(xiàn)畫面鮮明的感情色彩，使用中純度色彩帶來緩和的視覺感受，低純度用來表現(xiàn)廁面的淳樸。

二、色彩在用戶界面設(shè)計的體現(xiàn)

界面設(shè)計的第一步是要找出用戶真正想要表達的目的，這一切都可以在對用戶提出的要求進行分析后通過色彩表現(xiàn)出來。在對界面進行色彩方案制定時，讓你的設(shè)計具有可讀性是你所做的必不可少的一件事。

永遠不要采用紅色和綠色來區(qū)分相對的或重要的元素，因為你的這一設(shè)計可能在紅綠色盲眼里完全看不出兩者之問的區(qū)別；在藍色的背景上顯示的橙色或紅色小字，或則采用相反的方式，都是一種十分不理智的方式，因為人眼對這種互補色下文字的閱讀很難適應(yīng)。

三、配色技巧

明度、色相、飽和度的強烈與否，往往取決于我們所需要表達的情感基調(diào)。通常我們會將紅色用在代表喜慶、歡快、幸福、吉祥的設(shè)計上；藍色被認為是代表商務(wù)的色彩，它傳達出一種冷靜、縝密、理智的訊息。當然其他的顏色也被廣泛的運用在各類設(shè)計中。然而在UI設(shè)計中，這些顏色之間的搭配卻是極其微妙的。

3.1 用一種顏色

疊柔配色法：選定同一色相，然后調(diào)整透明度或飽和度，產(chǎn)生的新顏色與原來的顏色搭配會讓你的設(shè)計看起來色彩統(tǒng)一，富有層次感，同時不會導(dǎo)致視覺上的混亂。

3.2 用兩種顏色——搭配的基礎(chǔ)

色相環(huán)相鄰的搭配會使你的設(shè)計簡單又有效；對比兩色的搭配，激烈又穩(wěn)定。

當一種高純度的顏色選擇色彩搭配時，適合選取一種純度或明度比較低的顏色。

3.3 不超過三種色彩的搭配

不超過三種顏色的搭配，指搭配過程中不超過三種色相，過多的顏色只會使界面變得散亂和嘈雜，會使分散用戶的注意力。

可以使用兩種顏色時候，就不要使用三種顏色。簡潔，會讓你的設(shè)計更為成熟。

四、結(jié)束語

設(shè)計不是一蹴而就的，設(shè)計是一門藝術(shù)，是一門哲學，當你真正將這門藝術(shù)與這門哲學結(jié)合的時候，你會發(fā)現(xiàn)，設(shè)計是那么的醇正，那么的天然。