王晶晶

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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