基于色彩心理學(xué)的智能穿戴設(shè)備交互色彩的設(shè)計(jì)

馬超

【摘 要】隨著科技進(jìn)步，智能穿戴設(shè)備已經(jīng)歷了從單設(shè)備到多設(shè)備互聯(lián)、從注重產(chǎn)品功能到注重人機(jī)交互的的發(fā)展轉(zhuǎn)變。當(dāng)前智能穿戴設(shè)備主要有頭戴式、腕帶式、身穿式三種，但由于設(shè)備硬件的限制，（屏幕小、電池壽命有限等），人機(jī)碎片化的交互，加之人機(jī)之間缺乏有效的、及時(shí)的交互設(shè)計(jì)，使得用戶體驗(yàn)大打折扣。本文以腕帶式智能穿戴設(shè)備交互色彩為研究對(duì)象，研究基于色彩心理學(xué)在界面設(shè)計(jì)中的應(yīng)用規(guī)律，論述從交互界面的色彩語(yǔ)義學(xué)出發(fā)，分析色彩心理感知。對(duì)于人機(jī)交互界面設(shè)計(jì)色彩的顯示方式、信息提示方式、界面組織方式方面，闡述了色彩在人機(jī)交互中導(dǎo)向性功能，進(jìn)而分析智能穿戴設(shè)備更高效、易識(shí)別、人性化的交互方式；在此基礎(chǔ)上，提出智能穿戴設(shè)備中單個(gè)界面模塊化色彩、多界面切換時(shí)動(dòng)態(tài)色彩及色彩模塊繼承性設(shè)計(jì)方法。

【關(guān)鍵詞】智能穿戴設(shè)備；色彩語(yǔ)義；交互色彩；導(dǎo)向性功能；模塊化色彩；色彩繼承性

色彩是產(chǎn)品的外在特征之一，傳統(tǒng)設(shè)計(jì)強(qiáng)調(diào)色彩對(duì)用戶的視覺(jué)刺激，但視覺(jué)刺激在用戶認(rèn)知過(guò)程中因每個(gè)個(gè)體差異性而產(chǎn)生認(rèn)知摩擦。認(rèn)知摩擦通過(guò)產(chǎn)品表現(xiàn)出來(lái)，大量的認(rèn)知摩擦?xí)?dǎo)致產(chǎn)品使用障礙以及用戶體驗(yàn)。交互色彩設(shè)計(jì)強(qiáng)調(diào)用色彩引導(dǎo)用戶獲取信息，用戶與產(chǎn)品系統(tǒng)的交互行為、支持人機(jī)行為和技術(shù)以及人機(jī)雙方的信息和情感表達(dá)等，從而影響產(chǎn)品最終的設(shè)計(jì)。

1 色彩與認(rèn)知心理

1.1 產(chǎn)品的色彩符號(hào)與認(rèn)知摩擦

在色彩心理學(xué)中，色彩喚起各種情緒，表達(dá)感情，是因?yàn)樯示邆淠苤负退阜?hào)的功能。色彩在色相、明度、純度的變化，使顏色讓產(chǎn)生了冷暖、大小、遠(yuǎn)近等諸多視覺(jué)感受。色彩的符號(hào)功能賦予了色彩在人們心中的差異性，這種差異性體現(xiàn)在色彩活動(dòng)性、色彩重量和色彩溫度三方面。色彩符號(hào)的包含功能符號(hào)、心理符號(hào)、文化符號(hào)三個(gè)方面。具體表現(xiàn)在：功能符號(hào)主要體現(xiàn)在通過(guò)色彩的差異性構(gòu)建不同功能分布的識(shí)別和提示。心理符號(hào)表現(xiàn)為不同波長(zhǎng)的光作用于人的生理器官的同時(shí)，引發(fā)某種心理情感活動(dòng)。色彩的文化符號(hào)是與人類的地域文化、社會(huì)生活等密切聯(lián)系的。只有將不同色彩的符號(hào)功能進(jìn)行綜合考慮，將不同顏色傳達(dá)的情感與人的認(rèn)知模型相匹配，才能設(shè)計(jì)出合理科學(xué)的色彩方案，從而產(chǎn)生更佳用戶體驗(yàn)。

1.2 交互方式的多樣性與交互認(rèn)知摩擦

