基于用戶體驗交互產(chǎn)品的色彩設計研究

紀相成

（韓國南首爾大學 藝術設計信息學院，天安 330-707）

交互產(chǎn)品設計的目標是給用戶帶來良好的使用體驗，色彩作為交互產(chǎn)品的重要元素，對用戶體驗程度具有決定性作用。合理的色彩設計不僅能給用戶帶來視覺上的滿足和引導用戶使用產(chǎn)品的行為，還能給用戶帶來情感體驗反思層上的滿足[1]。

1 交互產(chǎn)品的用戶體驗概述

1.1 交互產(chǎn)品的用戶體驗

交互產(chǎn)品專注于設計用戶與產(chǎn)品之間的互動及體驗的領域[2]。用戶研究、信息架構、界面設計、交互設計、可用性測試等設計環(huán)節(jié)決定了一個交互產(chǎn)品能否帶來良好的用戶體驗。交互產(chǎn)品設計的目標是滿足用戶需求，因此，需要全面考慮上述設計環(huán)節(jié)。

自1984年比爾·莫格里奇（Bill Moggridge）在一次會議中提出交互設計的概念，計算機逐漸成為人們設計的對象。人機界面設計成為當時設計師、計算機工程師的熱門話題，這也是交互產(chǎn)品設計的起源。自1987年蘋果針對圖形用戶界面（GUI）發(fā)布了Macintosh Ⅱ型電腦后，色彩的研究與交互設計密切相關。

1.2 交互產(chǎn)品色彩在情感體驗層次的作用

唐納德·諾曼[3]在《情感化設計》中將用戶的情感體驗分為本能層、行為層、反思層3個不同但又相互關聯(lián)，同時以特定的方式影響著用戶對產(chǎn)品體驗的情感層次[4]。3個層次呈現(xiàn)出遞進的關系，本能層在表面，行為層控制用戶的使用行為，反思層觸發(fā)用戶思考。交互產(chǎn)品的色彩設計在一定程度上影響著這3個層次。

1.2.1 交互產(chǎn)品色彩在本能層對用戶的影響

交互產(chǎn)品設計也廣泛應用冷暖色調(diào)原理，讓冷暖色調(diào)調(diào)動用戶本能層的反應。通常電商購物類App界面（如淘寶、京東、拼多多、唯品會等）的色彩搭配以暖色調(diào)為主，讓用戶感到親近、愉悅和興奮，可以增強用戶的積極情緒，引導用戶產(chǎn)生消費的想法；而交通、銀行類等內(nèi)容偏理性化的App通常采用冷色調(diào)搭配，如12306、將行App，給人安全、放松的感覺。

人們在本能層的反應有所不同，有的人受到驚嚇的反應是大叫，有的人可能默不作聲，但是瞳孔會放大、血壓會升高。這些都是由本能層的個體差異性決定的。交互產(chǎn)品色彩引發(fā)用戶本能層的反應也不盡相同，因此，如何將色彩設計與交互產(chǎn)品設計緊密結合，全方位滿足用戶的需求以及讓產(chǎn)品引發(fā)用戶本能層的情感共鳴，是設計師在設計產(chǎn)品時需要重點考慮的問題。

1.2.2 交互產(chǎn)品色彩在行為層對用戶的影響

優(yōu)先級高的色彩可以用于引導用戶的行為和交互。在交互產(chǎn)品設計中，使用醒目的顏色突出重要的按鈕或功能，以吸引用戶的注意力并引導其操作。例如，站酷網(wǎng)登錄界面主題色采用白、灰兩色，而在輸入手機號完成驗證后“發(fā)送驗證碼”按鈕則從會從灰變黃，用明黃色刺激用戶視覺，告訴用戶接下來要點擊這個按鈕。同時，產(chǎn)品也可以使用不同的顏色區(qū)分不同的交互元素，例如警示色用于錯誤提示，以幫助用戶快速理解和作出正確的反應。

在界面運用色彩可以在用戶心中搭建一個明確的概念模型，如哪些地方是接下來要操作的、哪些地方是必須更改的，讓用戶的行為跟隨設計師設計好的流程，既避免了文字性說明的枯燥，帶給用戶愉悅感，又有效防止了誤觸或與產(chǎn)品使用流程相悖，提高了用戶對產(chǎn)品的使用效率。

1.2.3 交互產(chǎn)品色彩在反思層對用戶的影響

