趙慧雯 王健

摘 要：現(xiàn)如今智能技術(shù)快速發(fā)展，微交互產(chǎn)品已經(jīng)進(jìn)入白熱化狀態(tài)。UI設(shè)計(jì)簡(jiǎn)單來(lái)說(shuō)就是人機(jī)之間的交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)解決信息可視化的問(wèn)題，所以微交互就顯得尤其重要。色彩在客觀上是對(duì)人內(nèi)心的一種刺激和象征，是主觀意識(shí)中的一種反應(yīng)和行為。文章從色彩心理學(xué)與UI視覺(jué)設(shè)計(jì)相融合來(lái)探討，明確提升用戶心理體驗(yàn)是UI交互設(shè)計(jì)的重要因素之一。

關(guān)鍵詞：UI界面;設(shè)計(jì);色彩;心理;微交互

一、UI界面設(shè)計(jì)概述

（一）UI界面理論

UI設(shè)計(jì)在用戶與硬件通信時(shí)給予用戶良好的交互過(guò)程。UI界面設(shè)計(jì)是UI設(shè)計(jì)中的比較重要的一環(huán)，它能夠?yàn)橛脩舫尸F(xiàn)美觀舒適的一面，增強(qiáng)手機(jī)用戶的使用感和視覺(jué)效果，進(jìn)而縮減用戶與產(chǎn)品之間的差距。因此，UI 界面設(shè)計(jì)不僅僅局限于表面的設(shè)計(jì)，它需要綜合考慮用戶心理需求、產(chǎn)品的使用需求、產(chǎn)品使用場(chǎng)景以及產(chǎn)品定位，為用戶設(shè)計(jì)一款藝術(shù)與設(shè)計(jì)相結(jié)合的藝術(shù)產(chǎn)品。將色彩心理學(xué)融合到UI界面設(shè)計(jì)中，能夠增添產(chǎn)品的體驗(yàn)感以及藝術(shù)感，帶給用戶不一樣的使用體驗(yàn)。

（二）UI的發(fā)展趨勢(shì)

隨著硬件設(shè)施應(yīng)用的白熱化，UI設(shè)計(jì)也越來(lái)越成熟。世界上有很多優(yōu)秀的平面設(shè)計(jì)師，從事UI設(shè)計(jì)這個(gè)行業(yè)同時(shí)，也催生出了大批職業(yè)的UI設(shè)計(jì)師?？v觀近年來(lái)UI設(shè)計(jì)的趨勢(shì)，UI設(shè)計(jì)逐漸從擬物化的設(shè)計(jì)轉(zhuǎn)變?yōu)槌橄笤O(shè)計(jì)。我們需要思考的是，為什么每個(gè)人一開始都喜歡擬物化設(shè)計(jì)，為什么他們能夠把擬物化設(shè)計(jì)做得如此精致。從這個(gè)趨向分析，我們可以清楚地發(fā)現(xiàn)，這種變化不僅僅是用戶界面的設(shè)計(jì)，更多的是改變我們用戶的實(shí)際體驗(yàn)，他們需要一個(gè)適應(yīng)的過(guò)程。因此，設(shè)計(jì)師需要做的是用我們生活中的真實(shí)事物替換系統(tǒng)中的一些圖標(biāo)。從Windows XP啟動(dòng)開始使用透明通道，到移動(dòng)終端現(xiàn)在流行扁平化的設(shè)計(jì)風(fēng)格，利用各種工具極大地提高工作效率，內(nèi)容和平臺(tái)設(shè)計(jì)工作發(fā)生了很大的變化。

（三）UI設(shè)計(jì)的風(fēng)格