在人機(jī)交互的操作前，大腦基于探索發(fā)現(xiàn)式的因果關(guān)系進(jìn)行思維，即通過(guò)視覺(jué)判斷和自己行動(dòng)進(jìn)行嘗試發(fā)現(xiàn)因果關(guān)系，并依據(jù)視知覺(jué)的認(rèn)知規(guī)律，對(duì)人機(jī)交互的過(guò)程及結(jié)果產(chǎn)生預(yù)測(cè)，從而進(jìn)行下一步操作行為。隨著智能穿戴設(shè)備被更多人所認(rèn)可的同時(shí)，其弊端也在不斷的顯現(xiàn)，受限于設(shè)備屏幕尺寸，多數(shù)智能穿戴設(shè)備的交互界面色彩的設(shè)計(jì)以單彩色為主，隨著當(dāng)前色彩設(shè)計(jì)從視覺(jué)平面領(lǐng)域向交互界面新媒體領(lǐng)域遷移，其應(yīng)用形式已突破二維平面轉(zhuǎn)向三維及多維度空間，色彩的基本特性已經(jīng)沖破了色調(diào)、明度、飽和度的界限，轉(zhuǎn)向?yàn)橥瑫r(shí)具有時(shí)空維度的“流動(dòng)”的多維交互式色彩，交互界面色彩的智能化、多中心化已成為智能設(shè)備界面當(dāng)下研究的趨勢(shì)。

2 色彩在人機(jī)交互中的導(dǎo)向功能

隨著智能芯片、傳感器技術(shù)、操作系統(tǒng)技術(shù)的快速發(fā)展，人機(jī)交互開(kāi)始成為智能穿戴設(shè)備研究的熱點(diǎn)。為提高用戶體驗(yàn)和交互方法，采用了諸如簡(jiǎn)化界面、減少輸入、豐富動(dòng)作識(shí)別等一系列的設(shè)計(jì)方法。同時(shí)，語(yǔ)音控制、手勢(shì)控制、增強(qiáng)現(xiàn)實(shí)等新型人機(jī)交互技術(shù)開(kāi)始在智能穿戴設(shè)備中得到應(yīng)用。當(dāng)前安卓、蘋(píng)果均制定一系列智能穿戴設(shè)備的微交互設(shè)計(jì)準(zhǔn)則，該準(zhǔn)則主要包括人機(jī)輕量級(jí)的互動(dòng)、個(gè)人通信，用戶界面設(shè)計(jì)以及圖標(biāo)圖像的設(shè)置等，但對(duì)于色彩在設(shè)備交互中的應(yīng)用沒(méi)有明確統(tǒng)一的規(guī)定。色彩在界面設(shè)計(jì)中比圖像和文字更為直觀、更富有魅力。色彩可以將人們?cè)陂L(zhǎng)期積累中形成的共識(shí)建立起相應(yīng)的語(yǔ)義，Alan Cooper曾經(jīng)形象的描述過(guò)“現(xiàn)實(shí)模型”、“表現(xiàn)模型”和“心理模型”之間的關(guān)系，表現(xiàn)模型越接近用戶的心理模型，用戶就會(huì)感覺(jué)產(chǎn)品越容易理解，這也說(shuō)明了交互設(shè)計(jì)的色彩表現(xiàn)越接近用戶的心理，其對(duì)用戶的導(dǎo)向就越精確。

3 模塊色彩與色彩的繼承性

Google I/O 在2014發(fā)布的Material Design？，提出旨在讓不同設(shè)備的屏幕上表現(xiàn)出一致、美觀的視覺(jué)體驗(yàn)以及交互的交互色塊交互模型的概念，其中，對(duì)于交互色彩的設(shè)計(jì)提出在人機(jī)交互過(guò)程中有色彩應(yīng)有面積和動(dòng)態(tài)的變化，不再讓色彩處于同一個(gè)平面，而是讓色彩按照規(guī)則處于空間中，具備不同的維度。

3.1 模塊化色彩的選取與色塊映射表的建立

