浅谈交互设计中的色彩应用

张婷屹

摘 要：色彩是UI设计中非常重要的设计元素之一，是建立产品性格与气质的关键。在UI设计中，优秀的色彩搭配将更容易吸引用户的注意力，此外，好的色颜色搭配可以让UI设计获得更好的用户体验。色彩所传递的情感一方面来源于色彩本身的属性，例如暖色更加活泼、欢快，冷色更加理性、沉静。另一方面来源于观看者自身的属性，包括观看者的国籍、文化、年龄、性别等等。本文就UI设计中的色彩原理、应用和设计方法，进行分析和探究。

关键词：UI设计；交互设计；色彩搭配；色彩规范

交互设计是一种功能与审美的高级结合，随着智能手机的快速普及，它与人们的日常生活联系愈发紧密。随着社会经济的快速发展，人们的审美能力越来越高对于设计的要求也就越来越高。色彩是UI设计中非常重要的设计元素之一，同时也是建立产品性格与气质的关键。在UI设计中，优秀的色彩搭配将更容易吸引用户的注意力，此外，好的色颜色搭配可以让UI设计获得更好的用户体验。有相关的实验证明，人们对于新事物的第一印象，色彩占80%。在观看两分钟之后，色彩占60%，形态占40%。该试验表明了，色彩在很大程度上影响着我们对事物的认知和记忆，同时不同的色彩也会让观者产生特定的情绪和心理映射，所以也诞生了研究色彩的专业学科。

总体来说在UI设计中，对色彩的搭配可以参考三个方面，第一是色彩本身的物理属性对用户心里的映射，例如色彩的冷暖，冷色蓝色更为理性、纯净，暖色红色更为热烈激情。又例如饱和度越高的颜色更为生动活波，饱和度低的颜色更加沉稳内敛。第二点是不同用户对色彩的主观情感认知，因为用户的年龄、性别、文化等情况的不同对色彩的认知也不经相同，例如在我国红色是财富的象征，我国的股票上涨是红色，下跌是绿色，但在很多西方国家上涨是绿色，反之下跌是红色，对于这两种颜色在文化理解的上差别会直接影响我们设计配色。最后一点，是来自市场环境或同类竞品的配色参考，这也是UI配色中的一个客观因素。如果我们在为一款互联网产品选择配色时和同类竞品太过相似，那容易造成和其他产品的市场太过相似，通俗点说可能会造成为他们做嫁衣的市场效果。UI设计的配色是一个复杂的过程，需要综合考虑色彩的主、客观因素，作为UI设计学习者，需要掌握基本的色彩理论，通过实践不断加深对色彩的认识，并最终能够熟练地运用各种色彩，搭配出和谐、使人愉悦的交互设计。

一、色彩的基本要素

色彩是光从物体反射到人的眼睛所引起的的一种视觉心理感受。从物理上讲，不同波长的可见光对应着不同的色彩，也就是说有光的地方就会有色彩。丰富的色彩基本可以分成两个大类，即有彩色和无彩色。有彩色具有三个基本的特征即色相、纯度和明度。无彩色，是指白色、黑色，和由黑白调和成的不同程度的灰色。色彩中不能再分解的三种基本颜色，也就是我们通常说的三原色，即红、黄、蓝，通过三原色可以混合出所有的颜色。

二、色彩在UI设计中的应用

色彩是交互设计中最具表现力和影响力的组成部分，他通过人们的视觉感受产生一系列心理映射，从而唤起用户对于产品不同的情绪和感受。UI设计师要充分了解色彩的不同心理学知识，理解色彩给观者带来的不同心理感受，才能让色彩对产品的营造起到积极的烘托作用。这节当中，我们把色彩的学习分成两个部分，一是基于对于色彩性格的理解，合理运用色彩表现产品性质；二是通过不同的配色方案，提升产品的视觉体验。

交互设计师在配色时，除了要考虑色彩的内在映射，还要根据产品功能，搭配出符合用户预期的配色方案。好的配色方案可以有效的帮助用户理解应用的功能，正确的完成操作，或是与界面当中的其他元素积极互动。每个APP都会有属于自己的配色方案，