一是扁平化設(shè)計(jì)。扁平化設(shè)計(jì)是當(dāng)下最流行的UI設(shè)計(jì)風(fēng)格，設(shè)計(jì)更簡(jiǎn)單清晰，更重要的一點(diǎn)是，擁有更好的適合性。移除界面的裝飾效果，簡(jiǎn)單直觀地展示工作方式中的信息和事物，設(shè)計(jì)元素強(qiáng)調(diào)抽象、簡(jiǎn)約、符號(hào)化，設(shè)計(jì)更簡(jiǎn)單、清晰。較小的屏幕迫使設(shè)計(jì)者放棄花俏的修飾和多余的內(nèi)容，并且優(yōu)先保證對(duì)業(yè)務(wù)和客戶體驗(yàn)影響最大的功能。

二是大字體排版。大型字體的排版更具可讀性，能夠吸引追隨者的大型字體的排版已成為一種主要的排版方法，在設(shè)計(jì)中得到了廣泛的應(yīng)用，并與不同的視頻和圖片相結(jié)合和匹配。但是，如果控制不好，大字體排版的設(shè)計(jì)很容易讓整個(gè)頁(yè)面看起來(lái)很生硬。設(shè)計(jì)師可以使用不同的顏色來(lái)創(chuàng)造視覺(jué)上的色彩對(duì)比增強(qiáng)吸引力，也可以進(jìn)行多種字體設(shè)計(jì)，充分利用字體設(shè)計(jì)技巧，最大限度地為用戶創(chuàng)造獨(dú)特的設(shè)計(jì)體驗(yàn)。

三是色彩過(guò)渡。用戶界面設(shè)計(jì)傾向于使用大量帶有漸變顏色的抽象插圖，其中大部分開始出現(xiàn)不對(duì)稱。不對(duì)稱的美使其獨(dú)有的特點(diǎn)梯度增加插圖的豐富性，保證其足夠獨(dú)特、有趣，同時(shí)也很容易被注意到。在一個(gè)扁平化的設(shè)計(jì)中，在抽象的插圖上添加一個(gè)漸變是恰到好處的。

二、色彩心理學(xué)在UI設(shè)計(jì)中的作用

（一）色彩心理與用戶心理

現(xiàn)如今，信息的內(nèi)容基本上被人類的視覺(jué)感官所識(shí)別，因此，視覺(jué)在人的各種感官知覺(jué)中占有非常重要的地位。用戶界面設(shè)計(jì)是基于用戶體驗(yàn)的，所以了解人們的情緒、感知、認(rèn)知等心理過(guò)程都至關(guān)重要。運(yùn)用和熟知心理學(xué)知識(shí)，尤其是行動(dòng)理論和認(rèn)知心理學(xué)，進(jìn)而可以深入探索用戶操作。平時(shí)我們見到的大部分色彩都是來(lái)源我們的心理，從而產(chǎn)生對(duì)色彩的感知和想象并在大腦中作用，使其產(chǎn)生情感以至于做出反應(yīng)。人的心理受色彩的影響很大，由色彩帶來(lái)心理的聯(lián)想，這就是我們所說(shuō)的色彩心理學(xué)，它是心理學(xué)的一個(gè)分支。

色彩在人們的生產(chǎn)和生活中已經(jīng)滲透到我們的物質(zhì)領(lǐng)域與精神領(lǐng)域，色彩所產(chǎn)生的美，以它獨(dú)特而微妙的變化深深地影響著人們的情感。色彩本身是沒(méi)有靈魂的，它是一種客觀的常態(tài)，但當(dāng)人們面對(duì)五彩繽紛的世界時(shí)，它會(huì)引起人們內(nèi)心的遐想。在UI界面設(shè)計(jì)中，與整個(gè)通信處理視覺(jué)圖像一起生成的顏色情感心理學(xué)表示，每一種顏色都有著獨(dú)特的意義，這不僅來(lái)自我們對(duì)顏色的感知，也來(lái)自我們的個(gè)人喜好與文化背景。被激發(fā)感情色彩的人因時(shí)間、地點(diǎn)、心理感受、狀態(tài)、性格特點(diǎn)都會(huì)產(chǎn)生不同。

