研究色彩心理学在UI界面设计中的应用

戴文雅 叶方

摘要：从UI界面设计的发展来看，色彩是其中的重要部分，有效运用色彩可以在一定程度上对用户的心理与行为产生影响，所以在进行UI界面设计的时候，必须要重视色彩的搭配，这样才能有效提升IU界面设计的整体水平。为此，文中对色彩心理学、UI界面设计等进行了简要分析，希望可以为提升UI界面设计水平的研究提供一点帮助。

关键词：色彩心理学UI界面设计原则价值运用

中图分类号：TB472

文献标识码：A

文章编号：1003-0069（ 2021） 08-0096-03

Abstract ： From the development of Ul interface design， color is an important part.The effective use of color can have an impact on the user's psychology and behaviorto a certain extent， so in the Ul interface design， we must pay attention to thecolor matching， so as to effectively improve the overall level of IU interface design.Therefore， this paper makes a brief analysis of color psychology and Ul interfacedesign， hoping to provide some help for improving the level of Ul interface design.

Keywords： Color psychology Ul interface design Principle

Value Application

前言

随着现代网络信息技术的不断发展，在很大程度上使得数字媒体成为社会发展中的重要部分，而UI设计作为数字媒体中的关键内容之一，是企业树立品牌形象、提高产品功能水平、人机交互发展的重要工具。同时，UI界面也是现代艺术创新的一种形式，因此，UI界面设计需要在最大程度上达到不同用户功能方面、审美方面的要求，才可以充分发挥UI界面设计的价值作用。而将色彩心理学、视觉思维等方面的相关知识运用到UI界面设计中，可以让UI界面设计人员运用色彩来有效满足用户的需求、达到用户视觉审美要求，从而有效提升UI界面设计工作整体的质量水平。

一、色彩心理学的概念分析

从色彩心理学的内容来看，色彩心理学涵盖的范围比较广，会涉及到心理学、美学等多个学科的内容，主要是研究色彩直观视觉对人体心理的影响作用，而且在一切视觉活动中，不单只有肢体动作可以直接对人体的心理产生影响，色彩同样也可以对人体心理产生比较直接的影响[1]。从相关研究报告来看，学者将色彩心理定义为人从对色彩的视觉感受转变为心理感受的整个过程，人体会先从视觉方面对相关知识产生感应，然后逐渐扩展到情感层面，最后在人体的心理上形成一定的思想概念、意识状态与记忆内容，整体的变化情况具有一定复杂性。大多数情况下，人们总是习惯性地将色彩划分为冷色调系列、暖色调系列，而这通常是因为人们视觉受到冷色调、暖色调不同色彩影响而出现的一种物理性反应情况[2]。UI界面设计中常见的色彩，见图l。比如，黄色、橙色以及红色等比较鲜艳亮丽的色彩会让人体验到温情、暖意的情感，而绿色、蓝色、紫色等大多都会让人体验到一定的寒冷感受，这就是不同颜色带给人不同冷暖反应的表现。同时色彩大多都有一定的强弱感、轻重感、兴奋感、沉静感等，大部分高明度的颜色会让人体会到轻感，而低明度则会带给人重感，而对比度比较大、纯度比较高的色彩會给人的视觉带来比较强烈的感觉，而人体之所以会有这种感觉，就是收到色彩的影响，从而产生了心理错觉的情况，也就是色彩对人体心理感受产生了直接作用。此外，色彩也可以对人体心理产生间接反应，也就是色彩具有一定的联想性，会让人联想到相关事物，比如，很多人在看到红色的时候会联想到血。看到绿色的时候会联想到草地，这就是人体心理受到了色彩间接作用的影响，所以说色彩可以在一定程度上影响人们的主观意识变化。

二、UI界面设计的概念

UI界面设计，主要包括了软件中的人机交互设计、操作逻辑设计、界面美观设计等方面，常用于互联网中，泛指不同物体之间的接触面，包括人、物品等进行互动操作的界面，比如车辆中的用户界面就包括了方向盘、仪表盘以及中控等，还有手机解锁时的界面包括了设置、时间、闹铃、日历等，在实际的UI界面设计工作中会涉及到用户方面、交互设计方面以及界面设计方面的研究。UI界面可以实现信息的收集与反馈、输入和输出操作，这主要是因为人和软件产品之间发生了交互行为，实现了人类与虚拟产品之间的有效互动，用户可以利用界面匹配的信息来进行软件产品内部的运行，这就使得UI界面设计需要一定的便捷性，才能有效适应用户的认知习惯与行为习惯。同时，在较高水平质量的界面中，会让用户与软件系统之间进行更为自然的交流互动操作，并让用户沉浸在其中，因此，需要有效提升UI界面设计的整体质量水平，才能充分发挥UI界面设计的价值作用。此外，在进行UI界面设计的时候，需要有效突出界面的一致性，才能让界面设计的风格符合产品内容，而且还要充分运用各种色彩，重视色彩对用户的影响作用，有效利用色彩色调来改进并优化UI界面设计，将整体UI界面设计的艺术性、功能性、美观性进行有效升级，才能有效满足用户的使用需求，将UI界面的价值最大化。

