王晶晶

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

關(guān)鍵詞：色彩構(gòu)成;UI界面設(shè)計(jì);應(yīng)用

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

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

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

一、色彩構(gòu)成在UI界面設(shè)計(jì)中的視覺對比手法應(yīng)用

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

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

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

3.視覺手法應(yīng)用中的比例因素對比。在UI界面設(shè)計(jì)需要進(jìn)行優(yōu)化時(shí)，我們會隨著設(shè)計(jì)的需求，進(jìn)行位置空間的變化，那么色彩的比例大小關(guān)系也會起到關(guān)鍵作用，UI設(shè)計(jì)師更傾向于使用一個黃金比例進(jìn)行調(diào)和，從而達(dá)到對比美的協(xié)調(diào)效果。

二、色彩構(gòu)成在UI界面設(shè)計(jì)中的情感應(yīng)用

色彩構(gòu)成中提到，不同頻率的色彩能夠作用于我們敏感的視覺器官，并通過我們的思維以及以往的經(jīng)驗(yàn)產(chǎn)生相應(yīng)的關(guān)聯(lián)性，進(jìn)而形成相應(yīng)的色彩心理反應(yīng)。

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

2.情感應(yīng)用中的心理聯(lián)想。除了共同的感受，我們甚至?xí)ι十a(chǎn)生心理聯(lián)想，這里既包括具象聯(lián)想，又包括抽象的聯(lián)想。通過對色彩構(gòu)成中情感因素的應(yīng)用，在UI界面設(shè)計(jì)時(shí)，利用色彩輔助進(jìn)行視覺心理誘導(dǎo)，在設(shè)計(jì)時(shí)凸顯這些因素，把它們作為一種象征性的演化，合理使用這些因果關(guān)系在色彩的第一眼視覺去贏得受眾用戶的心理認(rèn)同以及情感認(rèn)同，也可以說受眾用戶在通過聯(lián)想的同時(shí)，更有了具體的主觀意志的影響，通過受眾用戶思維去進(jìn)一步產(chǎn)生象征意義。比如說購物類和消費(fèi)類UI界面設(shè)計(jì)，通常會使用高明度高刺激性的顏色，通過色彩進(jìn)行心理暗示，制造緊張激烈的購買氛圍，以調(diào)動受眾用戶的購買欲。

三、色彩構(gòu)成在UI界面設(shè)計(jì)中的符號應(yīng)用

色彩構(gòu)成在UI界面設(shè)計(jì)中具有特殊的符號化作用，在多樣化界面信息呈現(xiàn)的今天，利用色彩效果進(jìn)行合理的視覺改造，能夠進(jìn)一步強(qiáng)化界面內(nèi)容，這樣具有理性符號作用的色彩構(gòu)成效果，既能準(zhǔn)確傳遞品牌信息，又能實(shí)現(xiàn)界面設(shè)計(jì)的趣味感，滿足受眾用戶的需求。

1.符號作用中的品牌特性定位。在UI界面設(shè)計(jì)時(shí)，應(yīng)當(dāng)注意色彩構(gòu)成中色彩秩序的變化，通過協(xié)調(diào)對比規(guī)律來組成符合品牌特性的效果，并使用這一色彩秩序效果來組織一個理性化、規(guī)范化的符號，從而達(dá)到統(tǒng)一的品牌特性視覺。比如在UI界面設(shè)計(jì)中，設(shè)計(jì)所有的詳情頁都根據(jù)顏色深淺變化、強(qiáng)弱對比的關(guān)系反復(fù)組合設(shè)計(jì)，形成層次豐富的秩序感;又或是在設(shè)計(jì)搜索框底色、按鈕色、背景色時(shí)使用同色系色彩來強(qiáng)化品牌色彩符號，合理地發(fā)揮色彩秩序的特點(diǎn)，突出其符號化作用。

2.符號作用中的受眾用戶需求。UI界面設(shè)計(jì)和其他的產(chǎn)品包裝設(shè)計(jì)意義，在具體開展設(shè)計(jì)時(shí)，應(yīng)對結(jié)合統(tǒng)一化視覺，熟悉的色彩效果對受眾用戶來說可以具形成同理心，通過符號化的形式擴(kuò)展界面設(shè)計(jì)的發(fā)展空間和表達(dá)形式。

參考文獻(xiàn)：

[1]雷蕾.論UI設(shè)計(jì)中的色彩心理學(xué)運(yùn)用[J].現(xiàn)代裝飾理論，2019，8.

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