有關(guān)色彩視覺思維的UI 界面設(shè)計(jì)效果研究

王雯菁/山東財(cái)經(jīng)大學(xué)

0 引言

設(shè)計(jì)心理學(xué)是關(guān)于人們對(duì)設(shè)計(jì)的有意識(shí)的行為愿望的心理學(xué)。該文章探討了使用者在創(chuàng)作時(shí)的心態(tài)，及對(duì)社會(huì)與個(gè)體的影響?！兑曈X思維》一書的作者阿恩海姆則認(rèn)為，藝術(shù)中最理想的形式是一種不是現(xiàn)實(shí)的，但與畫家所要表達(dá)的理念同構(gòu)的形象。還有大量的事實(shí)證明，在所有的認(rèn)識(shí)方面，真正的創(chuàng)造性思考都是由影像來(lái)完成的。

UI 接口是數(shù)碼傳媒發(fā)展的一個(gè)重要環(huán)節(jié)，它把科學(xué)技術(shù)、藝術(shù)、心理等元素都融合到了一起。最直接的傳達(dá)方式是人機(jī)交互，而可視化在傳達(dá)的過(guò)程中起著關(guān)鍵作用；UI 接口是最直觀的表示方式，添加顏色可以直接激發(fā)人的感覺，突顯效果，同時(shí)也能強(qiáng)調(diào)和傳遞訊息，表現(xiàn)感情。[1]

1 影響色彩感知的因素

1.1 大眾對(duì)色彩的本能感知

用戶的本能感知是用戶與生俱來(lái)的感知。它既有視覺上的優(yōu)勢(shì)，也有局限性。觀察環(huán)境和我們周圍的事物是人類本能的表現(xiàn)。如何利用人類視覺直覺的優(yōu)點(diǎn)并避免其缺點(diǎn)是用戶界面設(shè)計(jì)中的一個(gè)重要考慮因素。例如，目前有基于LED的屏幕，如STN、TFT、TFD 和UFB，它們主要是半透明的材料，只允許部分光線通過(guò)。但是，使用者對(duì)顏色的認(rèn)識(shí)，很大程度上依賴于光與對(duì)象之間的交互作用。例如，你可以通過(guò)透明的物體看到其他物體，但不能通過(guò)不透明的墻壁看到。不同的環(huán)境下電子熒幕所感知的色彩也會(huì)不同。此外，由于人類光感受器的差異，一些用戶的感知范圍可能與一般人不同，例如色盲。因此，用戶界面的設(shè)計(jì)必須充分考慮到這些人的特殊性。

1.2 大眾對(duì)色彩的視覺習(xí)慣思維感知

用戶年齡、性別、文化差異、教育、情緒因素和眼睛疲勞，都會(huì)影響色彩感知。消費(fèi)者對(duì)顏色的喜好隨年齡的變化而變化。比如，上了年紀(jì)的人就會(huì)選擇較硬朗的顏色。年輕一代偏愛淺色調(diào)。不同的文化對(duì)色彩有自己的約定俗成的定義。例如，在中國(guó)，郵政服務(wù)是綠色的，希臘是黃色的，美國(guó)是藍(lán)色的。此外，這是客戶的一個(gè)主觀因素，在用戶界面設(shè)計(jì)中，有一些地方應(yīng)該特別注意定制用戶界面產(chǎn)品。

2 色彩心理學(xué)

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

