基于用户体验交互产品的色彩设计研究

纪相成

（韩国南首尔大学 艺术设计信息学院，天安 330-707）

交互产品设计的目标是给用户带来良好的使用体验，色彩作为交互产品的重要元素，对用户体验程度具有决定性作用。合理的色彩设计不仅能给用户带来视觉上的满足和引导用户使用产品的行为，还能给用户带来情感体验反思层上的满足[1]。

1 交互产品的用户体验概述

1.1 交互产品的用户体验

交互产品专注于设计用户与产品之间的互动及体验的领域[2]。用户研究、信息架构、界面设计、交互设计、可用性测试等设计环节决定了一个交互产品能否带来良好的用户体验。交互产品设计的目标是满足用户需求，因此，需要全面考虑上述设计环节。

自1984年比尔·莫格里奇（Bill Moggridge）在一次会议中提出交互设计的概念，计算机逐渐成为人们设计的对象。人机界面设计成为当时设计师、计算机工程师的热门话题，这也是交互产品设计的起源。自1987年苹果针对图形用户界面（GUI）发布了Macintosh Ⅱ型电脑后，色彩的研究与交互设计密切相关。

1.2 交互产品色彩在情感体验层次的作用

唐纳德·诺曼[3]在《情感化设计》中将用户的情感体验分为本能层、行为层、反思层3个不同但又相互关联，同时以特定的方式影响着用户对产品体验的情感层次[4]。3个层次呈现出递进的关系，本能层在表面，行为层控制用户的使用行为，反思层触发用户思考。交互产品的色彩设计在一定程度上影响着这3个层次。

1.2.1 交互产品色彩在本能层对用户的影响

交互产品设计也广泛应用冷暖色调原理，让冷暖色调调动用户本能层的反应。通常电商购物类App界面（如淘宝、京东、拼多多、唯品会等）的色彩搭配以暖色调为主，让用户感到亲近、愉悦和兴奋，可以增强用户的积极情绪，引导用户产生消费的想法；而交通、银行类等内容偏理性化的App通常采用冷色调搭配，如12306、将行App，给人安全、放松的感觉。

人们在本能层的反应有所不同，有的人受到惊吓的反应是大叫，有的人可能默不作声，但是瞳孔会放大、血压会升高。这些都是由本能层的个体差异性决定的。交互产品色彩引发用户本能层的反应也不尽相同，因此，如何将色彩设计与交互产品设计紧密结合，全方位满足用户的需求以及让产品引发用户本能层的情感共鸣，是设计师在设计产品时需要重点考虑的问题。

1.2.2 交互产品色彩在行为层对用户的影响

优先级高的色彩可以用于引导用户的行为和交互。在交互产品设计中，使用醒目的颜色突出重要的按钮或功能，以吸引用户的注意力并引导其操作。例如，站酷网登录界面主题色采用白、灰两色，而在输入手机号完成验证后“发送验证码”按钮则从会从灰变黄，用明黄色刺激用户视觉，告诉用户接下来要点击这个按钮。同时，产品也可以使用不同的颜色区分不同的交互元素，例如警示色用于错误提示，以帮助用户快速理解和作出正确的反应。

在界面运用色彩可以在用户心中搭建一个明确的概念模型，如哪些地方是接下来要操作的、哪些地方是必须更改的，让用户的行为跟随设计师设计好的流程，既避免了文字性说明的枯燥，带给用户愉悦感，又有效防止了误触或与产品使用流程相悖，提高了用户对产品的使用效率。

1.2.3 交互产品色彩在反思层对用户的影响

反思层是情感设计的最高层次，这里的情感体验更加偏向于考虑产品的合理化和智能化，是用户在产品使用阶段对产品的思考。不同的色彩调性与不同的情感和意义相关，合理的色彩运用可以向用户传达产品或品牌的价值观和情感导向。明亮的色彩调性通常与积极、活力相关，而柔和的色彩调性则与安静、温暖相关。根据交互产品的价值观和情感导向选择与之相匹配的色彩调性，可以直接传达设计师所追求的情感或态度。同时，颜色是一种社会性的语义符号，不同的颜色在文化和社会领域具有不同的语义。在设计中有效运用色彩的调性和语义可以让用户在反思层将交互产品与特定的情感或价值观联系起来，进而影响用户的情感和认知，增强用户对产品或品牌的情感认同。

2 基于用户体验交互产品色彩设计的应用策略

2.1 色彩搭配醒目且和谐

2.1.1 相同色与相似色的运用

格式塔心理学中的相似性原则认为，人类本能倾向于将颜色、形状或其他属性相同的元素相联结，形成一个整体[4]。当用户看到交互产品中相同颜色的元素时，可能认为这些元素具有关联性，也具有相似的功能或意义。这种颜色联结可能会导致用户在界面迅速识别出相关信息或功能，提高界面的可辨识度和用户理解的效率。

相似的颜色在视觉上有一定的层级关系，同一个色相的饱和度或者明度的变化给用户造成的视觉上的分层不同。在交互产品设计中，运用相似色可以帮助用户在界面快速建立视觉关联和流程。通过在不同步骤或相关内容之间使用相似色，可以展现内容的关联性和顺序，使用户更容易理解。这有助于简化用户的认知过程，提高用户的任务完成效率。