三、UI界面设计原则分析

界面具有一定的相互传递作用，可以实现信息之间的传播与共享。随着网络信息的不断发展，用户界面设计也逐渐发展起来，可以让人们在沟通、交流的过程中，在自然与舒服的状态下完成信息之间的交流互动，同样也是现代网络与手机媒体中的重要部分[3]。

（一）易用性方面

用户与机器主要是借助界面进行沟通，用户可以利用界面在最短时间内了解并掌握需要的内容，因此，在进行UI界面设计的时候需要将用户易用性作为基础原则，这样才能在最大程度上带给用户良好的体验感，提升用户使用界面时的便捷程度、舒适程度，同时有效达到用户使用习惯、行为习惯等方面的需求[4]。

（二）可视性方面

界面需要具备一定的具体视觉形式，这样才能让用户借助视觉有效地、直观地了解到设计人员需要表达的信息，如图2。因此，在进行UI界面设计的时候，需要坚持用户可视性原则，从而有效提升用户整体的体验水平。

（三）连贯性方面

相关人员在开展UI界面设计工作的过程中，需要有效考虑到设计界面的连贯性，在最大程度上保证用户了解产品信息的准确性、有效性、快速性，同时带给用户较好的体验感受[5]。所以UI界面设计人员需要保证视觉元素的统一，确保整体的设计达到了预期设计理想目标，在最大程度上提升信息与用户之间的交互性，同时还需要将对应的客户群体进行有效划分，并对不同客户群体进行相关研究分析，从而保证UI设计界面可以有效满足大部分用户的使用要求。

四、UI界面设计中色彩的运用价值分析

色彩可以有效丰富人类的日常生活与情感体验，给予生活新的活力，并让人类的情感体验更加丰富、饱满[6]。在实际的UI界面设计过程中，如果只有单一的语言设计，只能让界面起到简单传达信息的作用，不能让用户在使用界面的时候融入一定的情感，会大大减少界面对用户的吸引力，同时也会让界面设计缺乏一定的艺术感与美感，而将色彩运用到UI界面设计过程中，可以有效丰富界面的信息，利用界面来有效吸引用户并加深用户界面的印象，提升用户查看界面信息的速度与时间，在最大程度上实现人类视觉与精神情感的有效融合[7]。

（一）提供一定的认知体验

根据相关研究报告，在进行信息传递的时候，颜色可以对人体的感官产生一定的影响作用，让人们从颜色中了解到一定的信息，而且人们在获取信息的时候，有很大一部分都是利用颜色进行视觉感知的，只有很少一部分是通过形体感知方式获得相关信息。视觉形体感知包括了事物的具体位置、所处的空间、事物的外表形状、具体的个体情况等，而这些都可以借助色彩明度、暗度之间的对比变化表现出来。因此，在一定程度上可以说，人们在了解世界上各种事物的时候，大部分是通过视觉感官进行的，事物信息通过人体的视觉感官传递到大脑，导致大脑产生对应的认知与感受。人体需要先从视觉上体会到一定信息才能产生相关感受，而色彩视觉又需要已存在的感知经验作为基础，人的视觉感知可以直接对自身的色彩感知经历发生影响作用，联系、回忆到相关事物，同时还会影响人自身的经验与头脑感受、行为。有人类的地方，色彩的作用就会体现在生活中的各个角落，可以在很大程度上引起人与人之间的共鸣。而且人类可以有效运用视觉来辨识色彩、判断色彩，不同明度的色彩可以影响用户的界面操作，因此，用户界面具有信息与信息交流的作用，用户可以从界面信息中了解到丰富多彩的内容，尤其是现代很多企业用户都是将界面与色彩进行有效结合，从而达到企业树立品牌形象的目的;旅游方面的用户，通常都会运用色彩来传播分享不同的、真实的景色;时装方面的用户会利用色彩来进行装饰信息、服装信息的传递;网络游戏方面的用户会利用色彩来增强界面的空间立体性。所以，在UI界面设计工作中运用色彩可以有效提升整体的质量水平，还可以有效将相关客观事物以更加直观的形式表达出来，同时还能实现各种信息的有效传播。

（二）积极调动人们的情感