模塊化色彩設(shè)計(jì)首先需要確立界面統(tǒng)一配色，然后根據(jù)不同界面功能區(qū)域劃分選取并設(shè)計(jì)色彩模塊并建立界面之間色塊映射關(guān)系。 在智能穿戴設(shè)備界面設(shè)計(jì)中，交互連續(xù)是界面設(shè)計(jì)遵循的原則，即在二維界面上信息的布局遵循無(wú)限滾動(dòng)軸（x軸、y軸）的概念。色塊的建立同樣適用該原則。在以數(shù)字色彩為基礎(chǔ)的RGB色彩模型中，共有16777216萬(wàn)種色彩。色相值在0-255內(nèi)，共有256個(gè)色階值。亮度值在0-100%內(nèi)，共有256個(gè)色階值。飽和度值在0-100%內(nèi)，共有256個(gè)色階值。界面中色塊選擇范圍首先在色相值的256個(gè)色階中確定，主色調(diào)設(shè)計(jì)建議不超過(guò)3種色彩，但可以采用鄰近色和同色系的配色手法，豐富畫(huà)面色彩，但同時(shí)可以采用模糊邊界的方法，即兩個(gè)不同色調(diào)界面之間的邊界是模糊的、虛化的邊界，在視覺(jué)上呈現(xiàn)出一種漸變的效果使用戶產(chǎn)生統(tǒng)一的視覺(jué)感受，從而在視覺(jué)和心理認(rèn)知上達(dá)到很好的銜接，降低用戶的記憶負(fù)擔(dān)，加快信息識(shí)別和認(rèn)知的速度。其次在同一色相值域下適度降低飽和度及亮度色階值，使界面色彩在整體上達(dá)到統(tǒng)一變化。考慮到用戶在產(chǎn)品使用中，視覺(jué)停留時(shí)間短，即存在色后覺(jué)干擾，因此可利用圖標(biāo)符號(hào)與色彩背景差異特性，將顏色分出主次，有利于不同信息層級(jí)的傳達(dá)和認(rèn)知。

3.2 交互色彩與用戶認(rèn)知心理模型

交互式色彩即動(dòng)態(tài)色彩，在用戶的使用過(guò)程中有面積和動(dòng)態(tài)的變化。色彩作為塊級(jí)元素在人與界面交互中兼具流動(dòng)性與交互性的特點(diǎn)，其交互效果越接近用戶的認(rèn)知心理模型，用戶就越容易理解產(chǎn)品的使用，色彩對(duì)用戶的導(dǎo)向就越精確。動(dòng)態(tài)色彩模型對(duì)界面交互的影響相對(duì)較大，色彩的面積變化會(huì)直接影響到色后覺(jué)持續(xù)的時(shí)間，因此色塊放大和拉伸變化，要充分考慮色彩屬性對(duì)不同用戶對(duì)象的認(rèn)知心理模型的影響而進(jìn)行色彩的交互設(shè)計(jì)。

4 結(jié)語(yǔ)

大數(shù)據(jù)時(shí)代，智能穿戴設(shè)備越來(lái)越關(guān)注人機(jī)交互的效果，色彩作為產(chǎn)品的外部重要特征以及交互界面的重要載體，在智能穿戴載體中發(fā)揮著重要作用，單個(gè)界面模塊化色彩、多界面切換時(shí)動(dòng)態(tài)色彩及色彩模塊繼承性設(shè)計(jì)還需要結(jié)合色彩表達(dá)方式和認(rèn)知媒介的變化發(fā)展，在可穿戴設(shè)計(jì)方面作進(jìn)一步的深入研究。

【參考文獻(xiàn)】

[1]張彪，徐齊.當(dāng)代藝術(shù)設(shè)計(jì)中色彩的符號(hào)性分析[J].藝術(shù)與設(shè)計(jì).

[2]潘杰.時(shí)間過(guò)程中的色覺(jué)與色彩認(rèn)知[J].裝飾.

[3]高玉嬌.手機(jī)APP交互設(shè)計(jì)中動(dòng)態(tài)色彩的視知覺(jué)研究[J].包裝工程.

[4]孫效華，馮澤西.可穿戴設(shè)備交互設(shè)計(jì)研究[J].裝飾.

[5]賀傳熙.論色彩符號(hào)與交互設(shè)計(jì)的認(rèn)知摩擦問(wèn)題[J].藝術(shù)與設(shè)計(jì).

[6]毛靜.交互色彩的導(dǎo)向性功能探究[J].包裝工程.

[7]覃京燕.信息可視化中交互設(shè)計(jì)方法探議[J].包裝工程.

[責(zé)任編輯：朱麗娜]endprint