基于色彩语义学的移动应用UI界面色彩设计原则

伊嫱　刘佳

摘要：随着科技的不断创新，互联网信息产业的迅速崛起，我们已经进入了“互联网+”时代，可以说互联网无处不在，操作简单、便携的智能手机移动互联网应用已经渗入到我们生活的方方面面。但是在海量的信息资源充满的移动互联网应用当中同质化现象日趋严重，这与日益增长的用户的精神与文化需求形成了鲜明的反差。移动互联网应用的界面设计，它直接关系到用户体验的效果，是在激烈的市场竞争中赢得市场的关键因素。在界面设计的所有设计元素当中，色彩是移动互联网应用的用户体验中最为重要的组成部分，色彩设计的优劣成为良好的用户体验的关键。本文正是基于上述问题，以移动互联网应用的界面色彩设计为对象，通过大量文献阅读与实际调研，运用色彩语义学的相关理论阐释UI界面中色彩设计的原则。

关键词：色彩语义学 移动互联网应用 UI界面 色彩设计

随着科技的不断创新，互联网信息产业的迅速崛起，我们已经进入了“互联网+”时代。可以说互联网无处不在，操作简单、便携的智能手机移动互联网应用已经渗入到我们生活的方方面面。但是在海量的信息资源充满的移动互联网应用当中同质化现象却日趋严重，这与日益增长的用户的精神与文化需求形成了鲜明的反差。作为移动互联网应用的“面子”——界面设计，它直接影响到用户体验的效果，界面设计称为在激烈的市场竞争中赢得互联网市场的关键因素。

马克思曾说：“色彩的感觉是一般美感中最大众化的形式”。在界面设计的所有设计元素当中，色彩是移动互联网应用的用户体验中最为重要的组成部分，界面色彩设计的优劣成为良好的用户体验的关键。优秀的色彩设计能够引起用户的注意，并吸引和引导用户去找到其所需要的信息。

一、色彩语义学

语义即语言的意义，语义学是语言学的一个分支，它是一门研究语言的意义的科学。二十世纪六十年代，设计界把这一科学引入到了产品设计中，形成了产品语义学。产品语义学主要研究的是人造物的形态在使用情境中的象征特性，及如何将它应用在产品设计之中。产品语义学认为产品不仅要具备物理功能，还应该能够向使用者解释或暗示出如何操作使用，同时产品也应该具有象征意义，能够构成人生活当中的象征环境。也就是说，产品语义学考虑的不仅仅是物理和生理的功能，还有心理、社会和文化的语境。它的目的就是要使产品成为一个用来沟通和表达的媒介，通过运用造型、肌理、材料和色彩来传达意义。

色彩语义学是在产品语义学的基础上发展而来的。色彩语义学主要是针对色彩进行的具体的研究，即色彩所要表达的意义。色彩语义学研究的核心内容是：色彩在产品使用中向使用者传递的特定含义的信息，在设计中如何通过色彩设计让消费者对产品属性和操作方式有更直接、准确的了解，并且在满足消费者功能需求的同时增加其精神上的满足。

色彩本身也是物质与精神的结合，色彩是一种感知，是真实的感受，而不是什么抽象的想法或概念。色彩体验是以光的刺激带来的心理反应开始的，因此色彩对人来说，是非常复杂的物理与心理的结合。色彩从人类开始出现就一直伴随着人类的生产、生活的方方面面，人类对色彩产生了独特的认知，色彩能激发出人们内心的共鸣。约翰内斯·伊顿在《色彩艺术》书中提出：“色彩效果不仅在视觉上，而且在心理上应该得到体会和理解。……它能把崇拜者的梦想转化到一个精神境界中去。”

二、移动互联网应用UI界面的色彩设计原则

UI界面的色彩设计不仅仅是为它赋于漂亮的颜色，而是应该深入地探讨附上这些色彩之后对产品本身或者对用户使用上的意义，以及所使用的色彩是否能够引导用户进行操作。色彩在界面设计中比图像和文字更为直观、更富有魅力。色彩可以将人们在长期积累中形成的共识建立起相应的语义，人们也通过自己对色彩产生的生理、心理上的反映来领会色彩传达的语义，因此在进行色彩设计时色彩语义的研究就显得尤为重要。将色彩设计与移动互联网应用的精神和功能表达得更完美，从而引起用户共鸣，抓住用户的心理，得到用户认可和理解，是进行UI界面色彩设计的主要目标，以色彩语义学为理论指导进行UI界面的色彩设计，结合移动互联网应用产品的特点，才能更准确地表达出该产品的意义。