反思層是情感設計的最高層次，這里的情感體驗更加偏向于考慮產(chǎn)品的合理化和智能化，是用戶在產(chǎn)品使用階段對產(chǎn)品的思考。不同的色彩調(diào)性與不同的情感和意義相關，合理的色彩運用可以向用戶傳達產(chǎn)品或品牌的價值觀和情感導向。明亮的色彩調(diào)性通常與積極、活力相關，而柔和的色彩調(diào)性則與安靜、溫暖相關。根據(jù)交互產(chǎn)品的價值觀和情感導向選擇與之相匹配的色彩調(diào)性，可以直接傳達設計師所追求的情感或態(tài)度。同時，顏色是一種社會性的語義符號，不同的顏色在文化和社會領域具有不同的語義。在設計中有效運用色彩的調(diào)性和語義可以讓用戶在反思層將交互產(chǎn)品與特定的情感或價值觀聯(lián)系起來，進而影響用戶的情感和認知，增強用戶對產(chǎn)品或品牌的情感認同。

2 基于用戶體驗交互產(chǎn)品色彩設計的應用策略

2.1 色彩搭配醒目且和諧

2.1.1 相同色與相似色的運用

格式塔心理學中的相似性原則認為，人類本能傾向于將顏色、形狀或其他屬性相同的元素相聯(lián)結，形成一個整體[4]。當用戶看到交互產(chǎn)品中相同顏色的元素時，可能認為這些元素具有關聯(lián)性，也具有相似的功能或意義。這種顏色聯(lián)結可能會導致用戶在界面迅速識別出相關信息或功能，提高界面的可辨識度和用戶理解的效率。

相似的顏色在視覺上有一定的層級關系，同一個色相的飽和度或者明度的變化給用戶造成的視覺上的分層不同。在交互產(chǎn)品設計中，運用相似色可以幫助用戶在界面快速建立視覺關聯(lián)和流程。通過在不同步驟或相關內(nèi)容之間使用相似色，可以展現(xiàn)內(nèi)容的關聯(lián)性和順序，使用戶更容易理解。這有助于簡化用戶的認知過程，提高用戶的任務完成效率。

將產(chǎn)品功能結構結合用戶的需求進行色彩排序，當用戶看到此類色彩排序時，會立即根據(jù)排序信息建立概念模型，了解界面中信息的順序關系，提升產(chǎn)品使用效率。然而，當用戶看到雜亂無章的顏色時，無法迅速理解設計師想要表達的內(nèi)容，進而影響用戶體驗。

2.1.2 互補色與對比色的運用

人們在心理上會將顏色相同或相似的元素看成一個整體，反之亦然。人們會在視覺上對不同的顏色進行區(qū)分，將其歸為兩類。選擇互補色或?qū)Ρ壬岣呱实膶Ρ刃Ч?，在提高用戶使用效率的同時，也要確保色彩之間的協(xié)調(diào)性，避免產(chǎn)生不和諧的視覺沖突和破壞色彩運用給用戶帶來的愉悅感。要注意使用高對比顏色是否會給用戶造成視覺疲勞和不適，如果用戶使用產(chǎn)品的愉悅感蕩然無存，在產(chǎn)品表現(xiàn)層的設計無疑是失敗的。

2.2 色彩設計要針對目標用戶群體

不同的用戶群體對色彩的偏好和心理反應較為多樣，針對目標用戶群體的個性化色彩設計，產(chǎn)品能與競爭對手產(chǎn)生差異化，增強自身的市場競爭力。例如小紅書是一個以分享購物心得和生活方式為主題的社交平臺，其用戶群體以年輕女性居多，以HEX編碼#3a3a3a的洋紅色作為其品牌的主要色調(diào)，傳遞出熱情、活力和引人注目的產(chǎn)品形象。這樣的色彩調(diào)性符合當今大多數(shù)青年女性的自我定位，進而提升了其主體用戶—青年女性對產(chǎn)品的忠誠度。

因此，色彩設計需要根據(jù)目標用戶的特點和文化背景選擇合適的色彩調(diào)性、亮度、飽和度和配色方案。通過用戶調(diào)研、市場分析等方法獲取目標用戶的特點、喜好和需求以及其他不涉及個人隱私的用戶信息，以便更好地理解目標用戶的喜好和習慣，同時考慮用戶心理需求，某些色彩可能激起用戶的情緒或情感共鳴。另外，由于色彩設計在不同文化和地域的差異性，在跨文化設計中，需要了解目標用戶所處地域的色彩象征意義和文化傳統(tǒng)，避免使用可能引起誤解或沖突的色彩。如此一來，色彩設計能更好地在交互產(chǎn)品設計的戰(zhàn)略層面引起用戶的情感共鳴并激發(fā)其興趣，幫助用戶更輕松地理解和操作產(chǎn)品。

