基于UI界面設(shè)計中色彩應(yīng)用研究

王桂霞，趙洪文

摘 要 在分析UI界面設(shè)計的設(shè)計原則的基礎(chǔ)上，結(jié)合自身的實踐經(jīng)驗，從多角度論述了如何有效發(fā)揮好色彩在UI界面設(shè)計中的作用，希望本文的探討對于今后的UI界面設(shè)計的發(fā)展和創(chuàng)新有所幫助。

關(guān)鍵詞 色彩心理學(xué);UI界面設(shè)計;藝術(shù)設(shè)計;創(chuàng)新設(shè)計

中圖分類號 G2 文獻標識碼 A 文章編號 2096-0360（2018）22-0052-02

信息時代，數(shù)字媒體中非常重要的內(nèi)容則是UI界面設(shè)計，其結(jié)合了心理學(xué)、審美藝術(shù)以及科學(xué)技術(shù)等內(nèi)容。在具體的設(shè)計實踐中，用戶界面最為直觀的表達則是進行信息的交流和傳遞的功能，視覺則是非常重要的因素，通過加入必要的色彩能有效對人體器官進行刺激，保證人們獲得足夠的沖擊力，并進行相應(yīng)的信息傳達，表達出對于事物的情感、感受[1]。在具體的設(shè)計實踐過程中，應(yīng)充分重視色彩帶所具有的溝通能力，應(yīng)能加以具體應(yīng)用。

1 UI界面設(shè)計的設(shè)計原則

1）用戶界面的易用性與可視性。用戶和機器則是通過界面來進行溝通交流，界面的作用則是應(yīng)該讓用戶在盡可能短的時間內(nèi)了解相關(guān)信息內(nèi)容。所謂的易用性，就是用戶在應(yīng)用操作界面過程中所具有的便捷性、舒適度，并能遵從用戶的使用習(xí)慣以及行為需要，方便于操作;所謂可視性，則是界面的具體視覺形式表現(xiàn)，能夠利用視覺查看有效弄清楚設(shè)計者所要表達的信息內(nèi)容，具有一定的直觀性，也直接影響到使用者的整體體驗感受。

2）保持界面的連貫性。在進行UI界面的設(shè)計過程中，一定要從整體的連貫性角度考慮，確保用戶能有效準確、快速了解產(chǎn)品屬性，并能實現(xiàn)用戶良好的感官體驗。所以，在具體的設(shè)計過程中，應(yīng)該重視以下方面的問題：應(yīng)滿足相關(guān)視覺元素的統(tǒng)一性，符合預(yù)期的設(shè)計目標要求，實現(xiàn)相應(yīng)的交互行為。在設(shè)計環(huán)節(jié)中，應(yīng)明確客戶群體，并據(jù)此進行分析，然后確定界面應(yīng)該符合大多數(shù)用戶需求。

2 色彩在UI界面設(shè)計中的作用

1）色彩在UI界面設(shè)計中的認知體驗。對于傳遞的信息進行分析，顏色則是人們最為重要的感官知覺之一，根據(jù)統(tǒng)計，對人對色彩感知為八成，進行對形體的感知為兩成。對于外界的視覺形體來說，相應(yīng)的事物位置、空間、外形、個體的區(qū)分來看，都是通過色彩的明度暗度對比的變化來體現(xiàn)[2]?？梢哉f，人們正是通過視覺感官來了解世界，在此基礎(chǔ)上，利用視覺器官和大腦所形成的事物信息，實現(xiàn)相應(yīng)的知覺、認知。其中感知則是視知覺的前提，相應(yīng)的色彩視覺都是在已有感知經(jīng)驗的基礎(chǔ)上。其中，視知覺直接影響到人們相應(yīng)的色彩的感知經(jīng)歷，聯(lián)系到相應(yīng)想象、記憶、經(jīng)驗、頭腦等方面的活動。在出現(xiàn)人類的基礎(chǔ)上，色彩就出現(xiàn)在生活的各個方面，其能有效激發(fā)人們內(nèi)心的共識。人們的視覺對于色彩往往具有更強的識別力、判別力，不同明度的色彩能有效引導(dǎo)用戶進行相應(yīng)的用戶界面的處理。所以，用戶界面則是體現(xiàn)出信息交流的作用，也是進一步深入了解世界的渠道，在此過程中，企業(yè)類用戶界面正是通過色彩能有效進行企業(yè)的品牌信息的傳遞，旅行類用戶界則是借助于色彩來實現(xiàn)真實景色信息的傳遞，時裝類用戶界面則通過色彩來進一步對于裝飾、服裝信息進行展示，網(wǎng)游類用戶界面的立體空間感可以通過顏色來進一步加強。由此可見，色彩在用戶界面具有非常重要的作用，能實時體現(xiàn)客觀事物，其認知作用對于信息傳遞則具有重要意義。