从UI界面设计工作的发展来看，人类对色彩的心理情感可以从传达视觉形象中体现出来，有效表达出视觉元素的情感，并在很大程度上提高用户界面的感知性，有效丰富用户界面内容的含义，提升用户界面信息层次感。人与人之间会因为个人知识经验不同等方面的影响，使得每个人的色彩感知情况存在差异性，尤其是不同文化背景下、个人喜欢不同事物的情况下，在长期的生活中已经形成了个人特有的色彩理解，不同颜色、或是相同颜色都会带给人不同的感受，比如甜美感、快樂感、朴素感、华丽感、轻松感等。因此，色彩对人的作用会受到自身具体情况的影响，不能一概而论，而且色彩对人的影响还会受到特定环境、当下心里状态等多个因素的干扰。例如淘宝U设计，每一次重大节日时所采用的图标颜色便会发生变化，而全部宣传广告颜色也全部换成了一致的“亮色”。当消费者打开淘宝界面时便能够清楚地了解到淘宝正在开展什么活动，对于常年使用淘宝的人而言，颜色成为了其迅速识别淘宝活动的关键性元素，这充分反映了色彩对客户情感的影响。

（三）充分发挥色彩的艺术价值

从UI界面设计方面来看，要让UI设计界面满足艺术设计的要求，实现艺术的创新，就需要将UI界面设计整体的美感进行有效提升，同时还需要充分运用各种设计方式强化界面的功能，包括满足人们审美方面、便捷方面、简易方面的要求。而将色彩心理学运用到UI设计界面中，可以有效提升整体的艺术性与美观性，将色彩的艺术价值最大化，有效实现界面功能与审美艺术的有效结合，从而提升UI界面设计的整体水平。例如，微信广泛运用于我们的生活中，深度运用色彩心理学知识，操作界面统一采用白色背景，给人一种干净的感觉，再配以黑色字体，醒目地呈现信息，不会影响视觉。同时，最下方的几个标签在未选中和选中的状态时分别是黑色和浅绿色，其是最佳色彩搭配，不仅较为醒目，而且色彩过渡比较自然，因此用户体验感较强。

五、UI设计界面中色彩心理学的具体运用

随着现代科学技术的不断进步与发展，在很大程度上使得人类生活越来越离不开智能设备，而智能设备中必不可少的就是界面，UI界面的设计可以带给用户一定的视觉刺激感受，同时，随着智能设备运用范围越来越广，社会大众对界面设计也有了新要求，这在一定程度上提升了UI界面设计工作的难度[8]。但是从相关研究报告来看，在UI界面设计的过程中运用色彩心理学，可以从用户的使用心理出发，将色彩对用户的影响力进行最大发挥，将色彩的情感特点、社会性、自然属性等有效体现到界面设计中，可以在最大程度上将色彩与UI界面设计审美进行有效结合[9]。因此，相关人员在进行UI界面设计工作的时候，要有效运用色彩心理学，从而有效增强界面的各种功能，同时有效提升界面设计整体的美观性与艺术性，将整体的UI界面设计水平提升到新高度。

（一）色彩原理运用方面

由于人类会受到多个方面的因素影响，使得色彩对每个人的影响作用会有一定区别，因此，相关人员在进行UI界面设计的时候，需要综合考虑到各个方面的因素，从人类基本活动方式、生物结构、色彩感知共鸣等方面的情况，有效运用色彩原理来开展UI界面设计工作。比如，色彩中的红色、蓝色与黄色是基础三原色，可以将这三种颜色进行随意搭配，可以创造出新的颜色，但是这三种颜色不能通过其他颜色混合产生，因此，在进行UI界面设计的时候，需要注意这三种颜色的运用。同时色彩原理中还包括了颜色的暗度、明度、颜色值等，在进行UI界面设计的时候，可以先选定某种颜色，然后在其中增加白色色调，从而改变原来的颜色色调，让界面变得更加柔和，也可以增加黑色，让阴影效果来调暗色彩，而且在界面中增加第二色或者第三色的时候，整体的色调会发生变化，如果界面的色调变得比原来淡，那么界面整体的亮度与强度都会降低，而添加新色调后，阴影与新色调之间又会扩展出新的色轮，此外，在进行单色配色设计的时候，要注意不同色调与色调之间的颜色搭配，在相似的配色设计中，需要选择色轮中的相邻颜色，比如红色、黄色与橙色就属于相邻颜色。同时，在UI解界面设计中进行颜色配对的时候，可以选择具有互补性质的颜色让整体界面更具和谐性，让这种对立的颜色来吸引用户，而互补性质的颜色主要产生于色轮相反侧的不同颜色，在运用互补色的时候，会出现明亮的、高对比度的颜色组合，比如红与绿、黄与紫、橙和蓝等颜色都属于互补组合颜色，这样会让界面整体显得比较大胆，还有，在UI界面设计的过程中，需要添加第三种颜色，同时需要降低配色整体的强度时，可以将配色进行互补拆分，将某种颜色当做基础色彩，然后

