有关色彩视觉思维的UI 界面设计效果研究

王雯菁/山东财经大学

0 引言

设计心理学是关于人们对设计的有意识的行为愿望的心理学。该文章探讨了使用者在创作时的心态，及对社会与个体的影响。《视觉思维》一书的作者阿恩海姆则认为，艺术中最理想的形式是一种不是现实的，但与画家所要表达的理念同构的形象。还有大量的事实证明，在所有的认识方面，真正的创造性思考都是由影像来完成的。

UI 接口是数码传媒发展的一个重要环节，它把科学技术、艺术、心理等元素都融合到了一起。最直接的传达方式是人机交互，而可视化在传达的过程中起着关键作用；UI 接口是最直观的表示方式，添加颜色可以直接激发人的感觉，突显效果，同时也能强调和传递讯息，表现感情。[1]

1 影响色彩感知的因素

1.1 大众对色彩的本能感知

用户的本能感知是用户与生俱来的感知。它既有视觉上的优势，也有局限性。观察环境和我们周围的事物是人类本能的表现。如何利用人类视觉直觉的优点并避免其缺点是用户界面设计中的一个重要考虑因素。例如，目前有基于LED的屏幕，如STN、TFT、TFD 和UFB，它们主要是半透明的材料，只允许部分光线通过。但是，使用者对颜色的认识，很大程度上依赖于光与对象之间的交互作用。例如，你可以通过透明的物体看到其他物体，但不能通过不透明的墙壁看到。不同的环境下电子荧幕所感知的色彩也会不同。此外，由于人类光感受器的差异，一些用户的感知范围可能与一般人不同，例如色盲。因此，用户界面的设计必须充分考虑到这些人的特殊性。

1.2 大众对色彩的视觉习惯思维感知

用户年龄、性别、文化差异、教育、情绪因素和眼睛疲劳，都会影响色彩感知。消费者对颜色的喜好随年龄的变化而变化。比如，上了年纪的人就会选择较硬朗的颜色。年轻一代偏爱浅色调。不同的文化对色彩有自己的约定俗成的定义。例如，在中国，邮政服务是绿色的，希腊是黄色的，美国是蓝色的。此外，这是客户的一个主观因素，在用户界面设计中，有一些地方应该特别注意定制用户界面产品。

2 色彩心理学

2.1 色彩心理学的概念分析

从色彩心理学的角度来说，颜色心理学涉及的领域很广泛，涉及心理学、美学等多个方面，它的重点是颜色视觉对人类的心理的影响，并且在所有的感官行为中，并不仅仅只有身体上的运动才能对人类的心理造成直接的冲击；颜色对身体的心理有很大的作用。根据以往的文献资料，研究者将颜色心理学界定为人由对颜色的感知到精神上的感知，再由对颜色的感知，再到情绪的感知；最终，在身体的思想观念、意识状态和记忆的内涵中，其总体的改变状况是比较复杂的。在很多时候，我们会把颜色分为冷暖色调系列，这往往是由于冷暖色调对人体的影响所产生的一种生理上的反应。用户接口中常用的颜色，比如黄色、橙色、红色等明亮的颜色会让人感觉到温暖，而绿色、蓝色、紫色则会让人感觉到冰凉，这就是不同的颜色带来的温暖和冰凉。[2]与此同时，大部分颜色都有某种程度的强弱感，轻盈感，兴奋感；另外，颜色还能对人类的心理造成影响，即颜色的某种联结，使人们联想到与之有关的东西；例如，许多人看见红色就会想到血液。当你看见绿色的时候，你会想到一片青草，这是因为你的身体被颜色间接地影响，你可以说，颜色可以在某种意义上改变你的主观感觉。

2.2 色彩的心理错觉

光线对人体颜色的刺激会使人的身体和精神状况产生某种变化。

颜色是一种视觉上的视觉错觉，不管颜色的真实气温如何，它都是一种视觉上的错觉。例如，红色、橙色和黄色等暖色通常会唤起人们的“温暖”的感觉，因为他们会将这些色彩与初升的太阳联系起来。浅色和浓色的方向由色彩的亮度决定。高亮度的颜色会更加明亮，使人感到更加的轻盈。颜色偏暗，有一种沉甸甸的质感。

2.3 用户对色彩的感受差异