2.3 色彩設計要關乎產(chǎn)品功能范圍

一個交互產(chǎn)品由多個不同的功能范圍組成，功能范圍的劃分影響用戶對產(chǎn)品概念模型的建立和對產(chǎn)品體驗感的評判。這個產(chǎn)品是否易于理解、功能區(qū)劃分是否符合邏輯、使用起來是否輕松流暢，是用戶在使用產(chǎn)品時在思考層對產(chǎn)品的考量。通過色彩設計，區(qū)分不同的功能模塊、視覺層次和交互元素，給用戶直觀的視覺體驗，讓用戶本能地在顏色范圍內(nèi)尋找想要使用的功能。

在設計交互產(chǎn)品界面時，可以利用不同的主色調(diào)按照產(chǎn)品功能層級進行區(qū)分，也可以采用明暗對比，突出不同功能范圍的重要性和層次關系。在深色背景上使用明亮的色彩標識主要功能，在淺色背景上使用柔和的色彩標識次要功能，或者使用冷色調(diào)標識某個功能范圍，使用暖色調(diào)標識另一個功能范圍，這樣用戶可以通過不同的主色調(diào)或色彩的明暗和冷暖快速識別和區(qū)分不同的功能范圍。

需要注意的是，在利用色彩劃分產(chǎn)品的功能范圍時，應確保色彩的使用符合用戶的習慣和期望。定期進行用戶測試和獲取反饋可以幫助驗證色彩劃分的有效性和用戶的理解程度。

2.4 確保色彩能傳達正確的信息

在宏觀上，交互產(chǎn)品中的色彩設計能向用戶傳達產(chǎn)品的理念與定位。社交媒體平臺Facebook在色彩設計上選擇藍色作為其主要品牌色彩，不僅符合創(chuàng)始人的需求，也傳遞了一個重要的產(chǎn)品理念—Facebook是一個注重包容和無障礙的平臺。這種色彩設計向用戶傳達了正確的信息，即Facebook致力于為所有用戶提供良好的體驗，無論他們的視覺能力如何。

在微觀上，交互產(chǎn)品中的色彩設計能突出重要的交互元素或提示，提示用戶正確的操作方法，為用戶提供正確的信息，讓用戶在心中快速建立產(chǎn)品的概念模型。例如電商平臺淘寶的色彩設計，淘寶采用了橙色作為主要的品牌色彩。在產(chǎn)品界面，紅色通常用于標識導航欄已經(jīng)選中的選項卡和界面元素，突出重要的交互元素或提示。這種色彩設計能告知用戶正確的操作方式。同時，將色彩運用于交互產(chǎn)品按鈕設計中，可以引導用戶進行相應的操作，也可以在本能層提示用戶已經(jīng)對哪些功能進行了操作。例如抖音的點贊和收藏按鈕，未選中狀態(tài)下的按鈕是灰白色的，當選中后，按鈕就會變成紅色和黃色，由此用戶可以本能地分辨出自己想要的信息。

色彩設計在用戶體驗中起到建立用戶對品牌的情感認同和連接從而向用戶傳達產(chǎn)品價值與定位以及提升用戶對產(chǎn)品的信息獲取效率和認知體驗的作用。完成交互產(chǎn)品的色彩設計后，應進行用戶測試和獲取用戶反饋，以評估色彩設計的效果和用戶的理解程度。用戶反饋有助于發(fā)現(xiàn)潛在的問題或改進的空間，并進一步優(yōu)化色彩設計，確保能準確傳達產(chǎn)品的理念與定位，并提示用戶正確的操作方法。

3 結語

用戶體驗在交互產(chǎn)品設計中發(fā)揮了指導作用，是評判一個交互產(chǎn)品是否成功的重要標準之一。色彩作為交互產(chǎn)品與用戶建立聯(lián)系、完善產(chǎn)品功能的介質(zhì)，在一定程度上影響用戶對交互產(chǎn)品的選擇。因此，從用戶體驗視角出發(fā)考慮交互產(chǎn)品色彩設計，不僅要根據(jù)交互產(chǎn)品自身的定位和品牌形象，還要考慮用戶對產(chǎn)品色彩的視覺感受、操作的可行性和易用性以及對產(chǎn)品價值觀和理念的認同感。