色彩構成在UI界面設計中的應用

王晶晶

摘要：移動互聯網的產生與普及，帶動了UI界面設計行業的飛速發展。UI界面設計除了在保留基本的商業功能的基礎上，更應該從視覺策劃的角度，滿足受眾用戶的視覺審美需求。這就要求設計師對UI界面設計有一定的優化和改良研究能力。在UI界面設計中合理使用色彩構成的基礎原理，并使用相對科學的色彩分析方法和視覺表現形式，可以幫助UI設計師更好地完善自己的作品，同時提升用戶的使用體驗。

關鍵詞：色彩構成;UI界面設計;應用

中圖分類號：J525.1 文獻標識碼：A 文章編號：1005-5312（2020）30-0169-01 DOI：10.12228/j.issn.1005-5312.2020.30.118

UI界面設計是指當下人機交互操作時界面通過合理的視覺設計后的效果呈現。色彩構成是指色彩中一種相互作用的原理，它的變化效果不僅從人對色彩的知覺出發，而且從色彩心理出發，用相對科學的色彩分析方法將色彩的現象進行解釋還原，再利用一定的邏輯規律，重新組合并創造出來的一套新的、完整的色彩變化效果過程。但色彩構成是不能夠脫離形式、位置和空間這些基礎元素而獨立存在的。在進行UI界面設計時，通過對應用形式的分析處理，利用好色彩構成的視覺藝術元素，從而達到應用實踐的最終目標。

色彩構成是UI界面設計中最重要的一種視覺元素，也是最主要的表現形式，它既是感性視覺的呈現，又是理性構成的重組。UI設計師通過分析這些色彩構成中的基礎原理和方法論進行設計研究，對UI界面設計中品牌價值以及用戶情感體驗都有著至關重要的作用。

一、色彩構成在UI界面設計中的視覺對比手法應用

色彩視覺變化是影響受眾用戶視覺思維的重要因素之一，合理地運用色彩視覺對受眾用戶的交互體驗有著巨大的作用。

1.視覺手法應用中明度純度的變化對比。在UI界面上突出不同層級的內容體系，進行內容劃分，讓受眾用戶能夠第一眼區分不同內容的重要性，找到關鍵信息。

2.視覺手法應用中的面積位置對比。色彩雙方的屬性不變，其中一方的面積增大，另一方色彩的面積進行縮小，那么這部分的對比就會被削弱，在界面表現時設計師也會通過色彩的面積大小，來表現信息的側重。

3.視覺手法應用中的比例因素對比。在UI界面設計需要進行優化時，我們會隨著設計的需求，進行位置空間的變化，那么色彩的比例大小關系也會起到關鍵作用，UI設計師更傾向于使用一個黃金比例進行調和，從而達到對比美的協調效果。

二、色彩構成在UI界面設計中的情感應用

色彩構成中提到，不同頻率的色彩能夠作用于我們敏感的視覺器官，并通過我們的思維以及以往的經驗產生相應的關聯性，進而形成相應的色彩心理反應。

1.情感應用中的共同感受。當我們看到紅色、紅橙色、橙色、黃色的這種高明度高刺激色彩往往會有直接的視覺刺激以及興奮感作用，會讓我們聯想到溫暖、熱烈、奔放甚至危險的效果。而當我們看到綠色、藍色、紫色、灰色等這些冷色系的效果是通常會產生寒冷，開闊，理智，平靜的感覺，這就是我們賦予色彩的共同感受，通過提升共同的感受體驗，提供舒適感，延遲瀏覽的時長，提高受眾用戶滿意度。

2.情感應用中的心理聯想。除了共同的感受，我們甚至會對色彩產生心理聯想，這里既包括具象聯想，又包括抽象的聯想。通過對色彩構成中情感因素的應用，在UI界面設計時，利用色彩輔助進行視覺心理誘導，在設計時凸顯這些因素，把它們作為一種象征性的演化，合理使用這些因果關系在色彩的第一眼視覺去贏得受眾用戶的心理認同以及情感認同，也可以說受眾用戶在通過聯想的同時，更有了具體的主觀意志的影響，通過受眾用戶思維去進一步產生象征意義。比如說購物類和消費類UI界面設計，通常會使用高明度高刺激性的顏色，通過色彩進行心理暗示，制造緊張激烈的購買氛圍，以調動受眾用戶的購買欲。

三、色彩構成在UI界面設計中的符號應用

色彩構成在UI界面設計中具有特殊的符號化作用，在多樣化界面信息呈現的今天，利用色彩效果進行合理的視覺改造，能夠進一步強化界面內容，這樣具有理性符號作用的色彩構成效果，既能準確傳遞品牌信息，又能實現界面設計的趣味感，滿足受眾用戶的需求。

1.符號作用中的品牌特性定位。在UI界面設計時，應當注意色彩構成中色彩秩序的變化，通過協調對比規律來組成符合品牌特性的效果，并使用這一色彩秩序效果來組織一個理性化、規范化的符號，從而達到統一的品牌特性視覺。比如在UI界面設計中，設計所有的詳情頁都根據顏色深淺變化、強弱對比的關系反復組合設計，形成層次豐富的秩序感;又或是在設計搜索框底色、按鈕色、背景色時使用同色系色彩來強化品牌色彩符號，合理地發揮色彩秩序的特點，突出其符號化作用。

2.符號作用中的受眾用戶需求。UI界面設計和其他的產品包裝設計意義，在具體開展設計時，應對結合統一化視覺，熟悉的色彩效果對受眾用戶來說可以具形成同理心，通過符號化的形式擴展界面設計的發展空間和表達形式。

參考文獻：

[1]雷蕾.論UI設計中的色彩心理學運用[J].現代裝飾理論，2019，8.

[2]洪雯，張艷，劉可.色彩構成[M].北京：中國青年出版社，2017.