童年的记忆、生活环境、文化教养和其他个人因素都会在一定程度上影响到对于色彩的感知。用户对色彩的感知会随着年龄的增长而变化。科学家用颜色试验为颜色的科学研究奠定了基础。他们发现，人们在年轻时倾向于喜欢较暖的色彩，而在成年后则喜欢较冷的色彩。性别与个体经验也会对颜色有一定的影响。一般来说，男人偏爱深色、冷色调和较纯净的颜色，比如黑和蓝。因此，大多数与军事类别有关的应用软件都是这些色彩。另一方面，女性主要喜欢淡淡的暖色调，如粉色、白色和鹅绒色。因此，应用界面，特别是针对女性的应用界面，主要是清晰和流行的。[3]

3 基于色彩的UI 设计中的视觉思维分析

3.1 强化感官视觉思维

用户界面设计需要充分挖掘视觉思维中隐藏的视觉感知部分的需求，从而可以更流畅地完成设计流程，给用户带来交互体验。

在交互体验需求中包含视觉思维的因素有很多种，一是用户对视觉思考的本能需求。这种本能的思考偏好对互动体验有很大影响。为了整合用户界面设计的所有优势，可能需要使用视觉思维，从产品的性能方面开始，然后增加功能。二是用户的视觉和文化需求不同。各地区之间存在着文化差异，需求程度也有很大不同。这些不同的因素，如种族、文化、性别和年龄，也影响着用户界面的设计。用户群体有不同的互动体验。

3.2 提升认知体验

据有关资料显示，在进行讯息传输过程中，色彩会对人类的感知造成某种程度的冲击，从而使人类从色彩中获得某种讯息；另外，大多数人在接受到资讯时，都会使用色彩来进行视觉上的感受，很小一部分则是透过身体的感觉来获取。形体的直观感受是指物体的具体位置、所处的空间、物体的外在形态；每个人的具体状况，都可以通过色彩明度和暗度的反差来体现。从某种意义上讲，人类认识到的一切都是依靠眼睛的感觉；物体的讯息会透过肉眼看到的感觉，传入到脑部，让脑部做出相应的感知。此外，人们还能利用视觉来识别颜色和判断颜色，不同亮度颜色会对使用者的操作产生一定的影响，所以使用者可以通过界面的资讯来获得更丰富的资讯，特别是现在许多公司都喜欢将色彩与介面相融合，以此来塑造公司的品牌；在旅行中，人们经常使用颜色来分享不同的真实风景；服装设计师使用颜色进行装饰和信息的传递；在网页设计中，会使用颜色来提升画面的立体感。因此，在UI 的界面上使用颜色可以提高整个产品的品质，能够使有关的客观的东西变得更为直观，并且能够使各种资讯得到高效的传递。[4]

3.3 积极调动人们的情感

从UI 界面的工作发展可以看出，人们对于颜色的心理感受可以通过对图像的传递，有效地表现出对画面的情绪，从而极大地增强了用户的感知能力；能有效地充实使用者介面的内涵，提高使用者介面资讯的层次。不同的人，对颜色的感觉也会不同。不同的文化、不同的喜好以及不同的颜色，都会让人产生不同的感觉。所以，颜色对人的影响是由其本身的条件决定的，无法一概而论。

4 UI 界面中的色彩应用

4.1 色彩在UI 设计中的作用

在使用者介面的设计中，颜色的运用能让使用者顺畅地发现所需资讯，并能执行更为精密的作业。因此，在用户界面设计中选择正确的色彩是很重要的。在他们的研究中，用户界面设计师发现，交互设计可以根据以下三个要求来使用色彩，而且加入色彩可以改善目标任务。

4.1.1 分类区别与联系

添加色彩代码、自定义结构和色彩子系统的维度，可创造出一套整体结构和对应的子结构体系，使得使用者能够利用色彩高效地将物品分类，并保留他们的内部关联色彩也能提供多层的逻辑性资讯结构，让使用者透过连贯的、可理解的色彩程式来理解其它复杂性的关系。

4.1.2 信息理解

降低误差，增强稳定性，增强理解能力。正确的颜色可以帮助使用者理解怎样使用该商品。同时，他们还能与人的视觉和感官系统进行高效交流，从而降低误会。另外，由于很多事情都希望与视觉传达的特定色彩相关联，色彩可以帮助人们进行联想，这样用户就可以通过这个界面识别系统中的适当信息。

4.1.3 便捷搜集与处理

