色彩在UI設(shè)計(jì)中的應(yīng)用分析

張淑朋

摘 要：色彩是視覺(jué)設(shè)計(jì)中的一個(gè)重要部分，進(jìn)行視覺(jué)設(shè)計(jì)時(shí)，色彩可以給人帶來(lái)比文字更加強(qiáng)烈的視覺(jué)感受。研究發(fā)現(xiàn)，不同的色彩帶給人的視覺(jué)及心理感受有所不同，而且不同的人對(duì)色彩的感受也有一定的差異。UI設(shè)計(jì)時(shí)，正確地使用色彩可以使用戶更加清晰地對(duì)所要表達(dá)的信息進(jìn)行理解，更吸引用戶的目光。

關(guān)鍵詞：UI設(shè)計(jì)；色彩；視覺(jué)思維

從設(shè)計(jì)的角度來(lái)說(shuō)，每一種顏色都是一種主觀事物，[1]不同的顏色可以喚起人們不一樣的情緒反應(yīng)，這種反應(yīng)與人們的成長(zhǎng)經(jīng)歷、文化教育背景等有一定的關(guān)聯(lián)。對(duì)色彩的色相、明度或飽和度進(jìn)行調(diào)整，都會(huì)給用戶帶來(lái)不一樣的視覺(jué)感受。

1 UI設(shè)計(jì)的概念

UI（User Interface）設(shè)計(jì)的工作內(nèi)容主要分為用戶研究、界面設(shè)計(jì)與交互設(shè)計(jì)三種，這三種內(nèi)容既有分割又有密切的聯(lián)系。在UI設(shè)計(jì)中，主要包括UI設(shè)計(jì)風(fēng)格與構(gòu)圖、UI設(shè)計(jì)色彩因素、UI設(shè)計(jì)圖形語(yǔ)言、UI交互動(dòng)畫(huà)設(shè)計(jì)以及UI設(shè)計(jì)的視覺(jué)層級(jí)關(guān)系五個(gè)方面的內(nèi)容。在UI設(shè)計(jì)的內(nèi)容中，色彩因素十分重要，它可以有效提高用戶的使用率，在一定程度上增加系統(tǒng)的使用及應(yīng)用價(jià)值，使媒體程序更加多元化。

2 色彩的感知及影響因素

對(duì)色彩的感知是人們進(jìn)行視覺(jué)思維的主要因素之一，是人們通過(guò)眼睛與大腦對(duì)生活中感知到的物體所產(chǎn)生對(duì)光的視覺(jué)效應(yīng)。在進(jìn)行設(shè)計(jì)時(shí)，所針對(duì)的對(duì)象就是用戶，應(yīng)該從用戶角度出發(fā)去考慮設(shè)計(jì)因素，產(chǎn)品的整體設(shè)計(jì)要達(dá)到滿足用戶需求的目的。只有理解了客戶的視覺(jué)思維、視覺(jué)行為習(xí)慣等，才能進(jìn)行基礎(chǔ)的用戶交互式體驗(yàn)設(shè)計(jì)。只有了解了用戶的普遍可能性，才能設(shè)計(jì)出用戶需要的產(chǎn)品?？梢钥闯?，視覺(jué)思維在進(jìn)行交互式體驗(yàn)設(shè)計(jì)中的地位十分重要，是進(jìn)行人機(jī)交互不可缺少的前提條件。

在進(jìn)行現(xiàn)代交互設(shè)計(jì)時(shí)，設(shè)計(jì)師對(duì)色彩進(jìn)行合理的搭配使用，可以有效地幫助用戶快速對(duì)按鈕、圖片等內(nèi)容進(jìn)行查找。而且對(duì)色彩的合理使用還可以更加有效地對(duì)信息進(jìn)行組織處理，將較為龐大的屏幕信息進(jìn)行適當(dāng)?shù)臍w納。色彩感知作為人們視覺(jué)思維的一部分，主要依賴(lài)于用戶的自身感知，會(huì)根據(jù)用戶自身的興趣愛(ài)好、文化、地域等因素發(fā)生一定的變化。在進(jìn)行UI設(shè)計(jì)時(shí)，也應(yīng)該對(duì)這一部分因素進(jìn)行考慮。也就是說(shuō)，主要對(duì)色彩感知產(chǎn)生影響的包括用戶自身對(duì)色彩的本能感知與用戶對(duì)色彩產(chǎn)生視覺(jué)習(xí)慣的思維型感知兩大類(lèi)。

