淺析色彩在信息可視化界面設計中的應用

孫夢琳

摘要：隨著互聯網“大數據”、“數據可視化”的發展，信息可視化作為界面設計的一種表達形式，其視覺的呈現方式是自然而直觀的，而色彩是界面設計中的重要元素之一，它可以帶給用戶不同的視覺和心理感受。所以，探討色彩在信息可視化界面設計中的應用是UI設計發展的趨勢之一。

關鍵詞：可視化界面;UI設計;色彩

在UI設計中，色彩是產生視覺沖動和藝術感染力的重要因素之一，其使用和搭配尤為重要，協調舒適的配色更能吸引用戶，也能更好地傳遞品牌價值。UI設計與一般的平面作品不同，其整體界面顏色不會過多，因此，使用顏色的內容往往能夠使用戶第一時間注意到。而信息可視化為電子設備的UI界面設計提供了更為有趣的視覺效果和交互體驗感，將復雜的數據信息通過視覺圖形圖像元素表現，搭配相應的色彩，提升界面趣味性的同時，能夠更加準確清晰、有效及時的傳達相關信息，節省用戶使用時間。

一、色彩對用戶心理的影響

色彩對人們的視覺來說是最為敏感的，色彩能夠給人們留下深刻的印象。色彩教育家約翰內斯說過：“色彩向我們展示了世界的精神和活生生的靈魂。”人的視覺器官在觀察物體時，最初的幾秒鐘對色彩的感知達到80%，形態感知只有20%，兩分鐘后，色彩感知占60%，形態感知占40%，清晰的表明了色彩在UI設計中的地位，給用戶留下鮮明、快速、明了的印象。色彩的合理運用，能夠傳遞情感，但人類對于色彩傳遞的情感是因人而異的，對于大部分消費者群體來說，鮮艷明快的色彩給用戶一種在此消費較為“便宜”的認知，而深色或不完全飽和的顏色會給予產品一種“優雅、精致、權威”的心理感受。色彩給予用戶的視覺感受是直觀的，具有聯想性。在信息多元化的當下，如何使用戶留有深刻的印象，如何給用戶提供情感認知，就需要依靠視覺效果來傳達信息。用戶色彩心理的研究較為復雜，但色彩確實可以對用戶的感知起到積極或者消極的影響。

二、可視化界面設計中色彩的使用原則

人類的認知主要來源于視覺、聽覺和觸覺，而最直接、最基本的認知即來自于視覺。在界面的設計上，運用色彩提升界面的美觀性，給予用戶視覺愉悅、易懂、易操作等體驗，可以發揮色彩在UI界面設計中先聲奪人的作用。

（一）色彩搭配

1.顏色不過三

在界面設計中，主要的色彩不超過三種色相的搭配，表達出產品主題即可，單個界面中色彩過多，會使用戶在視覺上出現凌亂感。單一的顏色在界面設計中稍顯單調乏味，可以調整單一色相中的明度或飽和度來豐富色彩，通過顏色的把控使界面具有層次感。

2.色彩配比

6：3：1原則是指主導色占60%，輔助色占30%，重點色占10%，該比例可以為界面設計中的色彩帶來相對的平衡感，并能使用戶明確界面中的設計重點，為用戶起到視覺引導的作用，更好地了解界面的層次結構。

（1）主色

界面設計中，色彩的搭配需要符合產品的特征和想要給用戶帶來的心理感受，在確定整體界面的主色調前，需要對產品進行分析和定位，確定好產品的應用人群及方向后，利用色彩心理學提煉出較為貼切的主色調。主色一般用于被激活的圖標、導航欄、狀態欄和標簽欄等。

（2）次色及輔助色

界面設計中的次色主要用來配合主色調，通過與主色調相同的色相，偏白或黑來調整顏色的明暗度。

輔助色是界面設計中的點綴色，輔助色的點綴可以使整個界面視覺效果更加豐富。一般用于界面的分類導航圖標、設置功能圖標、消息通知、標簽等處。

（3）背景色

通常來說，APP界面的背景色使用較多的是無色系，通過無色系與主色、輔助色等有色系搭配，可以使界面看起來干凈、整潔。一般用于界面的主背景、區塊的分割、邊框、文本內容等地方。