2）色彩在UI界面設(shè)計中的情感因素。在進行UI界面設(shè)計的過程中，傳達視覺形象則是體現(xiàn)出色彩所產(chǎn)生的心理感情，能進一步凸顯出視覺元素的感情因素，從而有效提升了用戶界面的感召力，保證其具有更為豐富的深層次的具體含義。每個人對色彩的感知，由于自身的知識經(jīng)驗構(gòu)架存在差異，具有不同文化背景以及個人喜歡的個體來說，人們在長時間的社會生活中積累了對于色彩的差異化理解，在這樣的背景下，不同的顏色則是帶給人們所不同的感覺，包括甜美、熱烈、歡樂、富麗、樸實等情感感受。所以，通過色彩激發(fā)的情感由于個人不同而有所不同，同樣還受到相關(guān)的環(huán)境、心理狀態(tài)方面的影響，考慮到人的基本活動方式以及生物結(jié)構(gòu)方面的通性情況，還應(yīng)該注意到色彩心理上的共通的色彩感知方面的問題，以便能有效進行更好的視覺信息傳達[3-4]。

黑色為全色相，其屬于無純度的顏色，往往給人厚重、深沉的特點，常常用來表達冷酷和固執(zhí)等情感，經(jīng)常會讓人們想到黑夜、轎車、西裝等。黑色在UI界面設(shè)計中經(jīng)常使用到，能起到一定的沉淀畫面的作用，更好體現(xiàn)出厚重、深沉的感覺。

灰色具有比較低的刺激性、辨識性，往往表現(xiàn)出沉穩(wěn)、誠懇的特點。通過灰色的漸變能體現(xiàn)出科技、強烈權(quán)威的感覺，以及能表達出一種哲學(xué)家的深沉感。其在UI界面設(shè)計的過程中，應(yīng)體現(xiàn)出厚道、智能、沉著以及仔細等信息。

紅色屬于光波最長的顏色，經(jīng)常能表現(xiàn)鮮花、火花、陽光等生命旺盛、精力充沛的事物，紅色往往能在應(yīng)用中帶給人們激動、熱烈、充裕、暖心、性感等感覺。

綠色位于可見光譜中波長的中間情況，從視覺的角度來看，綠色往往具備最強的分辨力，能夠進一步讓人們開展對于和平、植物、大自然、春天、希望等感覺，這種色調(diào)往往具有穩(wěn)定感和希望。

藍色則是具備相應(yīng)的知性、靈性的顏色，能夠帶給人們類似于藍天、海洋、碧空的寧靜和憂郁的感覺。其中，皇家藍則是難以捕捉的寶藍，能體現(xiàn)出孔雀開屏尾翼上光與色的靈動，往往為皇室所選擇的色彩，這種孔雀藍更能體現(xiàn)出沉緩、抒情、浪漫和高貴的情感。在開展UI界面設(shè)計的過程中，藍色應(yīng)用非常廣泛，特別是在相應(yīng)的科技類公司中，軟件設(shè)計界面中大都是選擇藍色為主色調(diào)為主。比如，Windows操作系統(tǒng)，一般情況下的啟動界面都是呈現(xiàn)出藍色調(diào)為主的特點。

在褐色系中，能夠從這種高貴的顏色中體現(xiàn)出穩(wěn)固、靜謐、和平的情感，讓人們?nèi)菀赘械捷p松和穩(wěn)定的興趣。一般情況下，UI 界面設(shè)計中的褐色系主要是用來豐富畫面以及過度用，也可以作為主色調(diào)來應(yīng)用。