2.1 用戶自身對(duì)色彩的本能感知

用戶自身的本能感知屬于先天性的感知能力，這種能力具有一定的局限性，也有很大的優(yōu)勢(shì)。對(duì)周?chē)h(huán)境及事物進(jìn)行觀察是人的一種本能體現(xiàn)。在進(jìn)行UI設(shè)計(jì)時(shí)，避免用戶對(duì)色彩感知的劣勢(shì)是主要考慮的因素。用戶對(duì)色彩進(jìn)行感知一般取決于物體與光波間的交互，如大部分的光都可以透過(guò)透明物體一樣?，F(xiàn)在我們常用的屏幕以LED屏為主，這些屏幕的材質(zhì)主要以半透明體為主，只能透過(guò)少部分的光，如果光波遇到了不透明的物體就會(huì)進(jìn)行反射。也就是說(shuō)，我們所看到的物體色彩主要與反射波的頻率有關(guān)。在UI設(shè)計(jì)中，物體以及電子屏幕的色彩都與光遠(yuǎn)以及反射光的性質(zhì)有關(guān)。不同環(huán)境下，對(duì)電子熒屏的感知色彩也會(huì)有所不同。一般情況下，大部分的用戶都對(duì)色彩有共同的一個(gè)感知范圍，在這個(gè)范圍內(nèi)，人們會(huì)對(duì)色彩有共同的認(rèn)識(shí)，但是色盲除外。因此在進(jìn)行UI設(shè)計(jì)時(shí)，要對(duì)這類(lèi)人群的情況進(jìn)行適當(dāng)?shù)目紤]。

2.2 用戶對(duì)色彩視覺(jué)習(xí)慣的思維感知

用戶對(duì)色彩視覺(jué)的客觀習(xí)慣也是在進(jìn)行UI設(shè)計(jì)時(shí)需要重點(diǎn)關(guān)注的問(wèn)題，如用戶的性別、年齡、教育文化背景、情感因素、眼睛疲勞程度等。不同年齡層次的用戶對(duì)色彩的喜好有著較大的差異，如年輕人喜好亮麗的色彩，老年人偏愛(ài)穩(wěn)重的色彩等。[2]用戶眼睛的疲勞程度會(huì)隨著年齡的增加而減退，不同文化背景的人對(duì)色彩也有著不同的認(rèn)識(shí)，因此在進(jìn)行視覺(jué)UI設(shè)計(jì)時(shí)要注意UI的個(gè)性化設(shè)計(jì)。

3 UI設(shè)計(jì)中色彩的運(yùn)用

3.1 色彩在視覺(jué)UI設(shè)計(jì)中的作用

在進(jìn)行UI設(shè)計(jì)時(shí)，對(duì)色彩進(jìn)行適當(dāng)?shù)倪\(yùn)用可以使用戶更加順利地找到需要的信息，因此在UI設(shè)計(jì)中選擇合適的色彩十分重要?？梢栽诮换ピO(shè)計(jì)中根據(jù)分類(lèi)區(qū)別于聯(lián)系、理解與回憶、搜索等三方面來(lái)對(duì)色彩進(jìn)行使用，提升目標(biāo)任務(wù)。

滿足分類(lèi)區(qū)別于聯(lián)系，可以增加自定義結(jié)構(gòu)及子系統(tǒng)、色彩編碼的維度，使用色彩創(chuàng)建更加完整的結(jié)構(gòu)以及子結(jié)構(gòu)系統(tǒng)，使用戶在色彩的幫助下更加有效地對(duì)事物進(jìn)行分組，同時(shí)還不會(huì)對(duì)其內(nèi)在的關(guān)聯(lián)造成影響。對(duì)邏輯性較強(qiáng)的信息進(jìn)行整合時(shí)，色彩也可以起到一定的作用。例如，將簡(jiǎn)單易懂的色彩編碼進(jìn)行使用，可以幫助用戶對(duì)較為復(fù)雜的事物進(jìn)行聯(lián)系，達(dá)到快速了解并使用的目的。