强调信息，增加吸引力。利用亮度、反差以及饱和度调节颜色，可以为多个画面提供多种效果，突出显示各个细节。这是因为生动的色彩和独特的形状相结合，刺激了用户的视觉神经，抓住了他们的注意力。在用户界面交互设计经常使用的搜索引擎中，如果用户在给定的时间段内搜索一个想要的任务三次或更多次，该目标将被赋予特定的色彩，与之相似或接近的目标也会被标记出来，使用户能够更加方便地予以询问（图1）。[5]

图1 用户界面

4.2 色彩在UI 设计中的运用

4.2.1 色彩的情感因素在UI 设计中的运用

色彩可以在视觉上给人们带来相应的情绪，在人类历史上被赋予了几种不同的象征意义。一般来说，蓝色代表技术、希望、寒冷和美丽；绿色通常代表再生、安全、进步和环境保护；黄色代表危险和警告。此外，用户界面的设计应特别注意区域文化差异。例如，在西方，红色意味着危险或禁忌，而在东方文化中，红色意味着喜庆或吉利。

在中国的文化背景下，UI 色彩的使用可以充分参考产业的属性，从而对其实施相应的分类，具体如下：机电类的工业色彩强调固有的强度和效果，经常使用红色、黄色、橙色、黑色和灰色等色彩组合，给用户一种坚实和庄重的感觉。橙色等色彩及其组合色彩主要是图像本身的内在因素，是开胃的。在化妆品等级中，色彩被用于卫生和护理。色彩风格主要是高纯度和低粉彩，绿色及其组合给人以优雅、高档、清新和柔和的感觉。[6]

4.2.2 色彩的三种视觉色素在UI 设计中的运用

人类的视觉器官会对色彩的编码有一定的分工。在阿恩海姆的色彩感知中，色彩以一种更直接、更迅速的方式刺激视觉思维。心理学分析表明，情绪开朗的人对色彩更敏感，而内向的人对形状感知得更清楚。对色彩的反应通常是无意识的，归因于观察者的接受态度。

色彩的正确使用在一定程度上增加了对审美对象的刺激，使事物在头脑中停留的时间更长（图2）。用户界面设计中的普通界面会随着时间的推移而逐渐消失。分析和处理人们所感知的刺激物。对于人类审美来说，审美刺激给审美主体带来了审美愉悦，但这种审美愉悦必须适度获得。在大众文化阶段，视觉媒体几乎泛滥到人们生活的方方面面，各种视觉对象呈现在人们的眼前，UI 设计和过度的视觉刺激会使人们的审美心理超负荷，没有感受到应有的审美愉悦，主要目的是能够尽可能地引起用户的兴趣。

图2 UI界面

4.2.3 色彩的可操作性运用

易用性方面。使用者与机器之间的交流主要是通过接口，使用者可以在最短的时间内掌握所需的信息，所以使用者在进行UI 接口的设计时，必须把使用者的易用性当作基本原则；只有这样，用户的使用体验才会更好、更方便、更舒适，更好地满足用户的使用习惯和行为习惯。

可视性方面。该接口必须具有特定的视觉形态，以便通过视觉直观有效地理解设计者所要传达的内容。所以，在进行UI 界面的开发过程中，必须遵循用户可视化的基本原理，以提高用户的总体使用感受。

连贯性方面。在进行UI 接口的工作中，应充分重视界面的一致性，以确保使用者对信息的准确性、有效性和快速性的理解，从而为使用者带来更好的体验。因此，UI 界面设计者必须做到视觉要素的一致性，使整个设计能够实现预期的设计目的，使信息和使用者的交互能力最大化。

根据有关的调查结果，将颜色心理学应用于UI 的界面，可以根据使用者的心理，最大限度地利用颜色对使用者的影响；将颜色的情感特征、社会性和自然属性等有机地融入到用户的界面中，能使颜色和用户界面的美感达到最大限度的融合。所以，相关人员在进行UI 接口的设计时，应充分利用颜色心理，以提高用户接口的各项性能；同时，能提高整个界面的美感和艺术感，使整个UI 的界面设计水准达到一个新的层次。

5 结语

色彩感知是用户视觉思维中最重要的元素之一，而色彩的应用在塑造用户交互体验方面发挥出了相当重要的作用。

由于当今界面信息的复杂性和多样性，设计过程需要避免杂乱无章，这很容易造成用户的疲劳和视觉混乱。众多色块的组合可以创造出不同的色彩区域，将视觉空间与界面分开。使用较大的颜色反差能突出用户的界面。不同颜色的结合使用户的交互更加有趣，同时也更加精确地传达了消息。颜色不仅是一种表现的象征，而且是一种可以让用户在UI接口上有无数种可能的方式。