摘要：在UI設(shè)計(jì)中，用好色彩能夠有效地幫助用戶分類區(qū)別與聯(lián)系不同事物，使用戶更好地理解信息，在特定情況下還可以讓用戶產(chǎn)生回憶，方便用戶搜索信息等。UI設(shè)計(jì)中對(duì)色彩的運(yùn)用還要考慮到人們對(duì)色彩的情感作用和行業(yè)屬性。

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

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

UI設(shè)計(jì)的本意是用戶界面，是英文“User Interface”的縮寫(xiě)。UI設(shè)計(jì)從字面上看包括用戶與界面兩個(gè)主體，但實(shí)際上還包括用戶和界面之間的交互關(guān)系。所以UI設(shè)計(jì)從工作內(nèi)容上可以分為三個(gè)方面，即界面設(shè)計(jì)、交互設(shè)計(jì)和用戶研究。三者在工作上雖有分割但相互之間有著密切的聯(lián)系。

UI設(shè)計(jì)中主要涉及五個(gè)方面的問(wèn)題，分別是：UI設(shè)計(jì)的風(fēng)格及構(gòu)圖、UI設(shè)計(jì)的圖形語(yǔ)言、UI設(shè)計(jì)的色彩因素、UI設(shè)計(jì)的視覺(jué)層級(jí)關(guān)系以及UI交互動(dòng)畫(huà)設(shè)計(jì)。UI設(shè)計(jì)的色彩因素是視覺(jué)思維的重要內(nèi)容之一，能夠幫助系統(tǒng)提高使用性和可用性的價(jià)值，從而提高用戶使用的效率，為用戶解決處理大量信息的困境，保護(hù)用戶的隱私，創(chuàng)造出安全、豐富、多元化的媒體程序。

2 影響色彩感知的因素

按照CUD的設(shè)計(jì)思路，我們的設(shè)計(jì)對(duì)象是用戶，一切考慮因素和分析都應(yīng)該從用戶出發(fā)。產(chǎn)品設(shè)計(jì)的目的是為了滿足用戶的需求，理解客戶內(nèi)在的視覺(jué)思維需求和視覺(jué)行為習(xí)慣是用戶交互體驗(yàn)設(shè)計(jì)的基礎(chǔ)。只有了解用戶的普遍可用性，才能夠解決產(chǎn)品“中看不中用”或“中用不中看”的問(wèn)題。視覺(jué)思維因素在用戶交互體驗(yàn)中占有重要的位置，對(duì)人機(jī)交互起著至關(guān)重要的作用。

色彩感知是用戶視覺(jué)思維的重要因素之一，色彩的應(yīng)用對(duì)用戶交互體驗(yàn)的形成起著強(qiáng)大的作用?，F(xiàn)代交互設(shè)計(jì)師能夠合理地對(duì)色彩進(jìn)行搭配利用，從而幫助用戶找到所要的圖標(biāo)、按鈕等；另外，合理的色彩運(yùn)用能夠有效地組織、整理信息，從而使用戶對(duì)屏幕上龐大的信息進(jìn)行歸納。但作為視覺(jué)思維的重要一部分色彩感知要依賴用戶的本能感知，它隨著用戶個(gè)人愛(ài)好、文化程度、地域等因素而有很大的差異，UI設(shè)計(jì)中也要考慮到色彩的一些基本物理特性。綜合來(lái)講，影響色彩感知的因素包括兩個(gè)方面：用戶對(duì)色彩的本能感知和用戶對(duì)色彩的視覺(jué)習(xí)慣思維感知。

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

用戶的本能感知是用戶是一種先天性的感知能力，他有著自身的視覺(jué)優(yōu)勢(shì)和局限，是人類觀察周圍環(huán)境和事物的本能體現(xiàn)。如何利用人類視覺(jué)本能的優(yōu)勢(shì)，避免劣勢(shì)是UI設(shè)計(jì)的重要考慮因素。

用戶對(duì)色彩的感知主要取決光波與物體之間的交互方式，比如我們能通過(guò)透明的物體看到其他事物，但是不透明的墻我們則不能看到。這是因?yàn)橥该魑锬茏尨蟛糠止馔高^(guò)?，F(xiàn)在的屏幕有STN、TFT、TFD、UFB等屏幕，但主要還是以LED屏為主，這些材質(zhì)主要是半透明體，僅能讓部分光透過(guò)。當(dāng)光波遇到不透明的物體時(shí)會(huì)被反射，我們看到物體的顏色取決于反射波的頻率。

另外，UI設(shè)計(jì)中電子屏幕與物體的顏色還取決于光源和它所反射光的性質(zhì)，不同的環(huán)境下電子熒幕所感知的色彩也會(huì)不同。一般而言大部分用戶的對(duì)色彩都有一個(gè)共同的感知范圍，這樣他們對(duì)色彩就會(huì)有一個(gè)共識(shí)。但人類光感細(xì)胞的差異也使得部分用戶的感知范圍和一般人不一樣，比如色盲。所以在UI設(shè)計(jì)中就要適當(dāng)?shù)目紤]到這類人群的特殊性。

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