选择这种色彩旁边的补色，从而保证整体画面的协调性。

（二）提升介面功能性

当用户在网页中填写相关信息的时候，如果字段不足，经常会有错误信息提示，并且是用红色表示的，而当信息输入正确的时候，经常会出现相关信息提示操作正确，引导下一步操作，而且大部分都是运用绿色字体表示的，由此可以看出，颜色可以指导用户进行正确操作，掌握正确使用产品的方法，同时还能有效借助心理学来增强用户的情感认知，比如，绿色表示可以，红色表示错误与不好。而且，除了红色以及绿色可以对用户产生心理影响，色轮也能将温暖、凉爽等颜色情感进行有效转换，人们经常会把冷色调的颜色与平静、和平等情感进行联系，比如蓝色;同样人们也会把暖色调与温暖、活力与激情等情感联系在一起，比如红色。而且，颜色会在一定程度上影响人们对产品的判断，很多用户会用蓝色来判断对产品的信任度、安全性等，会将红色用于感受产品的速度效果，会用黑色判断产品的质量水平，会用橙色来评判产品的便宜程度。此外，设计师在进行界面设计的时候，还需要注意颜色偏好的影响，比如，大部分儿童都对黄色比较感兴趣，年龄稍微大一点的群体会对蓝色、绿色以及紫色等比较感兴趣;而且文化之间的差异也会让同一种色彩产生不同的影响，比如白色对于西方人们来说表示幸福、纯潔，但是在亚洲白色有死亡的意思;大部分男性对大胆的颜色比较感兴趣，很多女性会被比较柔和的颜色吸引住;蓝色几乎是所有群体都会比较愿意接受的颜色;棕色与橙色对于大部分人来说都是不愿意选择的;很多人在选择产品的时候比较偏向于冷色调等。

结语

生活中很多设计物品都会运用到色彩心理学，包括商品包装方面、室内设计方面、服装服饰方面等，都充分体现了色彩对人类的影响。而UI界面是用户获取、交换网络信息的重要工具，将色彩心理学运用到UI界面设计中，可以将各种各样的知识信息进行有效划分，充分将界面中的主要信息突显出来，让用户可以在最短时间内快速获得相关信息，同时还能通过有效的色彩搭配来对用户的视觉造成一定刺激，有效吸引用户并加深用户对界面的印象，将UI界面设计的情感与艺术水平进行有效提升，带给用户更加舒适的体验，从而不断推动UI界面设计的进步与发展，延长软件的使用期限，强化软件市场的竞争力，并为智能时代的发展做好一定准备。

参考文献

[1]贺茂恩，卢鹏羽，朱俊飞色彩心理学在UI界而设计中的研究[J]通讯世界，2018，8（1）：333

[2]闫文喆色彩心理学在UI设计中的应用研究[J]数码设计（上），2020，9（1）：4

[3]王桂霞，赵洪文基于UI界而设计中色彩应用研究[J].新媒体研究，2018，4 （22）：52-53

[4]赵偲基于感性工学与色彩心理学的2.5维UI界而设计研究[D].江苏：南京航空航天大学，2009

[5]邓天昱浅谈色彩心理学在交互设汁中的运用[J]魅力中国，2020（49）： 21-22

[6]何浩基于色彩心理学的UI设计研究[J]中国新通信，2015 （9）：11-11

[7]刘宝丽，孙丽娟，何燕红，等UI界而设计[J]商情，2020（33）：191

[8]李南南浅析色彩心理在UI设计中的应用[J].火众文艺，2018（10）：106-107

[9]赵鹏程浅析移动应用UI设计中色彩的使用[J].福建质量管理，2017 （17）：210

[lO]孙雄飞，吴祜昕基于用户心理模型的短视频类APP界而设计研究——以快手为例[J].设计，2021，34 （04）：48-50

[l1]门丽君，田镇教育均衡背景下幼儿园室内空间色彩策略研究[J].西部皮革，2019，4l （22）：141

[12]陈星海，杨焕“翻转课堂2.0”教学模式在高校数字媒体艺术设计课程中的实施路径研究[J].设计.2020，33（13）：124-126

[13]郧慧敏基于老年用户认知与反应特征的智能产品交互界面设计研究——以家用血压仪为例[J].设计，2020，33 （01）：79-81

[14]张碧云，冯佳森色彩心理学意义的绘画艺术治疗探析——以焦虑症为对象[J]浙江工业大学学报（社会科学版），2019，18（03）：339-343

[15]陈康浅谈色彩心理学于教学视频中土讲教师特写镜头中的使用[J]传播力研究，2019，3（24）：252