論色彩在UI設(shè)計(jì)中的應(yīng)用

李舟

摘 要：智能技術(shù)的發(fā)展，使得數(shù)字化產(chǎn)品市場競爭不斷加劇。功能同質(zhì)化的出現(xiàn)，導(dǎo)致不僅需要滿足電子設(shè)備的功能，同時(shí)也需要注重用戶在使用產(chǎn)品過程中的體驗(yàn)。而UI設(shè)計(jì)注重的是人機(jī)交互與用戶體驗(yàn)，因此，在用戶體驗(yàn)產(chǎn)品過程中發(fā)揮了重要的作用。本文就色彩在UI設(shè)計(jì)中的應(yīng)用進(jìn)行探究，希望可以滿足時(shí)代的發(fā)展所需。

關(guān)鍵詞：UI設(shè)計(jì);色彩;應(yīng)用

對于人們而言，色彩能夠豐富人們的視覺世界，能夠展示色彩本身的魅力，利用觀察、發(fā)現(xiàn)和創(chuàng)造，就可以帶來感官上的刺激與享受?；ヂ?lián)網(wǎng)作為主要的通信工具，逐漸深入人們的生活之中，使得人們對于APP選擇要求越來越高，只有合理的運(yùn)用色彩進(jìn)行UI設(shè)計(jì)，才能夠得到人們的青睞。

1 UI設(shè)計(jì)中色彩的功能

在視覺傳達(dá)中，色彩作為重要的要素，在UI設(shè)計(jì)中發(fā)揮了重要作用，具體而言，主要包含：

1.1 界面整體架構(gòu)的顯示

UI界面通過圖形化的外觀，就可以在客戶視覺系統(tǒng)中直接作用。當(dāng)用戶接觸到UI界面之后，就可以看到一個(gè)由底色、幾何色塊、按鈕等諸多要素構(gòu)成的圖形符號系統(tǒng)。通過色彩，就可以將背景、狀態(tài)欄、導(dǎo)航欄等構(gòu)成要素直觀凸顯出來，并且還可以將UI界面的邏輯架構(gòu)呈現(xiàn)出來。[1]

1.2 視覺層級關(guān)系的明確

在UI設(shè)計(jì)中，不同內(nèi)容所述的層級關(guān)系不同，如菜單和菜單之間的同級關(guān)系、內(nèi)容與內(nèi)容之間的從屬關(guān)系等。通過不同的色相色彩、同色系色彩的差距，就可以將內(nèi)容層次關(guān)系直觀的區(qū)分出來，并且利用色彩之間的強(qiáng)烈對比，也能夠?qū)㈥P(guān)鍵內(nèi)容凸顯出來。

1.3 界面整體風(fēng)格的營造

雖然UI界面屬于復(fù)雜的視覺圖形系統(tǒng)，但是利用主色調(diào)、裝飾色以及輔助色之間的對比調(diào)和，就可以呈現(xiàn)出風(fēng)格的明顯傾向。通過同色系色彩、不同色系之間的對比與調(diào)和，就可以讓界面呈現(xiàn)出不同的風(fēng)格。如，男生適合黑色系、灰色系，女生則適合糖果色系、甜美色系。界面風(fēng)格的定位，就成為用戶體驗(yàn)的主要內(nèi)容。

2 色彩在UI界面的中的作用

色彩，作為生活與情感得以豐富的主要方式，融入色彩，可以讓生活更加精彩，讓情感更加的飽滿，所以，在UI界面設(shè)計(jì)中，除開優(yōu)秀設(shè)計(jì)語言運(yùn)用之外，還需要考慮到色彩的融入，從而加深對于用戶的理解，這樣就可以對界面信息加以表達(dá)，加入顏色之后，就可以讓使用者對操作系統(tǒng)內(nèi)容進(jìn)行直觀的感受，同時(shí)也可以滿足視覺與精神的結(jié)合。

顏色，在帶來積極作用的同時(shí)也會帶來消極作用，讓我們感受到色彩帶來的影響，甚至還會對人們的行為和情緒產(chǎn)生影響，就如我們會將色彩劃分為暖色系和冷色系，同時(shí)，對于暖色系與冷色系，我們的感受也會出現(xiàn)較大的差異。如，當(dāng)看到橙色與紅色等偏亮的暖色系，就會給人一種溫暖的想象;當(dāng)看到藍(lán)色與青色等色彩，因?yàn)槠浔旧砥淝液裰?，所以就會讓人產(chǎn)生一種寂靜之感，因此，傳遞這一部分色彩也會對生理性產(chǎn)生一定的反應(yīng)。