在當前的信息背景下，人類的視覺語言交流往往具有非常大的作用。因此，對于色彩對情感的普遍影響應(yīng)該進行深入的認識和探討，同樣考慮到各種色彩也不具有同樣的特征，特別是在不同文化背景下，色彩含義的差異性往往比較大。通過色彩，不僅能夠進行元素信息的表達，也能體現(xiàn)出藝術(shù)設(shè)計語言，進一步加強UI界面設(shè)計的效果，較好地實現(xiàn)了心理效應(yīng)和象征意義上需求。

3）色彩在UI界面設(shè)計中的藝術(shù)功能。對于UI界面設(shè)計來說，其符合藝術(shù)設(shè)計的規(guī)律內(nèi)容，體現(xiàn)出藝術(shù)的創(chuàng)新，在此過程中，則不僅僅是藝術(shù)美感的要求，更多則是利用設(shè)計方式來進一步提升相應(yīng)的功能化需求，比如，人們生活中的審美、易用性以及實用性方面的功能。

在考慮UI界面的美感的過程中，應(yīng)該重視如何有效應(yīng)用顏色，可以借鑒“七分顏色三分花”的觀點，充分重視顏色在UI界面設(shè)計藝術(shù)審美里的價值。從用戶的角度來考慮，其視感官能夠非常敏銳的察覺到色彩的變化，這樣則說明色彩往往具有非常強大的感染力。通過色彩的應(yīng)激效果，往往能通過先聲奪人的色彩來抓住用戶，在這樣的影響下，還會存在一定的視覺后像。所以，盡管在大腦中僅僅為短暫存在的視覺后像，但色彩的具象性能則表現(xiàn)出較長時間的印記。其中，顏色記憶能力直接影響著色彩藝術(shù)的表達力。通過特定顏色的某種方式的刺激，能夠進一步結(jié)合個人體驗來關(guān)聯(lián)相應(yīng)的特定顏色的知識和生活體驗，進一步加強對于色彩的想象。比如，如果人經(jīng)歷了冬天冰雪中藍紫色調(diào)情況，那么在遇到藍紫色調(diào)就會非常容易聯(lián)想到寒冷的冰天雪地情況。在色彩聯(lián)想方面，則是應(yīng)該建立在人的想象力、知識儲備的過程中，如果人們的知識信息量越大，那么就有著更為豐富的想象力，也就有著更為主動的聯(lián)想行為。

對于多媒體產(chǎn)品的界面來說，其和商品包裝一樣，在具體的設(shè)計過程中，應(yīng)該結(jié)合統(tǒng)一化的藝術(shù)形式來介紹和展示產(chǎn)品軟件的相關(guān)功能。在藝術(shù)領(lǐng)域中的自然界的色彩應(yīng)用過程中，必然要經(jīng)歷創(chuàng)造者的審美改造，這樣色彩就能具有感情信息、理性思索的象形符號，能夠進行相關(guān)的情感寄托。

3 結(jié)束語

綜上所述，在信息時代背景下，界面信息化呈現(xiàn)出多樣化特點，一定要注意其中存在的胡亂搭配的問題，從而有效避免用戶的審美疲勞。通過大量的色彩組合的顏色區(qū)域，能結(jié)合用戶的實際需求，利用顏色方面的強烈對比來進一步對于界面主要內(nèi)容進行強調(diào)。同時，利用多色彩的結(jié)合方式，能實現(xiàn)界面趣味性、信息的準確傳達。由此可見，色彩不僅體現(xiàn)出表達符號，更多則是進行視覺傳達的方式和形式的表達，能夠為UI界面設(shè)計擴展無限的發(fā)展空間。

參考文獻

[1]鄢躍勇，陳涵，于曉東.基于人因工程的數(shù)字化人機界面信息可視化設(shè)計[J].人類工效學(xué)，2018（1）：48-51.

[2]宋秀賢，馮本慧，陳青青.色彩對網(wǎng)頁界面設(shè)計的影響探究[J].西部廣播電視，2015（16）：94.

[3]張雪凈.手機游戲的界面設(shè)計色彩分析[J].藝術(shù)科技，2014（2）：72.

[4]高鳳燕.論高校新聞網(wǎng)界面設(shè)計中的色彩控制[J].大眾文藝，2017（17）.

作者簡介：王桂霞，講師，研究方向為多媒體技術(shù)、UI界面設(shè)計、動畫制作。