一个完整的UI配色应包含主色、辅助色、和点缀色。主色调通常和品牌标准色一致，一般来说在品牌设计中，品牌标准色指的是其品牌logo的颜色。主色决定了整个产品风格和定位。其次，为了更好的丰富视觉效果，一般来说，一个应用都会搭配2-3种配色。辅助色的使用可以使画面的层次更加丰富，有效的引导操作。简洁的配色可以有效的提升用户的体验，相反，如果配色太多让人眼花缭乱，会一定程度上分散用户的关注度，使操作变的低效，甚至是误导用户。

三、色彩在产品推广中的作用

之前已经讨论过人们在接受视觉形象时，对于色彩的敏感度是要高于形状的明感度。在用户体验一个产品时，色彩会首先在用户的思维上产生作用，这就是色彩的心理映射。色彩可以体现商品的性能、用途和属性。简单来说，色彩为该商品奠定了一个大体的基调。用户在打开这个界面的时候就大概知道这是一个怎样的商品，例如一款婴幼产品，主色调首选的颜色一般是粉红色、粉黄色、桃红色，这些明度较高且温暖的颜色，而不会选择绿色、蓝色、黑色，这些明度较低且冷静的颜色。再例如，从用户的角度来说，在看到一款主色调是蓝色的产品时，一般反应不会是女性产品、不会是美食产品、不会是儿童产品。如果是生硬的标新立异，可能会在用户初体验时产生不必要的误解。这种基础的认知就是色彩的形象影响了用户对于商品基本内容的判定。所以说选择恰当的色彩能促进用户对于商品的好感与认知。

一个产品选择一种主色调，这个颜色也就成了这个产品的专属色，在长期的使用过程中需要严格遵守其一致性，如此一来，产品就可以在用户的心中树立深刻的品牌印象。就好像我们看到红色就能想到可口可乐，看到蓝色就能想到百事可乐。这种反复的记忆刺激可以强化产品的影响力，是品牌的保证，便于用户的搜索捆绑用户，更有利于产品的推广，最终让产品更具竞争优势。

其次，除了要考虑产品色彩与产品内容的一致性，从营销层面来说，在匹配产品的主色调时还要考虑同类产品的用色。色彩的差异性也是有助于产品竞争的重要手段。结合色彩属性和产品内容的专属色最可能出现的问题就是无法在众多产品竞争中显示其独特性。产品的形象和定位太过相似不利于产品的营销和推广，没办法在用户心中和其他竞品。例如在路旅游类产品中，大部分的App都会使用蓝绿作为主色调，因为蓝绿色更能传达自由、自然、放松的色彩情感。而驴妈妈旅游偏偏使用红色主色调可以使产品在竞品中更加突出，更利于用户识别。饿了吗是外卖产品中唯一使用冷色调的。选择非常规的色彩搭配无疑即是挑战也是机遇。挑战是指不同的对比可能会使选择的颜色和用户心理预期发生背离，而难以认同。这就对UI设计师提出了更高的要求，通过对比所赢得的关注可以帮助产品更努力的挖掘自身的产品特点，并规划之后营销方式，从而走出一条专属的产品发展方向。

所以，作为交互设计师，在设计时，不能单纯的凭借个人的喜好去搭配颜色，而是需要充分考虑用户在使用时的体验。在产品设计色彩之初，首先应该明確产品的内容、性质、特性，结合产品的目标客户群，匹配合适的色彩。另外UI设计师要结合市场要素，了解产品是市场中的定位，利用视觉手段为产品开辟一条专属的视觉营销路线。

参考文献

[1]李南南，浅析色彩心理在UI设计中的应用，《大众文艺》，2018（10）

[2]李时颖，UI设计中的色彩运用研究，《电脑知识与技术》，2016，12（31）：193-194

[3]曾俊蓉，UI界面设计中的色彩规划，《艺术品鉴》，2016（3）

[4]赵偲，基于感性工学与色彩心理学的2.5维UI界面设计研究，南京航空航天大学，2009

（作者单位：安徽财贸职业学院）