適當(dāng)色彩的使用可以減少用戶在使用產(chǎn)品時(shí)對(duì)操作不理解的情況，還可以有效地將人們的視覺(jué)以及感知系統(tǒng)進(jìn)行結(jié)合，更有效地傳達(dá)信息，盡可能地減少用戶在理解上的誤差。[3]色彩也可以幫助人們產(chǎn)生與色彩相關(guān)的聯(lián)想，因?yàn)樵S多事物都在一定程度與某種顏色存在關(guān)聯(lián)，用戶可以通過(guò)這一內(nèi)在的關(guān)聯(lián)對(duì)系統(tǒng)中的信息進(jìn)行識(shí)別。

對(duì)色彩的明度、飽和度、對(duì)比度等進(jìn)行適當(dāng)?shù)恼{(diào)試，可以使UI中的目標(biāo)展示出不同的效果。例如，在進(jìn)行UI設(shè)計(jì)時(shí)，可以將有關(guān)聯(lián)的內(nèi)容使用相似或相近的顏色進(jìn)行表示，方便客戶篩選使用。

3.2 色彩在UI設(shè)計(jì)中的運(yùn)用

色彩可以使人們從視覺(jué)上產(chǎn)生一定的情感，也在人類(lèi)的歷史發(fā)展進(jìn)程中擔(dān)當(dāng)著不同的使命以及象征。我們一般將顏色分為暖色與冷色。暖色包括紅、橙、黃這三種顏色以及這三種顏色結(jié)合而成的顏色。研究發(fā)現(xiàn)，暖色系的顏色象征著激情、活力、積極，給人以溫暖的感覺(jué)。在進(jìn)行UI設(shè)計(jì)時(shí)，一般使用紅、橙、黃這三種顏色來(lái)表達(dá)激情、快樂(lè)的基調(diào)。而且對(duì)暖色系的使用可以加強(qiáng)人們的食欲，很多餐飲品牌都使用了這些顏色。暖色也存在一定的消極影響，暖色的使用會(huì)在一定程度上加快人們的心跳，長(zhǎng)時(shí)間將視線停留在暖色調(diào)上會(huì)引起人們焦躁的情緒，因此在醫(yī)院的色彩裝飾中不會(huì)出現(xiàn)暖色基調(diào)，特別是對(duì)紅色的運(yùn)用。冷色調(diào)包括藍(lán)、綠、紫。與暖色調(diào)對(duì)比來(lái)說(shuō)，冷色調(diào)的視覺(jué)強(qiáng)度相對(duì)較弱，會(huì)給人放松、舒適的心理感受。藍(lán)色屬于三原色的一種，可以給人嚴(yán)謹(jǐn)、專(zhuān)業(yè)的感受，因此高科技型的企業(yè)一般都會(huì)選擇使用藍(lán)色作為標(biāo)準(zhǔn)色彩。綠色則給人一種自然、清新的心理感受。紅色較艷麗，能準(zhǔn)確抓住大眾的眼球。在UI設(shè)計(jì)中，紅色被設(shè)計(jì)師運(yùn)用得非常普遍。

4 結(jié)束語(yǔ)

色彩影響人類(lèi)的視覺(jué)思維，在UI的設(shè)計(jì)中非常重要，直接影響著用戶的視覺(jué)感觀。用戶的交互體驗(yàn)是由UI設(shè)計(jì)師對(duì)色彩應(yīng)用所表現(xiàn)而出的?，F(xiàn)今，有許多UI色彩交互設(shè)計(jì)師可靈活搭配色彩。在手機(jī)或電腦上運(yùn)用交互搭配可使用戶順利找到按鈕、圖標(biāo)等，讓用戶擁有全新的感受。此外，合理運(yùn)用色彩可有效地整理、組織信息，有利于用戶歸納屏幕上的信息。不同的對(duì)比度、色彩飽和度以及色彩明度，可以通過(guò)調(diào)試手機(jī)或電腦等電子產(chǎn)品屏幕中的各種目標(biāo)，以不同的效果展現(xiàn)出來(lái)，從而表達(dá)出所要傳達(dá)的信息。

參考文獻(xiàn)：

[1] 張美珍.淺析色彩在UI設(shè)計(jì)中的應(yīng)用[J].設(shè)計(jì)，2014，8（7）：97-98.

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

[3] 夏夢(mèng). UI設(shè)計(jì)中的色彩使用[J].大眾文藝，2015，3（11）：64-65.