（二）界面設計中色彩使用分析

不同的色彩能夠給用戶傳遞出不同的含義和心理感受，每種顏色在思維中都有其獨特的影響力。

1.紅色

該顏色具有很強的視覺沖擊力，能夠使人產生沖動、熱情、憤怒等不同的感覺，它可以快速提高用戶注意力，所以，紅色通常作為信息未讀圖標出現。在界面設計中，紅色不易大面積使用，容易使用戶產生視覺疲勞。當然，需要根據界面所傳遞的信息進行色彩的使用，如黨團或重大節日慶賀，以紅色為主色調，能起到提神和振奮人心的效果。

2藍色

藍色是大部分用戶喜歡的第一色，在大自然中，我們對藍色的認知度最高。在界面設計中，將品牌和顏色結合起來，可以營造用戶對品牌的信任感，所以藍色多以安全、可靠、高科技和創新等心理感知出現。最重要的一點是，藍色對于色盲的用戶很友好，紅綠色盲群體能夠在多種色彩中明確分辨出藍色。

（三）色彩的使用使可視化界面設計更具個性化

可視化界面設計中的色彩，不但給用戶帶來了審美的愉悅，同時也體現了設計豐富的文化內涵及社會性內容，能夠容易被用戶識別記憶，從而起到更好的宣傳作用。

色彩的象征性意義應用于信息可視化界面設計，透過色彩獨特的心理反應和直覺刺激，在短暫的時間內能夠吸引消費者的視覺注意力。

三、色彩在信息可視化界面設計中的應用

隨著用戶審美的提高，界面設計的交互及視覺也隨之不斷優化。信息可視化界面為用戶提供了豐富且有趣的視覺體驗及交互體驗。

在信息可視化界面設計的過程中，色彩能夠通過創造視覺焦點來影響用戶的情緒和認知，甚至可以引導用戶操作界面的行為，利用色彩的搭配對信息可視化界面進行優化，使界面的視覺效果有其獨特的趣味性和魅力。

（一）色相的對比

在0°到360°的標準色輪上，距離越近的色彩，對比的視覺效果越弱，反之對比則越強，越具有視覺刺激性。通過色相的對比，能夠對可視化界面傳達的信息一目了然。如機場智能數據庫的信息可視化界面設計，背景選用較深的顏色，數據等實時信息通過不同的色相來表現，如‘航站樓旅客分部情況’信息可視化界面中，紅色代表人群密集，橙色其次，綠色代表人群稀疏，實時信息變動，一目了然。

（二）明度、飽和度的對比

色彩的明度即色彩的亮度，不同的顏色有其明暗的差異性，同一色相也有其明暗深淺的變化。色彩的明度對比的強弱取決于明度的基調差別程度，越接近白色，明度越高，反之明度越低。

今年年初我國發布疫情動態信息可視化分布圖，利用色彩的對比，來顯示和區分不同地區疫情的治愈率和確診率，深色代表確診基數較大，淺色則代表確診基數小。在米勒定律中，如果信息塊過多，會導致信息過載，所以利用信息可視化界面設計中的原則，將不同的信息組成“塊”，再利用色彩對不同的“塊”進行視覺分類，減少用戶的認知負荷。

四、總結

現今，信息可視化的視覺表現形式已然成為一種趨勢，成為了人與人、人與數據之間進行溝通的最便捷方式，用更加直觀、易于理解的形式進行信息的分享和溝通，縮短信息表達方式，同時給受眾者留有深刻的印象。

信息可視化最主要的目的是“一圖勝萬言”，能夠直接在視覺上強化用戶認知。本文從色彩對用戶心理的影響，使用原則及應用方式進行闡述，對色彩在信息可視化界面設計中的應用具有一定的意義。

參考文獻：

[1]王月穎：淺析色彩在UI設計中的作用，山東工業技術，2019年第16期

[2]宋秀賢，馮本慧，陳青青：色彩對網頁界面設計的影響探究，西部廣播電視，2015

[3]王學義：信息可視化中色彩應用研究，科技情報開發與經濟，2008年第26期