浅析色彩心理在UI设计中的应用

李南南 （湖南工业大学 412000）

光的反射产生了色彩，光是产生此自然现象的原因。色彩是人体视觉认知的结果，人类对色彩产生认知过程：经过一个光线传播到物体表面再反射到眼睛的过程。据调查结果显示在信息传递的过程中，人对事物或者信息的感官知觉第一是色彩，之后是形体，刚接收到信息的二十秒中，人对色彩感知是80%，对形体的感知是20%。色彩是除了形体以外最能直接刺激人心理的一种感官形式。人的心理因素受色彩的影响很大，由色彩带来心理的联想和反应，这就是我们所说的色彩心理。在UI设计当中，如何在最短的时间内吸引用户群体，这就需要利用色彩对消费者产生的心理效应。让产品在第一时间赢得与消费者之间的心理认同，让消费者感受到使用产品时的舒适度。这是在UI设计中最值得关注的问题。

一、色彩心理

《文心雕龙》中的“物色之动，心也摇焉。”形象的描绘出了色彩对人心理产生的影响。人的视觉感官受到色彩刺激以后，产生对色彩的感知和联想并在大脑形成相应的情绪，使人产生喜怒哀乐。这是人们通过对色彩的联想而产生的情感反应。比如看到红色会想到国旗和热情，看到黄色会想到太阳和温暖，看到蓝色会想到蓝天和寒冷等，人的主观心理感受往往受色彩心理的影响。

我们通常把色彩分为冷色系和暖色系，这种对冷暖的物理反应取决于人们受色彩的刺激而带来的心理效应。比如看到红色 橙色 黄色会感觉温暖和激情，看到白色 蓝色 灰色会觉得寒冷和平静。在医疗界面当中一般采用蓝色，蓝色可以给病人带来平静和安全，给人放松的感觉。在UI设计中关注色彩联想带来的心理反应，便于抓住消费者的心理特征，拉近消费者与产品之间的情感联系。

二、色彩心理在UI设计中的原则

色彩心理在UI设计中要遵循易用性、可视性和整体性三个基本原则。

第一易用性原则：用户使用界面过程中快速了解及其操纵方式的舒适度和便捷性，符合人的行为方式和使用习惯。UI设计的界面色彩一定要符合用户的操作习惯和审美，不同的用户对界面理解能力是不同的，但界面色彩的设计能帮助用户掌控界面操作逻辑。如果色彩搭配不合理，用户在使用时存在疑问，那么会降低用户对产品的信任度，进而影响使用频率。

第二可视性原则：界面上内容和操作方法通过直观认识的视觉形式表现出来，一目了然，减少记忆负担。可视性关乎着用户使用过程中的心情，界面色彩应用合理会让用户便捷轻松，不假思索，直观清晰的使用产品，增强用户对产品的好感度。

第三整体性原则：目标统一、视觉统一、交互性统一保证UI设计的整体性。界面的整体性关乎整个界面，利用色彩心理让各个组织部分以用户为目标，形成统一的视觉表现，从而帮助用户整理操作逻辑，完成一套完整的交互体验。

图1 支付宝APP界面

三、色彩心理在UI设计中的作用

（一）色彩心理影响界面风格

有句名言说：“你绝无第二次给人第一印象的机会。”界面的色彩是产品给用户的第一印象，是最能够代表产品风格的视觉元素。色彩的选择、搭配、运用必须与用户的色彩心理效应保持一致，做到界面整体风格与用户心理相协调。UI界面中利用色彩心理效应，统一搭配、分配比例、引导目标、对提升整个界面的使用度和美观度有重要意义，有助于用户理解和使用产品，同时对于宣传产品自身的形象起到积极作用。

