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

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

陈东勋 李泽宏 连伟波 李哲 李绪

北方自动控制技术研究所 山西太原 030006

摘要：色彩在UI用户界面设计中的应用包括许多方面，色彩的作用主要在于区别事物间的不同之处，分析或者连接不同的事物。UI设计是搭建在后端设计人员与用户间无形的桥梁，使得界面更加具有科学性、合理性、规范性。鉴于此，本文通过描述色彩语意在UI设计中的作用，引出色彩语意对于用户界面设计的具体应用方式，以供参考。

关键词：UI设计；色彩语意；应用方法

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

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

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

1.2色彩语意的联想性

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

1.3色彩语意的人文因素

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

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

2.1 UI色彩的情感语

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

2.2 UI色彩的功能语意

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

3色彩语意应用到UI设计中的具体措施

3.1合理运用色彩三要素，增加用户的视觉感受

色彩主要包括三个主要要素，分别为明度、色相和饱和度，成为UI设计人员创建整个方案需要思考的主要内容，得到UI设计人员的高度重视。首先，明度是色彩应用中需要思考的主要内容，表现在色彩的明亮程度上，通过不同的亮度呈现出色彩的层次感，增加色彩应用的协调感。UI设计如果采用较高的亮度，就会给予用户一种清凉的感受，提高他们使用的精气神，调动他们使用的自主性，而UI设计如果采用较暗的亮度，就会表现出一种温暖感，给予用户更舒适的视觉享受，减少屏幕亮度对用户眼睛造成的疲劳感。其次，色相是色彩应用中的主要构成要素，也是色彩应用表现出的主要特征，成为UI设计人员对色彩搭配思考的主要内容。不同的色相表现出不同的风格形式，以红色表现出浓郁艳丽的风格，以青色表现出清新淡雅的风格，以深蓝色表现出冷静深沉的风格，UI设计以不同的颜色代表不同的风格，通过不同的色调形成独特的界面构成形式，打造出独特的页面效果。最后，饱和度是色彩应用到UI设计中需要思考的最后一个元素，表现出色彩的鲜艳程度，呈现出不同的质感，展现出色彩的纯度，在特定的光线下表现出色调的亮与暗。

3.2作为视觉语言，满足用户的使用心理

色彩作为一种视觉语言，逐渐被应用到UI设计中，以不同的颜色表现出不同的情感，提高人们对色彩的感知能力，给予用户一定的视觉刺激。用户通过观察UI设计的色彩，形成强烈的视觉感官，随后将色彩内容传输给大脑，经过大脑思考产生一定的心理反应，针对不同的色彩产生不同的情感。用户会根据文化差异对相同的色彩产生不同的情感，根据个人的性格对色彩产生不同的感受，进而促使UI设计满足不同用户的使用心理，强化他们对色彩情感的感知能力。例如，红色应用到UI设计中，往往表示为热情、奔放、喜气等情感，代表着大吉大利、喜气洋洋的设计情感，同时也具有一定的警示作用，标志着危险的信号内容，给予用户真实的感官感受，促使UI设计达到最佳的颜色设计效果。

3.3做好色彩搭配，符合人们的视觉审美

色彩应用到UI设计中，展现出不同的搭配形式，与穿衣搭配相类似，只有良好的色彩搭配，才能符合当前人们的视觉审美。UI设计人员需要做好色彩的搭配，以黑白灰作为基础的色彩搭配形式，减少页面设计的错误性，同时，应当考虑黑白灰色系使用的层次性，更好地彰显出页面设计的魅力。UI设计人员应当创建出色彩搭配的方案，以同一色系的颜色形成完善的搭配形式，建立统一、有序的页面设计模块，进而增加页面色彩构建的协调性。

3.4合理选择色彩，符合网页表现意图

UI设计人员应当深入考察界面的内容，分析出界面内容所展现出的主体方向，根据页面内容合理地选择色彩，以色彩表现出网页的表现意图，体现出界面的主体对象。例如，在介绍美食的界面，UI设计人员应将橙红色作为主要的设计颜色，展现出食物的色香味，促使用户对食物拥有良好的食欲。在万年历界面中，UI设计人员应当表现出中国传统文化的特色，以红色彰显出中国的传统元素，利用中国红调动用户的使用积极性，进而符合网页的表现意图，展现出界面的特色内容。

结语

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

参考文献：

[1]孟华.浅析色彩在UI设计中的应用[J].赤子,2017(16):68.

[2]郑黄昱缨.浅析色彩在网页UI设计中的应用[J].戏剧之家,2017(12):103.

[3]曲轩.浅析色彩在手机UI设计中的应用[J].新教育时代:学生版,2017(30):241,234.

[4]刘文佳,张瑞娥.浅析色彩在UI设计中的应用[J].西部皮革,2016,38(24):47.