王桂霞，趙洪文

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

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

中圖分類號(hào) G2 文獻(xiàn)標(biāo)識(shí)碼 A 文章編號(hào) 2096-0360（2018）22-0052-02

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3 結(jié)束語

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

參考文獻(xiàn)

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

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

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

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

作者簡介：王桂霞，講師，研究方向?yàn)槎嗝襟w技術(shù)、UI界面設(shè)計(jì)、動(dòng)畫制作。