從色彩心理學(xué)的角度來(lái)說(shuō)，顏色心理學(xué)涉及的領(lǐng)域很廣泛，涉及心理學(xué)、美學(xué)等多個(gè)方面，它的重點(diǎn)是顏色視覺對(duì)人類的心理的影響，并且在所有的感官行為中，并不僅僅只有身體上的運(yùn)動(dòng)才能對(duì)人類的心理造成直接的沖擊；顏色對(duì)身體的心理有很大的作用。根據(jù)以往的文獻(xiàn)資料，研究者將顏色心理學(xué)界定為人由對(duì)顏色的感知到精神上的感知，再由對(duì)顏色的感知，再到情緒的感知；最終，在身體的思想觀念、意識(shí)狀態(tài)和記憶的內(nèi)涵中，其總體的改變狀況是比較復(fù)雜的。在很多時(shí)候，我們會(huì)把顏色分為冷暖色調(diào)系列，這往往是由于冷暖色調(diào)對(duì)人體的影響所產(chǎn)生的一種生理上的反應(yīng)。用戶接口中常用的顏色，比如黃色、橙色、紅色等明亮的顏色會(huì)讓人感覺到溫暖，而綠色、藍(lán)色、紫色則會(huì)讓人感覺到冰涼，這就是不同的顏色帶來(lái)的溫暖和冰涼。[2]與此同時(shí)，大部分顏色都有某種程度的強(qiáng)弱感，輕盈感，興奮感；另外，顏色還能對(duì)人類的心理造成影響，即顏色的某種聯(lián)結(jié)，使人們聯(lián)想到與之有關(guān)的東西；例如，許多人看見紅色就會(huì)想到血液。當(dāng)你看見綠色的時(shí)候，你會(huì)想到一片青草，這是因?yàn)槟愕纳眢w被顏色間接地影響，你可以說(shuō)，顏色可以在某種意義上改變你的主觀感覺。

2.2 色彩的心理錯(cuò)覺

光線對(duì)人體顏色的刺激會(huì)使人的身體和精神狀況產(chǎn)生某種變化。

顏色是一種視覺上的視覺錯(cuò)覺，不管顏色的真實(shí)氣溫如何，它都是一種視覺上的錯(cuò)覺。例如，紅色、橙色和黃色等暖色通常會(huì)喚起人們的“溫暖”的感覺，因?yàn)樗麄儠?huì)將這些色彩與初升的太陽(yáng)聯(lián)系起來(lái)。淺色和濃色的方向由色彩的亮度決定。高亮度的顏色會(huì)更加明亮，使人感到更加的輕盈。顏色偏暗，有一種沉甸甸的質(zhì)感。

2.3 用戶對(duì)色彩的感受差異

童年的記憶、生活環(huán)境、文化教養(yǎng)和其他個(gè)人因素都會(huì)在一定程度上影響到對(duì)于色彩的感知。用戶對(duì)色彩的感知會(huì)隨著年齡的增長(zhǎng)而變化?？茖W(xué)家用顏色試驗(yàn)為顏色的科學(xué)研究奠定了基礎(chǔ)。他們發(fā)現(xiàn)，人們?cè)谀贻p時(shí)傾向于喜歡較暖的色彩，而在成年后則喜歡較冷的色彩。性別與個(gè)體經(jīng)驗(yàn)也會(huì)對(duì)顏色有一定的影響。一般來(lái)說(shuō)，男人偏愛深色、冷色調(diào)和較純凈的顏色，比如黑和藍(lán)。因此，大多數(shù)與軍事類別有關(guān)的應(yīng)用軟件都是這些色彩。另一方面，女性主要喜歡淡淡的暖色調(diào)，如粉色、白色和鵝絨色。因此，應(yīng)用界面，特別是針對(duì)女性的應(yīng)用界面，主要是清晰和流行的。[3]

3 基于色彩的UI 設(shè)計(jì)中的視覺思維分析

3.1 強(qiáng)化感官視覺思維

用戶界面設(shè)計(jì)需要充分挖掘視覺思維中隱藏的視覺感知部分的需求，從而可以更流暢地完成設(shè)計(jì)流程，給用戶帶來(lái)交互體驗(yàn)。