界面设计过程中要先确定一个主色，主色决定了界面整体风格。主色往往体现产品特征与用户特性，确定主色受很多因素影响，比如行业、年龄、个人爱好等。主色的运用要与目标人群保持一致性，在界面中必须先确定一个主色然后加入一些辅色。辅色是除主色外在界面中最常见的颜色，在UI中一般强调关键部分，比如导航栏 按钮等。主色与辅色合理搭配，形成均衡和谐的界面风格，给用户舒适的心理感受。图1中，支付宝以蓝色作为产品的主色，蓝色联想到安全和平静，给人信赖感，这适合了支付宝交易平台的产品特性。蓝色作为支付宝的界面的整体风格与支付宝的形象相一致，既满足功能又适合用户的情感需求，通过色彩心理向用户传递安全和信赖的品牌理念。同时在主色中融入一些红色做点缀，用来提醒用户一些有关信息的更新。主蓝色和辅红色相互协调对比，形成一种呼应的界面风格。

（二）色彩心理影响用户心理

英国心理学家格里高利•拉兹兰说：“颜色知觉对于我们人类具有极其重要的意义——它是视觉审美的核心，深刻地影响我们的情绪状态。”界面的色彩搭配会直接影响用户的审美和使用情绪。在UI设计中，我们要根据用户心理来选择合适的色彩元素，把握用户的色彩心理，让用户在对产品产生认同感、提升好感度。界面色彩和用户的心理效应相结合，能够帮助用户在第一时间便捷轻松的使用产品，营造用户心理认同感。

图2中美颜相机采用粉红色为产品的主色，粉红色代表少女心，美颜相机的目标使用人群为年轻女性。采用粉红色的少女心强调目标用户的审美倾向性，让年轻女性产生心理认同感和信任感。界面采用粉色系ICON，在一定程度上给用户营造一种亲切的心理暗示和身临其境的视觉感受。区域颜色的分割块面分明，简洁明了，帮助用户更好的理解产品本身，让用户使用时事半功倍。利用色彩心理快速的抓住用户心理特征，从而更快的吸引用户群体。图3是淘宝APP在双十一时的界面，界面大量使用红色的图标 按钮等。红色代表激情和刺激，这样就给消费者一种抢购的心理暗示，激发消费者的积极性和购买欲望，抓住用户的心理效应而达到促销的目的。

图2 美颜相机APP界面

图3 淘宝APP界面

（三）色彩心理提升用户体验

首先在UI界面中色块分配和颜色搭配都给用户在使用过程中带来便捷的交互体验。醒目的色块提醒用户使用过程中信息不被遗漏；颜色的搭配帮助用户在复杂界面中归纳信息。这都使用户的操作逻辑更加的清晰，快速的找到自己的需求。其次界面设计的背景一般采用颜色较浅的色调，让人感觉整个软件更加清新柔和；而突出功能的颜色比背景深，通过心理感受帮助用户找到界面上的重点，帮助用户最轻松最直接的识别重要信息点，同时达到色彩的视觉平衡。这样协调搭配能够稳定界面色彩，增强用户心理上的亲切感和使用频率。通过色彩心理达到提升用户体验的目的。

图4美团界面中不同颜色的搭配代表不同功能的分类，用户通过对色彩的心理效应快速的找到自己需要的功能。左边蓝色色块把所有类别集合，这能够帮助用户在复杂的界面中找到需要的信息，形成清晰的操作逻辑，节约用户时间，提升用户体验。

图4 美团网页版界面

四、结论

科学发展的今天，智能化设备充斥着生活的方方面面，数字化产品功能的同质化，导致用户关注使用产品过程中的用户体验，注重心理暗示，心理暗示直接来源是色彩的视觉元素。在此基础上色彩心理成为影响UI设计的重要因素，这使得更多的设计师去关注色彩心理在UI设计中的应用与传达，注重界面的用户体验、操作逻辑、人机交互。合理的运用色彩心理不仅帮助用户更好的理解与使用产品，而且也为设计师开阔新的设计思路。色彩心理给UI设计带来无法代替的视觉传达方式。

[1]陈叶，周红生.设计心理学[M].合肥：安徽美术出版社，2015：84-95.

[2]缪梦玉.以用户体验为中心的UI设计视觉表现研究[D].天津：天津理工大学，2015.

[3]肖维琦.探讨艺术设计中色彩心理的应用[J].现代装饰（理论），2014，（2）：94-95.