色彩不僅是信息的表達(dá)，而且是心理感受的傳達(dá)，它將新的生命力注入到UI界面，將心理效應(yīng)和符號(hào)意義相結(jié)合。

（二）色彩心理與UI設(shè)計(jì)

色彩是UI設(shè)計(jì)的一個(gè)重要元素，設(shè)計(jì)師必須認(rèn)識(shí)到顏色在傳播中的重要性，了解差異色彩的象征意義。生活色彩更加豐富多彩，它是眼睛對(duì)視覺(jué)可見光的刺激的表現(xiàn)，任何客觀事物都有自己的色彩。色彩對(duì)人類的影響不僅體現(xiàn)在視覺(jué)上，而且影響著人類的心理和情感體驗(yàn)。比如，白色是純潔、樸素、和平、冷酷的顏色，白色能幫助我們?cè)谛睦砩险业狡届o和安寧，它使我們冷靜下來(lái)，幫助放松我們的思想。黃色被認(rèn)為是最容易看到的顏色，更重要的是它具有強(qiáng)大的心理暗示，在設(shè)計(jì)中，黃色可以使用戶感受到信心。但是，過(guò)多的黃色可能帶來(lái)負(fù)面作用，如使用戶產(chǎn)生焦慮或恐懼的感覺(jué)。心理認(rèn)同都是來(lái)源于色彩的視覺(jué)元素。界面色彩與用戶心理效應(yīng)相結(jié)合，可以幫助用戶在第一時(shí)間輕松地適應(yīng)產(chǎn)品，創(chuàng)造用戶的心理認(rèn)同。好的UI界面色彩分配和板塊配置使得用戶在使用過(guò)程中具有舒適的交互體驗(yàn)。大膽的色塊會(huì)提醒用戶，避免信息在使用中丟失，幫助用戶在復(fù)雜界面中總結(jié)有效信息。再者，界面設(shè)計(jì)的背景通常是淺色調(diào)，使軟件更加柔和，主體部分的顏色一般會(huì)比背景更深，心理體驗(yàn)會(huì)幫助用戶實(shí)現(xiàn)顏色的視覺(jué)平衡，增強(qiáng)用戶的心理親密感與使用頻率。

三、UI設(shè)計(jì)中傳統(tǒng)工藝的體現(xiàn)

《折扇》這款A(yù)pp以最佳視覺(jué)入圍了游戲大賞，上線便獲得了App Store的首頁(yè)推薦，成為tagDesign民藝系列的代表作。文化的傳承來(lái)源于心靈的沉淀，這是傳統(tǒng)和高科技的完美結(jié)合，每一步的操作都有濃厚的工匠氛圍，讓用戶對(duì)折扇的制作有很好的了解，從形態(tài)、技術(shù)到歷史，這里都有介紹。高質(zhì)量的三維造型對(duì)傳統(tǒng)折扇的外形、結(jié)構(gòu)進(jìn)行了主要的構(gòu)造，游戲的巧妙發(fā)揮帶用戶體驗(yàn)一把折扇的誕生。當(dāng)用戶通過(guò)軟件深刻了解折扇的基本特性后，自己可以獨(dú)立按照扇子制作的步驟制作自己的折扇， 從選竹到切邊、敲眼、烘烤等，讓我們自己都能感受到什么是真正的手工藝。

