色彩语意在UI设计中的应用研究

惠晓艳

(重庆工商大学，重庆 400067)

1 什么是色彩

色彩是能够引起共鸣的一种语言表达形式。我们可以将色彩分为有彩色系和无彩色系两大类，有彩色系的三个基本特征就是色相、饱和度、明度。色相就是我们最经常说到的颜色术语，例如红、橙、黄、绿、青等；饱和度就是颜色的鲜亮和灰暗程度，颜色鲜亮称为高饱和度，颜色灰暗称为低饱和度；明度指的是颜色的亮和暗。无彩色系就是色彩饱和度为0的颜色。在艺术创作中，色彩有着可以营造梦幻空间的能力。

2 色彩的符号语意及其独特性

2.1 色彩语意与色彩之间存在的感官上的接近性

色彩语意与色彩给人感官上的体验具有相似性。当我们看到蓝色、绿色、紫色冷色系的时候，我们就会感觉到冷静、淡定、凉爽并且在视觉上也会有收缩感，一般在饮料的UI设计中就会使用冷色调；在看到红色、橙色、黄色、棕色等暖色系的时候会感觉到激情、火热、狂野并且在视觉上会有膨胀感，一般在竞技游戏、食物的UI设计中就会使用暖色调。因为他们有相通性，所以就会产生相对应的心理反应和视觉感受。

2.2 色彩语意的联想性

色彩语意与色彩给人感官上的体验具有一定的逻辑性。绿色联想到生命、生机勃勃、健康、和平、纯天然等;红色联想到热情、活力、温暖、血腥、危险、警告等；白色联想到寒冷、纯洁、干净等。

2.3 色彩语意的人文因素

色彩语意受到固定的社会、风俗、地域文化因素的影响，有着不同的语意理解。例如在在中华民族的文化寓意中，红色代表着喜庆、幸运、吉祥等，而在国外，红色却是代表着冲动、暴力、挑衅等。在中国的传统节假日中，大多会使用红色来做装饰和包装礼物来突出节日的热闹与喜庆。在许多欧洲国家，他们喜欢蓝色和白色，他们觉得蓝色和白色代表着沉着冷静。

3 UI界面设计中色彩语意的类型层次分析

3.1 UI色彩的情感语意

美国艺术心理学家布鲁默说：“色彩唤起各种情绪，表达感情，甚至影响我们正常的生理感受。”①所以在进行设计UI界面的色彩设计时，一定要充分考虑到用户的情感因素。不同性别、年龄对于颜色的接受类别不同。例如一部分成人喜欢蓝、白、黑、灰，喜欢这些颜色的人一般都比较文艺、沉稳、性格稍许的内向，针对这一部分人时要忌讳红、黄等高饱和度的颜色；儿童一般是喜欢靓丽的红、橙、黄等。把色彩与用户人群相匹配，既能扩大传播效果，还能够引起读者共鸣。色彩的冷暖色也能使人的生理和心理产生不同的情感，冷色一般给人清爽、干净、纯洁等感受，所以许多夏季饮料都是使用冷色调，而暖色一般给人温暖、膨胀、热情的感觉，所以食物类都会选择暖色，增加人的食欲。因此，UI设计在对于色彩的考虑上一定要根据不同的用户人群和不同品牌类型对于颜色的需要来进行选择。

3.2 UI色彩的功能语意

功能性是我们在设计任何东西都需首要考虑，当用户看到一组UI界面的时候，是否能够在第一眼看出是什么，怎么做，是否能够精准传达设计者所想。这些都是色彩的功能性作用。一组优秀的UI界面设计中使用的色彩是可以非常准确的传达信息和表达语意，让界面更加的简洁，操作流程更加清晰，降低用户使用的技术成本。例如许多购物的UI界面设计时，大都会使用暖色系，例如红色、橙色等暖色会给人热情、开心、兴奋的感觉，会激起用户的购买欲，以此来达到促进消费的目的。

3.3 色彩语意在实际UI设计中应用研究