用戶對(duì)色彩的客觀視覺(jué)習(xí)慣也是UI設(shè)計(jì)師所要關(guān)注。比如用戶的年齡、性別、文化差異、教育背景、情感因素、眼睛的疲勞程度等等。不同年齡段的客戶對(duì)色彩的喜好有著明顯的差異，比如年齡大的人比較偏愛(ài)穩(wěn)重的色彩基調(diào)。年輕的人們則喜歡亮麗的色彩。眼睛的疲勞度也會(huì)隨著年齡的增長(zhǎng)而逐漸減退。不同的文化北京對(duì)顏色有著各自的慣例，比如中國(guó)的郵政為綠色，而希臘的是黃色，美國(guó)的則是藍(lán)色。另外是客戶的主觀因素，當(dāng)UI設(shè)計(jì)的某些領(lǐng)域中就要特別注意UI產(chǎn)品的個(gè)性化訂制。

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

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

在UI設(shè)計(jì)中恰當(dāng)?shù)剡\(yùn)用色彩能夠幫助用戶順利地找到想要的信息并能幫助其完成某些較為復(fù)雜的任務(wù)。因此，在UI設(shè)計(jì)中選擇恰當(dāng)?shù)纳史浅Ｖ匾?，UI設(shè)計(jì)者在研究中發(fā)現(xiàn)交互設(shè)計(jì)可以根據(jù)三種需求來(lái)使用色彩，從而使目標(biāo)任務(wù)在添加色彩后能夠得到提升。

（1）分類區(qū)別與聯(lián)系：增加色彩編碼的維度、自定義結(jié)構(gòu)及其子系統(tǒng)

色彩能夠用于創(chuàng)建完整的結(jié)構(gòu)和與之相對(duì)應(yīng)的子結(jié)構(gòu)系統(tǒng)，從而使用戶可運(yùn)用色彩對(duì)事物進(jìn)行有效地分組，同時(shí)又能使其保持內(nèi)在的聯(lián)系。另外，色彩可以支持多級(jí)別的邏輯信息結(jié)構(gòu)，這樣一組一致并易于理解的色彩編碼就可以用來(lái)幫助用戶理解原本復(fù)雜事物的內(nèi)在聯(lián)系。

（2）理解與回憶：減少誤差、增強(qiáng)可信度和理解力

恰當(dāng)?shù)纳士梢詭椭脩粼谑褂卯a(chǎn)品過(guò)程中對(duì)操作的理解，同時(shí)，結(jié)合人類的視覺(jué)和感知系統(tǒng)從而有效地傳達(dá)相關(guān)的信息并減少理解上的誤差。另外，色彩也能幫助人們產(chǎn)生相關(guān)聯(lián)想，因?yàn)樵S多事物都與特定的顏色想關(guān)聯(lián)，這樣用戶就可以通過(guò)這一關(guān)系來(lái)識(shí)別系統(tǒng)中與之對(duì)應(yīng)的信息。比如一些電力系統(tǒng)中經(jīng)常需要對(duì)危險(xiǎn)級(jí)別進(jìn)行色彩區(qū)分，以便操作的技術(shù)人員進(jìn)行安全操作。

（3）搜索：強(qiáng)調(diào)信息、增加吸引力

運(yùn)用明度、對(duì)比度、色彩的飽和度對(duì)色彩進(jìn)行調(diào)試可以使屏幕中的各種目標(biāo)產(chǎn)生不同的效果從而強(qiáng)調(diào)各自的信息。比如明亮的色彩結(jié)合獨(dú)特的形狀能夠刺激用戶的視覺(jué)神經(jīng)引起注意。比如，UI交互設(shè)計(jì)中常用的搜索機(jī)制，即用戶在一定時(shí)間內(nèi)對(duì)某個(gè)目標(biāo)任務(wù)搜索超過(guò)三次，則該目標(biāo)將會(huì)被標(biāo)記為一種特定的顏色，并且與它相似或相近的目標(biāo)也將被標(biāo)記，使用戶方便詢問(wèn)。

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

3.2.1色彩的情感因素在UI設(shè)計(jì)中的運(yùn)用

色彩能夠從視覺(jué)上讓人們產(chǎn)生相應(yīng)的情感，它在人類的歷史進(jìn)程中被賦予了各種不同的象征意義。一般來(lái)講，藍(lán)色可以代表科技、希望、冷俊；綠色通常代表新生、安全、前進(jìn)、環(huán)保；黃色代表危險(xiǎn)、警示；另外UI設(shè)計(jì)也要特別注意地域文化的差異，就像前面所說(shuō)同一色彩在不同的文化背景下有著不同的含義。比如，在西方，紅色代表危險(xiǎn)、禁止，而在東方文化中紅色則表示喜慶、吉祥；白色在西方國(guó)家中代表純潔，在伊斯蘭國(guó)家代表高貴和圣潔，而東方文化的思維模式則認(rèn)為白色表示死亡、哀悼、憂傷等悲觀情感。因此，在UI設(shè)計(jì)中就要特別注重色彩的不同情感和地域文化的差異。

