微交互下的UI色彩心理學探究

趙慧雯 王健

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

關鍵詞：UI界面;設計;色彩;心理;微交互

一、UI界面設計概述

（一）UI界面理論

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

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

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

（三）UI設計的風格

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

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

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

二、色彩心理學在UI設計中的作用

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

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

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

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

（二）色彩心理與UI設計

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

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

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

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

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

參考文獻：

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

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

[3]段殳.色彩心理學與藝術設計[D].東南大學，2006.

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

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

[6]孫佳寧.淺析色彩心理效應在高校建筑外觀色彩設計中的運用原則[J].福建質量管理，2019（19）：153，152.

作者單位：

長沙理工大學設計藝術學院

通訊作者：

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