在网页设计中，色彩的运用极为重要，它能够在较短的时间内精准无误的传达出设计师所想和提升整体的吸引力与视觉冲击力。(如图一、二)EICO作为一家用户体验设计公司，图一是关于摩拜单车的UI设计，背景部分根据摩拜单车原本车身的颜色提取了橙红色，使浏览者一眼就可以看出这个是关于摩拜单车的UI界面，根据人们的习惯性联想，看到自行车、橙红色很快就可以把两者联系起来，而不会联想到OFO小黄车。并且橙红色给人的感觉是热情、活力，还可以激起用户的尝试欲。

图一 EICO官网首页1

图二是关于医疗APP丁香园的UI界面，整体颜色是看起来非常清爽、镇静。一般人在生病之后心情都是非常浮躁的，所以选择冷色调的天蓝色，这种颜色对于生病了的人会有一定的镇定作用，帮助病人的心情稳定下来，有助于理性的思考。所以不同性质的UI设计对于颜色的考虑一定要三思而后行，考虑到用户人群的性质。

图二 EICO官网首页2

4 UI界面中色彩设计的原则与方法

4.1 主视觉需求

(1)信息传达准确性需求

UI设计时，颜色的使用一定要满足信息传达准确性的需要，当浏览者看到的第一眼就能够看到非常清晰的明白这个网站是关于什么的内容。如把竞技游戏类设计成婴儿粉等小清新的颜色，把婴儿用品类颜色设计成大红、纯黑等颜色，很显然这样肯定不能精准传达品牌。人对于色彩的敏感度远高于其他的图形和文字，所以色彩的选择就非常的重要。

(2)突出主题需求

不同主题的需求对于颜色的需求是不一样的。广告大师奥格威曾经说过：“最终决定品牌市场地位的是品牌本身的个性，而不是产品间微不足道的差异。”②所以说颜色的使用一定要能够体现本品牌的个性和特征，在众多同类品牌里有自己的独特性。在UI设计的色彩中，整体色调一定要简洁明朗、统一秩序、突出主要功能。例如环保类一般都会使用绿色环保色；儿童玩具会使用明度和饱和度高的的黄色、橙色等；法律类会使用白色、蓝色沉稳的颜色。

4.2 次视觉需求

(1)符合色彩理论学

颜色的搭配有一套完整的色彩理论体系。所以在进行UI色彩设计的时候，一定要在科学原理的理论基础上再加以创作和发挥。在进行UI色彩设计的时候要遵循色彩搭配的黄金比例，即7:2.5:0.5，基础色70%，主配色25%，强调色5%。这是国外色彩专家根据大量实验所得出的一条经典配色法则。

(2)符合人体视觉接收系统

在进行UI色彩设计的时候，为了符合人体视觉接受系统，由亮到暗。通常在背景上应该使用单一和饱和度与明度比较低的颜色，主体物就使用鲜艳明亮的颜色，这样就能应用颜色的对比来突出主题，增强想要传达给受众者的重要信息。

结语

随着互联网的不断革新，UI设计也慢慢的融入到各行各业当中，使得大量信息在各大平台上不断焕发着活力。这就对UI设计的要求提出了新的挑战，尤其是在色彩方面，只有运用好色彩设计的原则与方法，才能设计出优秀的UI界面，给用户带来丰富且具有冲击力的视觉感受体验，提升品牌的整体水平的同时也会提升用户的一个审美水平，使得用户在使用时操作能够简洁明了，使用感受能身心愉悦。使品牌相较于同类型品牌更具有吸引力和竞争力。

注释:

① 刘敏璐,李纶.论产品色彩的情感诉求[J].伊犁师范学院学报(自然科学版),2009(04):77-79.

② 赵晨音.UI用户界面色彩设计研究[C].中国流行色协会、绍兴市柯桥区人民政府、亚洲色彩联合会.2017中国国际时尚创意论坛论文集.中国流行色协会、绍兴市柯桥区人民政府、亚洲色彩联合会:中国流行色协会,2017:198-204.