視覺的沖擊，會帶來不一樣的感受，在聯(lián)想之后會有主觀意志的出現(xiàn)，再配合上思想會出現(xiàn)象征意義。如，看到黃色，所代表的是希望、熱情與光明，其帶來的感受是具有活力的、積極的;反之，當(dāng)看到冷色系的時(shí)候，如藍(lán)色的真誠、信任之感，在視覺上就會給人一種沉穩(wěn)、冷靜的感受。[2]

3 UI設(shè)計(jì)中色彩的應(yīng)用

3.1 提升用戶體驗(yàn)

在UI界面中，顏色的搭配與色塊分配會給用戶帶來便捷的交互體驗(yàn)。顏色的搭配，可以方便在復(fù)雜的界面之中歸納用戶需要的信息;而醒目的色塊，則可以提醒用戶不會出現(xiàn)信息的使用遺漏。這樣的方式就可以讓用戶操作更加清晰，同時(shí)也可以找到自己所需要的內(nèi)容。其次，對于界面的背景設(shè)計(jì)，一般可以考慮到淺色調(diào)，會給人帶來一種清新柔和之感;如果屬于突出的用能，可以考慮到更深的顏色，利用心理感受，讓用戶直接抓住重點(diǎn)，進(jìn)而直接、輕松地獲取重要信息點(diǎn)，同時(shí)，還可以滿足色彩視角的平衡要求。通過這樣的搭配與協(xié)調(diào)，就可以滿足界面色彩的穩(wěn)定，并且還可以提升用戶的使用頻率以及心理上的親切感。利用色彩心理，就可以將用戶的體驗(yàn)提高。

如圖1中所述的美團(tuán)界面，用戶通過對色彩的心理效應(yīng)，就可以及時(shí)找到對應(yīng)的功能。在左邊，藍(lán)色的色塊相對集中，這樣可以找到對應(yīng)的信息，從而形成相應(yīng)的操作邏輯，在滿足時(shí)間節(jié)約的同時(shí)，還可以提高用戶體驗(yàn)。

3.2 影響用戶心理

格里高利·拉茲蘭曾經(jīng)說過：顏色知覺對于我們有著重要的意義，它能夠?qū)ξ覀兊那榫w狀態(tài)帶來影響，同時(shí)也是視覺審美核心。界面色彩搭配會對用戶的使用與審美情緒帶來直接的影響。在進(jìn)行UI設(shè)計(jì)中，基于用戶心理來進(jìn)行色彩元素的選擇，這樣可以把我其色彩心理，讓用戶對產(chǎn)品產(chǎn)生認(rèn)同與好干。將界面的色彩與用戶心理相互結(jié)合起來，能夠滿足用戶第一時(shí)間使用產(chǎn)品，還可以提升心理的認(rèn)同。[3]

如淘寶雙十一的APP界面，紅色的圖表按鈕為主體，因?yàn)榧t色代表了刺激與激情，所以，就會讓用戶產(chǎn)生一種搶購的心理，從而調(diào)動其購買欲望和積極性，這樣就可以及時(shí)抓住用戶心理效應(yīng)，同時(shí)也能夠滿足促銷的目的。

4 結(jié)語

隨著智能化技術(shù)的不斷發(fā)展，隨著人們對于使用要求的不斷提高，UI設(shè)計(jì)者就應(yīng)該做好設(shè)計(jì)觀念的及時(shí)更新，這樣才可以利用色彩設(shè)計(jì)，滿足現(xiàn)代人的習(xí)慣，最終推動其發(fā)展。

參考文獻(xiàn)：

[1] 張美珍.淺析色彩在UI設(shè)計(jì)中的應(yīng)用[J].設(shè)計(jì)，2014（07）：97-98.

[2] 張淑朋.色彩在UI設(shè)計(jì)中的應(yīng)用分析[J].藝術(shù)科技，2016（04）：271.

[3] 鄭黃昱纓.淺析色彩在網(wǎng)頁UI設(shè)計(jì)中的應(yīng)用[J].戲劇之家，2017（23）：103.