趙慧雯 王健

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

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

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

（一）UI界面理論

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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

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

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

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

作者單位：

長沙理工大學(xué)設(shè)計藝術(shù)學(xué)院

通訊作者：

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