第一，要根据产品的主题来选择主色调。色彩是一种客观现象，人们虽然有着不同的生活环境和生活习惯，但是却具有共同的对自然和生活经验的感受和积累，人们会对色彩产生具体的或抽象的联想，因此在一定程度上会获得对色彩语义的共识，把这种共识运用到界面设计里，无形中会拉近与用户的距离。如购物类移动互联网应用的色彩设计通常使用红色、橙色，因为红色、橙色是波长最长的色光，它的色彩语义是明亮、兴奋、愉悦，这样的色彩能够保持用户的兴奋度，促进销售的达成。比较具有代表性设计的是京东、当当、淘宝、百度外卖等应用，醒目的红色、橙色激发了消费者的购物热情。再如家政、洗衣类主题的移动互联网应用的色彩设计，色彩多以蓝、蓝绿色为主，因为它们是水的象征色，同时蓝色、蓝绿色会给人以清新、洁净的感觉。采用了与用户色彩语义一致的色彩会赢得用户的好感。

第二，需要考虑目标用户的定位而进行UI界面色彩设计。设计理论家布德克认为：设计并不只是产生一个物质实体，它还必须得实现其“沟通”功能。由于人们在长期的生产生活经验中积累的色彩体验是相对固定的，色彩所产生的意义也是约定俗成的，因此形成了相对稳定的色彩语义，当我们在进行UI界面设计时应该选择目标用户所熟悉的色彩语义，并且还要通过色彩语义特征来传达移动互联网应用产品的文化内涵，体现出它社会的时代感和价值取向。例如为女性提供信息服务的移动UI界面设计，经常会采用粉色系，这个色系是大部分女性所喜爱的色彩。例如美丽说、么么搭等应用的界面设计，是以粉色和玫粉色作为主色调。再如儿童教育类应用，在色彩设计中，为了符合儿童对色彩的喜好，则要使用鲜艳、活泼的色彩，如纯度比较高的的红色、黄色、绿色、蓝色等。

第三，在UI界面色彩设计中为了突出色彩的语义认知，应该避免使用太多的颜色。一个设计优良的UI界面要有一个主色调，而且主色调色彩要在界面中占有一定面积，并且根据目标用户对色彩语义的认知进行色彩搭配。如果使用过多的色彩，界面的设计很容易产生混乱的感觉，会降低界面的美感。最好在界面中使用3～4个颜色，另外要保证基本色的比例，主色调、辅色调及装饰色可采用70%、25%、5%的用色比例设计，以保证界面色彩在色彩语义认知中的识认性。

第四，美国当代视觉艺术心理学家布鲁默说：“色彩唤起各种情绪，表达感情，甚至影响我们正常的生理感受。”色彩能够使观者产生具有感情因素的联想。因此要使用适合的色彩语义应用在界面设计中。例如红色是能够激发视觉刺激的一种色彩，容易引起人们的注意，也容易使人兴奋、激动，另外在中国传统色彩语义识别中红色带有喜庆的意味，这个代表着中国的色彩广泛应用在很多的移动互联网应用界面当中，会让用户产生温暖和热情之感。

第五，色彩语义学不同于传统色彩设计只注重外形装饰、审美；而是更加注重色彩与功能、工艺及产品与环境之间相互协调。色彩语义学将色彩划分为功能性色彩、市场性色彩和构成性色彩。例如在UI界面设计中，主体色就是市场性色彩，而文本与背景色的色彩选择就是功能性色彩。UI界面核心内容是传达信息，因此在设计界面时，必须确保文本为主体的原则，要保证文本的清晰度，保证内容的可读性，文本的颜色应选择与背景色具有一定对比色的色彩，使文字更加醒目，简洁易懂，界面中的背景色只是起到烘托、陪衬的作用，另外在UI界面上的按钮的色彩的处理也属于功能性色彩。UI界面的主色调与按钮的色彩，也是属于主体与背景的色彩关系，因此按钮与主色调也要有对比关系。用对比的色彩突出按钮，才能导引用户很准确的找到它并进行后续的操作。

三、总结

日本色彩学家小林重顿在《色彩战略-市场开发中最尖端的感性化时代的商品技术》一书中所提出的：色彩的广泛应用已经成为新时代的重要标志，人们已经进入了“色感时代”。优秀的色彩设计让人获得美感，同时它也在各个方面影响着我们的心理活动，它影响着人们的购买欲望，影响着消费者的情绪、情感，甚至影响着用户的思想与行为。随着色彩语义学研究的更加深入，会给我们的设计带来更大的影响，也会提高UI界面的设计品质。endprint