在交互體驗(yàn)需求中包含視覺思維的因素有很多種，一是用戶對(duì)視覺思考的本能需求。這種本能的思考偏好對(duì)互動(dòng)體驗(yàn)有很大影響。為了整合用戶界面設(shè)計(jì)的所有優(yōu)勢(shì)，可能需要使用視覺思維，從產(chǎn)品的性能方面開始，然后增加功能。二是用戶的視覺和文化需求不同。各地區(qū)之間存在著文化差異，需求程度也有很大不同。這些不同的因素，如種族、文化、性別和年齡，也影響著用戶界面的設(shè)計(jì)。用戶群體有不同的互動(dòng)體驗(yàn)。

3.2 提升認(rèn)知體驗(yàn)

據(jù)有關(guān)資料顯示，在進(jìn)行訊息傳輸過(guò)程中，色彩會(huì)對(duì)人類的感知造成某種程度的沖擊，從而使人類從色彩中獲得某種訊息；另外，大多數(shù)人在接受到資訊時(shí)，都會(huì)使用色彩來(lái)進(jìn)行視覺上的感受，很小一部分則是透過(guò)身體的感覺來(lái)獲取。形體的直觀感受是指物體的具體位置、所處的空間、物體的外在形態(tài)；每個(gè)人的具體狀況，都可以通過(guò)色彩明度和暗度的反差來(lái)體現(xiàn)。從某種意義上講，人類認(rèn)識(shí)到的一切都是依靠眼睛的感覺；物體的訊息會(huì)透過(guò)肉眼看到的感覺，傳入到腦部，讓腦部做出相應(yīng)的感知。此外，人們還能利用視覺來(lái)識(shí)別顏色和判斷顏色，不同亮度顏色會(huì)對(duì)使用者的操作產(chǎn)生一定的影響，所以使用者可以通過(guò)界面的資訊來(lái)獲得更豐富的資訊，特別是現(xiàn)在許多公司都喜歡將色彩與介面相融合，以此來(lái)塑造公司的品牌；在旅行中，人們經(jīng)常使用顏色來(lái)分享不同的真實(shí)風(fēng)景；服裝設(shè)計(jì)師使用顏色進(jìn)行裝飾和信息的傳遞；在網(wǎng)頁(yè)設(shè)計(jì)中，會(huì)使用顏色來(lái)提升畫面的立體感。因此，在UI 的界面上使用顏色可以提高整個(gè)產(chǎn)品的品質(zhì)，能夠使有關(guān)的客觀的東西變得更為直觀，并且能夠使各種資訊得到高效的傳遞。[4]

3.3 積極調(diào)動(dòng)人們的情感

從UI 界面的工作發(fā)展可以看出，人們對(duì)于顏色的心理感受可以通過(guò)對(duì)圖像的傳遞，有效地表現(xiàn)出對(duì)畫面的情緒，從而極大地增強(qiáng)了用戶的感知能力；能有效地充實(shí)使用者介面的內(nèi)涵，提高使用者介面資訊的層次。不同的人，對(duì)顏色的感覺也會(huì)不同。不同的文化、不同的喜好以及不同的顏色，都會(huì)讓人產(chǎn)生不同的感覺。所以，顏色對(duì)人的影響是由其本身的條件決定的，無(wú)法一概而論。

4 UI 界面中的色彩應(yīng)用

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

在使用者介面的設(shè)計(jì)中，顏色的運(yùn)用能讓使用者順暢地發(fā)現(xiàn)所需資訊，并能執(zhí)行更為精密的作業(yè)。因此，在用戶界面設(shè)計(jì)中選擇正確的色彩是很重要的。在他們的研究中，用戶界面設(shè)計(jì)師發(fā)現(xiàn)，交互設(shè)計(jì)可以根據(jù)以下三個(gè)要求來(lái)使用色彩，而且加入色彩可以改善目標(biāo)任務(wù)。

4.1.1 分類區(qū)別與聯(lián)系

