色彩在UI设计中的应用分析

张淑朋

摘 要：色彩是视觉设计中的一个重要部分，进行视觉设计时，色彩可以给人带来比文字更加强烈的视觉感受。研究发现，不同的色彩带给人的视觉及心理感受有所不同，而且不同的人对色彩的感受也有一定的差异。UI设计时，正确地使用色彩可以使用户更加清晰地对所要表达的信息进行理解，更吸引用户的目光。

关键词：UI设计；色彩；视觉思维

从设计的角度来说，每一种颜色都是一种主观事物，[1]不同的颜色可以唤起人们不一样的情绪反应，这种反应与人们的成长经历、文化教育背景等有一定的关联。对色彩的色相、明度或饱和度进行调整，都会给用户带来不一样的视觉感受。

1 UI设计的概念

UI（User Interface）设计的工作内容主要分为用户研究、界面设计与交互设计三种，这三种内容既有分割又有密切的联系。在UI设计中，主要包括UI设计风格与构图、UI设计色彩因素、UI设计图形语言、UI交互动画设计以及UI设计的视觉层级关系五个方面的内容。在UI设计的内容中，色彩因素十分重要，它可以有效提高用户的使用率，在一定程度上增加系统的使用及应用价值，使媒体程序更加多元化。

2 色彩的感知及影响因素

对色彩的感知是人们进行视觉思维的主要因素之一，是人们通过眼睛与大脑对生活中感知到的物体所产生对光的视觉效应。在进行设计时，所针对的对象就是用户，应该从用户角度出发去考虑设计因素，产品的整体设计要达到满足用户需求的目的。只有理解了客户的视觉思维、视觉行为习惯等，才能进行基础的用户交互式体验设计。只有了解了用户的普遍可能性，才能设计出用户需要的产品。可以看出，视觉思维在进行交互式体验设计中的地位十分重要，是进行人机交互不可缺少的前提条件。

在进行现代交互设计时，设计师对色彩进行合理的搭配使用，可以有效地帮助用户快速对按钮、图片等内容进行查找。而且对色彩的合理使用还可以更加有效地对信息进行组织处理，将较为庞大的屏幕信息进行适当的归纳。色彩感知作为人们视觉思维的一部分，主要依赖于用户的自身感知，会根据用户自身的兴趣爱好、文化、地域等因素发生一定的变化。在进行UI设计时，也应该对这一部分因素进行考虑。也就是说，主要对色彩感知产生影响的包括用户自身对色彩的本能感知与用户对色彩产生视觉习惯的思维型感知两大类。

2.1 用户自身对色彩的本能感知

用户自身的本能感知属于先天性的感知能力，这种能力具有一定的局限性，也有很大的优势。对周围环境及事物进行观察是人的一种本能体现。在进行UI设计时，避免用户对色彩感知的劣势是主要考虑的因素。用户对色彩进行感知一般取决于物体与光波间的交互，如大部分的光都可以透过透明物体一样。现在我们常用的屏幕以LED屏为主，这些屏幕的材质主要以半透明体为主，只能透过少部分的光，如果光波遇到了不透明的物體就会进行反射。也就是说，我们所看到的物体色彩主要与反射波的频率有关。在UI设计中，物体以及电子屏幕的色彩都与光远以及反射光的性质有关。不同环境下，对电子荧屏的感知色彩也会有所不同。一般情况下，大部分的用户都对色彩有共同的一个感知范围，在这个范围内，人们会对色彩有共同的认识，但是色盲除外。因此在进行UI设计时，要对这类人群的情况进行适当的考虑。

2.2 用户对色彩视觉习惯的思维感知

用户对色彩视觉的客观习惯也是在进行UI设计时需要重点关注的问题，如用户的性别、年龄、教育文化背景、情感因素、眼睛疲劳程度等。不同年龄层次的用户对色彩的喜好有着较大的差异，如年轻人喜好亮丽的色彩，老年人偏爱稳重的色彩等。[2]用户眼睛的疲劳程度会随着年龄的增加而减退，不同文化背景的人对色彩也有着不同的认识，因此在进行视觉UI设计时要注意UI的个性化设计。

3 UI设计中色彩的运用

3.1 色彩在视觉UI设计中的作用

在进行UI设计时，对色彩进行适当的运用可以使用户更加顺利地找到需要的信息，因此在UI设计中选择合适的色彩十分重要。可以在交互设计中根据分类区别于联系、理解与回忆、搜索等三方面来对色彩进行使用，提升目标任务。

满足分类区别于联系，可以增加自定义结构及子系统、色彩编码的维度，使用色彩创建更加完整的结构以及子结构系统，使用户在色彩的帮助下更加有效地对事物进行分组，同时还不会对其内在的关联造成影响。对逻辑性较强的信息进行整合时，色彩也可以起到一定的作用。例如，将简单易懂的色彩编码进行使用，可以帮助用户对较为复杂的事物进行联系，达到快速了解并使用的目的。

适当色彩的使用可以减少用户在使用产品时对操作不理解的情况，还可以有效地将人们的视觉以及感知系统进行结合，更有效地传达信息，尽可能地减少用户在理解上的误差。[3]色彩也可以帮助人们产生与色彩相关的联想，因为许多事物都在一定程度与某种颜色存在关联，用户可以通过这一内在的关联对系统中的信息进行识别。

对色彩的明度、饱和度、对比度等进行适当的调试，可以使UI中的目标展示出不同的效果。例如，在进行UI设计时，可以将有关联的内容使用相似或相近的颜色进行表示，方便客户筛选使用。

3.2 色彩在UI设计中的运用

色彩可以使人们从视觉上产生一定的情感，也在人类的历史发展进程中担当着不同的使命以及象征。我们一般将颜色分为暖色与冷色。暖色包括红、橙、黄这三种颜色以及这三种颜色结合而成的颜色。研究发现，暖色系的颜色象征着激情、活力、积极，给人以温暖的感觉。在进行UI设计时，一般使用红、橙、黄这三种颜色来表达激情、快乐的基调。而且对暖色系的使用可以加强人们的食欲，很多餐饮品牌都使用了这些颜色。暖色也存在一定的消极影响，暖色的使用会在一定程度上加快人们的心跳，长时间将视线停留在暖色调上会引起人们焦躁的情绪，因此在医院的色彩装饰中不会出现暖色基调，特别是对红色的运用。冷色调包括蓝、绿、紫。与暖色调对比来说，冷色调的视觉强度相对较弱，会给人放松、舒适的心理感受。蓝色属于三原色的一种，可以给人严谨、专业的感受，因此高科技型的企业一般都会选择使用蓝色作为标准色彩。绿色则给人一种自然、清新的心理感受。红色较艳丽，能准确抓住大众的眼球。在UI设计中，红色被设计师运用得非常普遍。

4 结束语

色彩影响人类的视觉思维，在UI的设计中非常重要，直接影响着用户的视觉感观。用户的交互体验是由UI设计师对色彩应用所表现而出的。现今，有许多UI色彩交互设计师可灵活搭配色彩。在手机或电脑上运用交互搭配可使用户顺利找到按钮、图标等，让用户拥有全新的感受。此外，合理运用色彩可有效地整理、组织信息，有利于用户归纳屏幕上的信息。不同的对比度、色彩饱和度以及色彩明度，可以通过调试手机或电脑等电子产品屏幕中的各种目标，以不同的效果展现出来，从而表达出所要传达的信息。

参考文献：

[1] 张美珍.浅析色彩在UI设计中的应用[J].设计，2014，8（7）：97-98.

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

[3] 夏梦. UI设计中的色彩使用[J].大众文艺，2015，3（11）：64-65.