《折扇》中采用傳統(tǒng)風(fēng)格，結(jié)合中國(guó)傳統(tǒng)的折扇工藝，再配以極簡(jiǎn)的界面、高保真的模型和流暢的體驗(yàn)，界面全版采用素色。素色也稱為無(wú)彩色，屬于中性色，素色由黑、白、灰以及低飽和度的色彩組成。素色美學(xué)是基于色彩美學(xué)的基礎(chǔ)上，專注研究素色應(yīng)用的學(xué)科。從色彩搭配的角度上來(lái)說(shuō)，素色可以和任何顏色進(jìn)行搭配，不會(huì)產(chǎn)生色彩的沖突。從色彩心理學(xué)的角度來(lái)看，素色具有極好的和諧感，它會(huì)使人腦的信息處理壓力降低，讓人內(nèi)心更加平靜祥和。用戶會(huì)通過(guò)不同的顏色產(chǎn)生不同的心理感受，所以在設(shè)計(jì)中，我們可以利用漸變、混搭、透明變化和透明性來(lái)完成界面格式、界面內(nèi)容和界面色彩的個(gè)性化設(shè)計(jì)。優(yōu)秀的設(shè)計(jì)與色彩心理學(xué)的結(jié)合，將在設(shè)計(jì)理念、設(shè)計(jì)手法、設(shè)計(jì)表達(dá)方面給傳統(tǒng)視覺(jué)帶來(lái)巨大沖擊，豐富色彩心理學(xué)在設(shè)計(jì)表達(dá)中的力量，在很大程度上拓展視覺(jué)設(shè)計(jì)的表達(dá)空間。民族瑰寶不應(yīng)該只是以一種簡(jiǎn)單的文化遺產(chǎn)的形態(tài)存在，還應(yīng)該與時(shí)俱進(jìn)，讓下一代能夠了解并傳承下去。

數(shù)字化時(shí)代的快速發(fā)展也使人們更加關(guān)注微交互。UI設(shè)計(jì)作為提高產(chǎn)品信譽(yù)、創(chuàng)造產(chǎn)品價(jià)值和人機(jī)交互體驗(yàn)的一種手段，是計(jì)算機(jī)和設(shè)計(jì)領(lǐng)域的一個(gè)重要研究方向。對(duì)色彩的分析是一個(gè)相對(duì)復(fù)雜的過(guò)程，它具有各種綜合特性。色彩的合理運(yùn)用對(duì)UI界面設(shè)計(jì)有著非常重要的影響，多種顏色的組合可以產(chǎn)生不同的顏色區(qū)域，分離界面的視覺(jué)空間，同時(shí)還能夠增強(qiáng)界面的趣味性和信息的交流程度。色彩不僅僅是一種表達(dá)的符號(hào)，也是視覺(jué)表達(dá)的形式和方法。另外，UI設(shè)計(jì)還具有無(wú)限的開發(fā)空間。

參考文獻(xiàn)：

[1]陶霖密，袁春，王浩達(dá).一種恢復(fù)圖像自然色彩的重構(gòu)方法[J].智能系統(tǒng)學(xué)報(bào)，2019（5）：877-881.

[2]趙偲.基于感性工學(xué)與色彩心理學(xué)的2.5維UI界面設(shè)計(jì)研究[D].南京航空航天大學(xué)，2009.

[3]段殳.色彩心理學(xué)與藝術(shù)設(shè)計(jì)[D].東南大學(xué)，2006.

[4]吳茹楓.UI設(shè)計(jì)中的無(wú)意識(shí)設(shè)計(jì)原則探析[J].工業(yè)設(shè)計(jì)，2018（10）：79-80.

[5]羅珊.傳統(tǒng)元素在UI界面設(shè)計(jì)中的應(yīng)用[J].裝飾裝修天地，2019（3）：22-23.

[6]孫佳寧.淺析色彩心理效應(yīng)在高校建筑外觀色彩設(shè)計(jì)中的運(yùn)用原則[J].福建質(zhì)量管理，2019（19）：153，152.

作者單位：

長(zhǎng)沙理工大學(xué)設(shè)計(jì)藝術(shù)學(xué)院

通訊作者：

王健，武漢理工大學(xué)設(shè)計(jì)學(xué)博士，長(zhǎng)沙理工大學(xué)設(shè)計(jì)藝術(shù)學(xué)院教授，碩士生導(dǎo)師。研究方向：數(shù)字媒體藝術(shù)。