添加色彩代碼、自定義結(jié)構(gòu)和色彩子系統(tǒng)的維度，可創(chuàng)造出一套整體結(jié)構(gòu)和對(duì)應(yīng)的子結(jié)構(gòu)體系，使得使用者能夠利用色彩高效地將物品分類，并保留他們的內(nèi)部關(guān)聯(lián)色彩也能提供多層的邏輯性資訊結(jié)構(gòu)，讓使用者透過(guò)連貫的、可理解的色彩程式來(lái)理解其它復(fù)雜性的關(guān)系。

4.1.2 信息理解

降低誤差，增強(qiáng)穩(wěn)定性，增強(qiáng)理解能力。正確的顏色可以幫助使用者理解怎樣使用該商品。同時(shí)，他們還能與人的視覺和感官系統(tǒng)進(jìn)行高效交流，從而降低誤會(huì)。另外，由于很多事情都希望與視覺傳達(dá)的特定色彩相關(guān)聯(lián)，色彩可以幫助人們進(jìn)行聯(lián)想，這樣用戶就可以通過(guò)這個(gè)界面識(shí)別系統(tǒng)中的適當(dāng)信息。

4.1.3 便捷搜集與處理

強(qiáng)調(diào)信息，增加吸引力。利用亮度、反差以及飽和度調(diào)節(jié)顏色，可以為多個(gè)畫面提供多種效果，突出顯示各個(gè)細(xì)節(jié)。這是因?yàn)樯鷦?dòng)的色彩和獨(dú)特的形狀相結(jié)合，刺激了用戶的視覺神經(jīng)，抓住了他們的注意力。在用戶界面交互設(shè)計(jì)經(jīng)常使用的搜索引擎中，如果用戶在給定的時(shí)間段內(nèi)搜索一個(gè)想要的任務(wù)三次或更多次，該目標(biāo)將被賦予特定的色彩，與之相似或接近的目標(biāo)也會(huì)被標(biāo)記出來(lái)，使用戶能夠更加方便地予以詢問(wèn)（圖1）。[5]

圖1 用戶界面

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

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

色彩可以在視覺上給人們帶來(lái)相應(yīng)的情緒，在人類歷史上被賦予了幾種不同的象征意義。一般來(lái)說(shuō)，藍(lán)色代表技術(shù)、希望、寒冷和美麗；綠色通常代表再生、安全、進(jìn)步和環(huán)境保護(hù)；黃色代表危險(xiǎn)和警告。此外，用戶界面的設(shè)計(jì)應(yīng)特別注意區(qū)域文化差異。例如，在西方，紅色意味著危險(xiǎn)或禁忌，而在東方文化中，紅色意味著喜慶或吉利。

在中國(guó)的文化背景下，UI 色彩的使用可以充分參考產(chǎn)業(yè)的屬性，從而對(duì)其實(shí)施相應(yīng)的分類，具體如下：機(jī)電類的工業(yè)色彩強(qiáng)調(diào)固有的強(qiáng)度和效果，經(jīng)常使用紅色、黃色、橙色、黑色和灰色等色彩組合，給用戶一種堅(jiān)實(shí)和莊重的感覺。橙色等色彩及其組合色彩主要是圖像本身的內(nèi)在因素，是開胃的。在化妝品等級(jí)中，色彩被用于衛(wèi)生和護(hù)理。色彩風(fēng)格主要是高純度和低粉彩，綠色及其組合給人以優(yōu)雅、高檔、清新和柔和的感覺。[6]

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

人類的視覺器官會(huì)對(duì)色彩的編碼有一定的分工。在阿恩海姆的色彩感知中，色彩以一種更直接、更迅速的方式刺激視覺思維。心理學(xué)分析表明，情緒開朗的人對(duì)色彩更敏感，而內(nèi)向的人對(duì)形狀感知得更清楚。對(duì)色彩的反應(yīng)通常是無(wú)意識(shí)的，歸因于觀察者的接受態(tài)度。

