有關色彩視覺思維的UI 界面設計效果研究

王雯菁/山東財經大學

0 引言

設計心理學是關于人們對設計的有意識的行為愿望的心理學。該文章探討了使用者在創作時的心態，及對社會與個體的影響。《視覺思維》一書的作者阿恩海姆則認為，藝術中最理想的形式是一種不是現實的，但與畫家所要表達的理念同構的形象。還有大量的事實證明，在所有的認識方面，真正的創造性思考都是由影像來完成的。

UI 接口是數碼傳媒發展的一個重要環節，它把科學技術、藝術、心理等元素都融合到了一起。最直接的傳達方式是人機交互，而可視化在傳達的過程中起著關鍵作用；UI 接口是最直觀的表示方式，添加顏色可以直接激發人的感覺，突顯效果，同時也能強調和傳遞訊息，表現感情。[1]

1 影響色彩感知的因素

1.1 大眾對色彩的本能感知

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

1.2 大眾對色彩的視覺習慣思維感知

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

2 色彩心理學

2.1 色彩心理學的概念分析

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

2.2 色彩的心理錯覺

光線對人體顏色的刺激會使人的身體和精神狀況產生某種變化。

顏色是一種視覺上的視覺錯覺，不管顏色的真實氣溫如何，它都是一種視覺上的錯覺。例如，紅色、橙色和黃色等暖色通常會喚起人們的“溫暖”的感覺，因為他們會將這些色彩與初升的太陽聯系起來。淺色和濃色的方向由色彩的亮度決定。高亮度的顏色會更加明亮，使人感到更加的輕盈。顏色偏暗，有一種沉甸甸的質感。

2.3 用戶對色彩的感受差異

童年的記憶、生活環境、文化教養和其他個人因素都會在一定程度上影響到對于色彩的感知。用戶對色彩的感知會隨著年齡的增長而變化。科學家用顏色試驗為顏色的科學研究奠定了基礎。他們發現，人們在年輕時傾向于喜歡較暖的色彩，而在成年后則喜歡較冷的色彩。性別與個體經驗也會對顏色有一定的影響。一般來說，男人偏愛深色、冷色調和較純凈的顏色，比如黑和藍。因此，大多數與軍事類別有關的應用軟件都是這些色彩。另一方面，女性主要喜歡淡淡的暖色調，如粉色、白色和鵝絨色。因此，應用界面，特別是針對女性的應用界面，主要是清晰和流行的。[3]

3 基于色彩的UI 設計中的視覺思維分析

3.1 強化感官視覺思維

用戶界面設計需要充分挖掘視覺思維中隱藏的視覺感知部分的需求，從而可以更流暢地完成設計流程，給用戶帶來交互體驗。

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

3.2 提升認知體驗

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

3.3 積極調動人們的情感

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

4 UI 界面中的色彩應用

4.1 色彩在UI 設計中的作用

在使用者介面的設計中，顏色的運用能讓使用者順暢地發現所需資訊，并能執行更為精密的作業。因此，在用戶界面設計中選擇正確的色彩是很重要的。在他們的研究中，用戶界面設計師發現，交互設計可以根據以下三個要求來使用色彩，而且加入色彩可以改善目標任務。

4.1.1 分類區別與聯系

添加色彩代碼、自定義結構和色彩子系統的維度，可創造出一套整體結構和對應的子結構體系，使得使用者能夠利用色彩高效地將物品分類，并保留他們的內部關聯色彩也能提供多層的邏輯性資訊結構，讓使用者透過連貫的、可理解的色彩程式來理解其它復雜性的關系。

4.1.2 信息理解

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

4.1.3 便捷搜集與處理

強調信息，增加吸引力。利用亮度、反差以及飽和度調節顏色，可以為多個畫面提供多種效果，突出顯示各個細節。這是因為生動的色彩和獨特的形狀相結合，刺激了用戶的視覺神經，抓住了他們的注意力。在用戶界面交互設計經常使用的搜索引擎中，如果用戶在給定的時間段內搜索一個想要的任務三次或更多次，該目標將被賦予特定的色彩，與之相似或接近的目標也會被標記出來，使用戶能夠更加方便地予以詢問（圖1）。[5]

圖1 用戶界面

4.2 色彩在UI 設計中的運用

4.2.1 色彩的情感因素在UI 設計中的運用

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

在中國的文化背景下，UI 色彩的使用可以充分參考產業的屬性，從而對其實施相應的分類，具體如下：機電類的工業色彩強調固有的強度和效果，經常使用紅色、黃色、橙色、黑色和灰色等色彩組合，給用戶一種堅實和莊重的感覺。橙色等色彩及其組合色彩主要是圖像本身的內在因素，是開胃的。在化妝品等級中，色彩被用于衛生和護理。色彩風格主要是高純度和低粉彩，綠色及其組合給人以優雅、高檔、清新和柔和的感覺。[6]

4.2.2 色彩的三種視覺色素在UI 設計中的運用

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

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

圖2 UI界面

4.2.3 色彩的可操作性運用

易用性方面。使用者與機器之間的交流主要是通過接口，使用者可以在最短的時間內掌握所需的信息，所以使用者在進行UI 接口的設計時，必須把使用者的易用性當作基本原則；只有這樣，用戶的使用體驗才會更好、更方便、更舒適，更好地滿足用戶的使用習慣和行為習慣。

可視性方面。該接口必須具有特定的視覺形態，以便通過視覺直觀有效地理解設計者所要傳達的內容。所以，在進行UI 界面的開發過程中，必須遵循用戶可視化的基本原理，以提高用戶的總體使用感受。

連貫性方面。在進行UI 接口的工作中，應充分重視界面的一致性，以確保使用者對信息的準確性、有效性和快速性的理解，從而為使用者帶來更好的體驗。因此，UI 界面設計者必須做到視覺要素的一致性，使整個設計能夠實現預期的設計目的，使信息和使用者的交互能力最大化。

根據有關的調查結果，將顏色心理學應用于UI 的界面，可以根據使用者的心理，最大限度地利用顏色對使用者的影響；將顏色的情感特征、社會性和自然屬性等有機地融入到用戶的界面中，能使顏色和用戶界面的美感達到最大限度的融合。所以，相關人員在進行UI 接口的設計時，應充分利用顏色心理，以提高用戶接口的各項性能；同時，能提高整個界面的美感和藝術感，使整個UI 的界面設計水準達到一個新的層次。

5 結語

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

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