将产品功能结构结合用户的需求进行色彩排序，当用户看到此类色彩排序时，会立即根据排序信息建立概念模型，了解界面中信息的顺序关系，提升产品使用效率。然而，当用户看到杂乱无章的颜色时，无法迅速理解设计师想要表达的内容，进而影响用户体验。

2.1.2 互补色与对比色的运用

人们在心理上会将颜色相同或相似的元素看成一个整体，反之亦然。人们会在视觉上对不同的颜色进行区分，将其归为两类。选择互补色或对比色提高色彩的对比效果，在提高用户使用效率的同时，也要确保色彩之间的协调性，避免产生不和谐的视觉冲突和破坏色彩运用给用户带来的愉悦感。要注意使用高对比颜色是否会给用户造成视觉疲劳和不适，如果用户使用产品的愉悦感荡然无存，在产品表现层的设计无疑是失败的。

2.2 色彩设计要针对目标用户群体

不同的用户群体对色彩的偏好和心理反应较为多样，针对目标用户群体的个性化色彩设计，产品能与竞争对手产生差异化，增强自身的市场竞争力。例如小红书是一个以分享购物心得和生活方式为主题的社交平台，其用户群体以年轻女性居多，以HEX编码#3a3a3a的洋红色作为其品牌的主要色调，传递出热情、活力和引人注目的产品形象。这样的色彩调性符合当今大多数青年女性的自我定位，进而提升了其主体用户—青年女性对产品的忠诚度。

因此，色彩设计需要根据目标用户的特点和文化背景选择合适的色彩调性、亮度、饱和度和配色方案。通过用户调研、市场分析等方法获取目标用户的特点、喜好和需求以及其他不涉及个人隐私的用户信息，以便更好地理解目标用户的喜好和习惯，同时考虑用户心理需求，某些色彩可能激起用户的情绪或情感共鸣。另外，由于色彩设计在不同文化和地域的差异性，在跨文化设计中，需要了解目标用户所处地域的色彩象征意义和文化传统，避免使用可能引起误解或冲突的色彩。如此一来，色彩设计能更好地在交互产品设计的战略层面引起用户的情感共鸣并激发其兴趣，帮助用户更轻松地理解和操作产品。

2.3 色彩设计要关乎产品功能范围

一个交互产品由多个不同的功能范围组成，功能范围的划分影响用户对产品概念模型的建立和对产品体验感的评判。这个产品是否易于理解、功能区划分是否符合逻辑、使用起来是否轻松流畅，是用户在使用产品时在思考层对产品的考量。通过色彩设计，区分不同的功能模块、视觉层次和交互元素，给用户直观的视觉体验，让用户本能地在颜色范围内寻找想要使用的功能。

在设计交互产品界面时，可以利用不同的主色调按照产品功能层级进行区分，也可以采用明暗对比，突出不同功能范围的重要性和层次关系。在深色背景上使用明亮的色彩标识主要功能，在浅色背景上使用柔和的色彩标识次要功能，或者使用冷色调标识某个功能范围，使用暖色调标识另一个功能范围，这样用户可以通过不同的主色调或色彩的明暗和冷暖快速识别和区分不同的功能范围。

需要注意的是，在利用色彩划分产品的功能范围时，应确保色彩的使用符合用户的习惯和期望。定期进行用户测试和获取反馈可以帮助验证色彩划分的有效性和用户的理解程度。

2.4 确保色彩能传达正确的信息

在宏观上，交互产品中的色彩设计能向用户传达产品的理念与定位。社交媒体平台Facebook在色彩设计上选择蓝色作为其主要品牌色彩，不仅符合创始人的需求，也传递了一个重要的产品理念—Facebook是一个注重包容和无障碍的平台。这种色彩设计向用户传达了正确的信息，即Facebook致力于为所有用户提供良好的体验，无论他们的视觉能力如何。

在微观上，交互产品中的色彩设计能突出重要的交互元素或提示，提示用户正确的操作方法，为用户提供正确的信息，让用户在心中快速建立产品的概念模型。例如电商平台淘宝的色彩设计，淘宝采用了橙色作为主要的品牌色彩。在产品界面，红色通常用于标识导航栏已经选中的选项卡和界面元素，突出重要的交互元素或提示。这种色彩设计能告知用户正确的操作方式。同时，将色彩运用于交互产品按钮设计中，可以引导用户进行相应的操作，也可以在本能层提示用户已经对哪些功能进行了操作。例如抖音的点赞和收藏按钮，未选中状态下的按钮是灰白色的，当选中后，按钮就会变成红色和黄色，由此用户可以本能地分辨出自己想要的信息。

色彩设计在用户体验中起到建立用户对品牌的情感认同和连接从而向用户传达产品价值与定位以及提升用户对产品的信息获取效率和认知体验的作用。完成交互产品的色彩设计后，应进行用户测试和获取用户反馈，以评估色彩设计的效果和用户的理解程度。用户反馈有助于发现潜在的问题或改进的空间，并进一步优化色彩设计，确保能准确传达产品的理念与定位，并提示用户正确的操作方法。

3 结语

用户体验在交互产品设计中发挥了指导作用，是评判一个交互产品是否成功的重要标准之一。色彩作为交互产品与用户建立联系、完善产品功能的介质，在一定程度上影响用户对交互产品的选择。因此，从用户体验视角出发考虑交互产品色彩设计，不仅要根据交互产品自身的定位和品牌形象，还要考虑用户对产品色彩的视觉感受、操作的可行性和易用性以及对产品价值观和理念的认同感。