色彩的正確使用在一定程度上增加了對(duì)審美對(duì)象的刺激，使事物在頭腦中停留的時(shí)間更長(zhǎng)（圖2）。用戶界面設(shè)計(jì)中的普通界面會(huì)隨著時(shí)間的推移而逐漸消失。分析和處理人們所感知的刺激物。對(duì)于人類審美來(lái)說(shuō)，審美刺激給審美主體帶來(lái)了審美愉悅，但這種審美愉悅必須適度獲得。在大眾文化階段，視覺媒體幾乎泛濫到人們生活的方方面面，各種視覺對(duì)象呈現(xiàn)在人們的眼前，UI 設(shè)計(jì)和過(guò)度的視覺刺激會(huì)使人們的審美心理超負(fù)荷，沒(méi)有感受到應(yīng)有的審美愉悅，主要目的是能夠盡可能地引起用戶的興趣。

圖2 UI界面

4.2.3 色彩的可操作性運(yùn)用

易用性方面。使用者與機(jī)器之間的交流主要是通過(guò)接口，使用者可以在最短的時(shí)間內(nèi)掌握所需的信息，所以使用者在進(jìn)行UI 接口的設(shè)計(jì)時(shí)，必須把使用者的易用性當(dāng)作基本原則；只有這樣，用戶的使用體驗(yàn)才會(huì)更好、更方便、更舒適，更好地滿足用戶的使用習(xí)慣和行為習(xí)慣。

可視性方面。該接口必須具有特定的視覺形態(tài)，以便通過(guò)視覺直觀有效地理解設(shè)計(jì)者所要傳達(dá)的內(nèi)容。所以，在進(jìn)行UI 界面的開發(fā)過(guò)程中，必須遵循用戶可視化的基本原理，以提高用戶的總體使用感受。

連貫性方面。在進(jìn)行UI 接口的工作中，應(yīng)充分重視界面的一致性，以確保使用者對(duì)信息的準(zhǔn)確性、有效性和快速性的理解，從而為使用者帶來(lái)更好的體驗(yàn)。因此，UI 界面設(shè)計(jì)者必須做到視覺要素的一致性，使整個(gè)設(shè)計(jì)能夠?qū)崿F(xiàn)預(yù)期的設(shè)計(jì)目的，使信息和使用者的交互能力最大化。

根據(jù)有關(guān)的調(diào)查結(jié)果，將顏色心理學(xué)應(yīng)用于UI 的界面，可以根據(jù)使用者的心理，最大限度地利用顏色對(duì)使用者的影響；將顏色的情感特征、社會(huì)性和自然屬性等有機(jī)地融入到用戶的界面中，能使顏色和用戶界面的美感達(dá)到最大限度的融合。所以，相關(guān)人員在進(jìn)行UI 接口的設(shè)計(jì)時(shí)，應(yīng)充分利用顏色心理，以提高用戶接口的各項(xiàng)性能；同時(shí)，能提高整個(gè)界面的美感和藝術(shù)感，使整個(gè)UI 的界面設(shè)計(jì)水準(zhǔn)達(dá)到一個(gè)新的層次。

5 結(jié)語(yǔ)

色彩感知是用戶視覺思維中最重要的元素之一，而色彩的應(yīng)用在塑造用戶交互體驗(yàn)方面發(fā)揮出了相當(dāng)重要的作用。

由于當(dāng)今界面信息的復(fù)雜性和多樣性，設(shè)計(jì)過(guò)程需要避免雜亂無(wú)章，這很容易造成用戶的疲勞和視覺混亂。眾多色塊的組合可以創(chuàng)造出不同的色彩區(qū)域，將視覺空間與界面分開。使用較大的顏色反差能突出用戶的界面。不同顏色的結(jié)合使用戶的交互更加有趣，同時(shí)也更加精確地傳達(dá)了消息。顏色不僅是一種表現(xiàn)的象征，而且是一種可以讓用戶在UI接口上有無(wú)數(shù)種可能的方式。