在中國(guó)的文化背景下，根據(jù)行業(yè)屬性UI設(shè)計(jì)的色彩運(yùn)用可以分為以下幾類：工業(yè)機(jī)電類的用色強(qiáng)調(diào)內(nèi)在的力量和功效，多采用紅、黃、橘黃、黑與灰等色彩的組合用戶以堅(jiān)實(shí)、厚重的感覺(jué)；食品類的用色一般是針對(duì)營(yíng)養(yǎng)、健康、衛(wèi)生以及味覺(jué)的要求而在設(shè)計(jì)上多采用暖色調(diào)，如紅、黃、橙等色及其組合。這種色彩主要是來(lái)自視頻本身的固有色，可以誘發(fā)人們的食欲；化妝品類的用色則講究衛(wèi)生與保健。用色格調(diào)高雅，多以高明度、低純度的粉色和粉綠等色彩及其組合為主，給人們以雅致、高貴、清新、柔軟的感覺(jué)；交通旅游類的用色追求旅游中的安全、愜意與舒適，在色彩的使用上多用綠色、藍(lán)色等大自然的色調(diào)來(lái)表示，給人一種滿足和安全感；體育類的用色表現(xiàn)一種力量、追求內(nèi)在的活力，體現(xiàn)運(yùn)動(dòng)的精神風(fēng)范，多用紅、黃、藍(lán)等比較刺激的色彩組合；科技類的用色以藍(lán)、灰、銀為主色調(diào)，力圖表現(xiàn)神秘、速度、科幻的意向。

3.2.2色彩的三種視覺(jué)色素在UI設(shè)計(jì)中的運(yùn)用

人類的視覺(jué)器官會(huì)對(duì)顏色的編碼有一定的分工。黑靈的“拮抗過(guò)程說(shuō)”認(rèn)為：有三種視覺(jué)色素，一種色素分擔(dān)黑/白視覺(jué)，從而產(chǎn)生黑、白、灰的感覺(jué)；第二種色素是關(guān)于紅/綠視覺(jué)；第三種色素是關(guān)于黃/藍(lán)視覺(jué)。黑靈的這種理論認(rèn)為人類的感官對(duì)外來(lái)的信息感知會(huì)出現(xiàn)相對(duì)消耗和相對(duì)疲勞的現(xiàn)象。例如，如果注視藍(lán)色一段時(shí)間，黃/藍(lán)系統(tǒng)中的藍(lán)色分子會(huì)受到一定的消耗，那么在看黃色時(shí)，黃色分子不存在與之相反的藍(lán)色分子從而能充分地發(fā)揮作用，從而達(dá)到增強(qiáng)對(duì)黃色的感覺(jué)。恰當(dāng)?shù)剡\(yùn)用色彩可以增加審美主體的刺激性，從而使事物在我們腦海中留下長(zhǎng)久的印象。在UI設(shè)計(jì)中平凡的界面，會(huì)使人們隨著時(shí)間的推移而逐漸的消退。人們對(duì)感受到的刺激會(huì)進(jìn)行分析和處理。

審美刺激對(duì)人類的審美來(lái)說(shuō)，可以給審美主體帶來(lái)審美上的快感，但是這種審美上的快感必須在適度的情況下才可以獲得。好比一個(gè)恰當(dāng)?shù)耐嫘δ軌蚧钴S氣氛，但玩笑開(kāi)大了，會(huì)給對(duì)方造成傷害，造成尷尬的局面。在大眾文化階段，視覺(jué)傳媒充滿了大眾的幾乎全部生活，各種各樣的視覺(jué)對(duì)象充斥著大眾的眼球，UI設(shè)計(jì)中，視覺(jué)的過(guò)度刺激會(huì)讓人們的審美心理感受超出負(fù)荷而無(wú)法感受到應(yīng)有的審美快感。更不用說(shuō)引起用戶的興趣了。

4 結(jié)語(yǔ)

色彩是影響視覺(jué)思維的重要方面，用好色彩對(duì)UI設(shè)計(jì)十份重要。色彩感知是用戶視覺(jué)思維的重要因素之一，色彩的應(yīng)用對(duì)用戶交互體驗(yàn)的形成起著強(qiáng)大的作用?，F(xiàn)代交互設(shè)計(jì)師能夠合理地對(duì)色彩進(jìn)行搭配利用，從而幫助用戶找到所要的圖標(biāo)、按鈕等；另外，合理的色彩運(yùn)用能夠有效地組織、整理信息，從而使用戶對(duì)屏幕上龐大的信息進(jìn)行歸納。

恰當(dāng)?shù)纳士梢詭椭脩粼谑褂卯a(chǎn)品過(guò)程中對(duì)操作的理解，同時(shí)，還可以有效地傳達(dá)相關(guān)的信息并減少理解上的誤差。另外，色彩也能幫助人們產(chǎn)生相關(guān)聯(lián)想使用戶可以通過(guò)某些關(guān)系來(lái)識(shí)別系統(tǒng)中與之對(duì)應(yīng)的信息。不同明度、對(duì)比度、色彩的飽和度的色彩還可以調(diào)試屏幕中的各種目標(biāo)，使其產(chǎn)生不同的效果從而強(qiáng)調(diào)各自要傳達(dá)的信息。