浅谈软件UI的色彩情感

沈　强　（天津电子信息职业技术学院　300350）

浅谈软件UI的色彩情感

沈强（天津电子信息职业技术学院300350）

色彩相对于图形和文字等视觉元素更具有直观性和感染性，尤其是在智能设备功能已经同化的背景下，如何利用UI设计扩大市场占有率已经成为众多开发者关注的焦点。所以本文先分析了色彩对软件UI设计的影响，然后详细分析了色彩情感在软件UI设计中的应用。

软件UI；色彩；情感

适当的色彩设计不仅可以增强用户体验，还能刺激用户视觉感受。现代UI设计师在设计软件时，都会根据实际的软件功能和用户需求选择恰当的色彩搭配，以方便用户使用，并完善软件界面设计。总之，合理利用色彩的明度值、对比度和饱和度等属性，可以很好的展现软件图标、按钮等功能，提高软件的适用性和舒适性。

一、色彩对软件UI设计的影响

1.色彩的心理效应

色彩的心理效应分为两类，一是直接性心理效应。二是间接性心理效应。通常设计师在设计软件界面时需要考虑用户群体的审美心理，然后再根据不同色调的不同作用设计出合理、准确的人性化操作界面。

直接性心理效应是指人们对色彩的直接性刺激产生的心理反应，包括人们的情感、情绪、思想。在软件UI的设计中，如何充分发挥色彩的感染力和视觉作用，以使人们达到一种舒适、愉悦的心理享受是众多UI设计师研究的重点内容。如红色，是一种非常靓丽的色彩，很容易吸引人们的注意力。这也就是红色用在交通信号灯上的重要原因。另外，红色还能给人们留下一种喜庆的感觉。

间接性心理效应是指在直接性感受到基础上，产生的一种联想的心理效应。一般分为具体联想和抽象联想，如看到红色，会联想到婚礼、血等事物，这就是具体的联想，如果看到红色联想到热情，就是抽象的联想。相比于直接性心理效应，间接性心理效应的心理感受更为强烈。

2.色彩设计原则

根据不同色彩的不同作用，UI设计师在软件UI设计中，应该遵循整体性、严谨性、协调性的原则。所谓整体性，就是指软件UI界面的整体风格。一般都是大色块为主要基调，小色块为修饰，这样才能使界面更具有观赏性。而严谨性是指UI界面中应该具有重色或者相似色，使整体的UI界面色彩维持在一个平衡的状态。UI界面设计最忌讳跳色，不同色系的颜色拼接在一起，只会降低界面的设计水平。当然，协调性强调的也是色彩的合理搭配。但严谨性的一个突出特点就是界面色彩设计中，应该添加重色作为背景框，这样才能使界面显得更加稳重。

二、色彩情感在软件UI设计中的应用分析

1.用户偏好

随着我国软件产业的快速发展，越来越多的软件出现在人们的视野之中。从用户偏好角度考虑，软件UI的色彩需要根据软件用途以及用户的舒适要求进行设计。色彩情感应用在软件UI中，不仅是软件用户群细化的结果，也是一种人性化设计理念的客观需求。

如色彩主题设计已经成为现代软件UI设计必不可少的一部分。色彩不仅能影响人们的视觉注意力，还能激发用户的购买欲望。一般在软件UI设计中，设计师会根据用户的不同年龄、不同性别选择合适的色彩。如对于年龄较小的儿童而言，吸引他们的注意力主要是利用五彩斑斓的颜色。而对于成年人来说，会选择一些基本的色彩作为整体色调。同时针对性别的不同，也会选用不同色系的颜色。如手机App蜜芽、贝贝，这类的主要用户是面向年轻妈妈群体，所以会选用粉色等温暖的色调。另外，对于不同文化环境中成长起来的人们，其色彩选择也有很大的差异，不同的地区推崇的颜色也是各不相同。如就整体而言西方国家偏好于色彩明度比较低纯度较低，趋于理性的手机界面设计。所以设计师在选择色彩时，应该考虑到用户的偏好。

又如红色具有刺激心血的紧迫感，常出现在清仓场景，而橙色的呼叫意味浓厚，用于创建下订、购买、出售的行动，所以红色和橙色一般用于购物网站或App的购买和支付按钮，还会用于一些错误提示页面，表示警示和提醒用户注意。

2.行业需求

不同的色彩具有不同的心理效应。在软件UI设计时，设计师也会根据实际的企业性质选择合适的颜色作为整体色调，以突显企业的特质。色彩也是用户使用软件时最先接触到，感受到的。软件整体呈现出来的感受是用户选择是否使用该软件的一个重要依据。并且色彩在无意中，还能影响用户的决策。

如代表理智、沉稳的蓝色，在商业设计中应用非常广泛。另外，根据文化背景的不同，蓝色在商业设计中，还有另外一种含义，即强调科技，效率的商品或企业形象。一般科技、计算机、银行等软件UI中都会选用蓝色作为基础色调，并配中间色作为协调颜色。如酷狗软件的手机客户端界面分为登陆，个人中心，酷狗首页，酷狗排行。其整体就是以蓝色作为基本的色调，并利用扁平化设计更少的按钮和选项使得界面干净整齐，这样用户在使用时，会感觉更加直接、简洁。并且蓝色看起来更加清爽，不会给人们造成认知障碍。据有关色彩心理学测试显示，几乎没有人对蓝色反感。另外，蓝色与其它颜色搭配时，要尽可能的减少色彩冲突。如选用灰色与蓝色搭配，或者是选用红、橙、黄色等暖色系色彩作为点睛色，可以使整个画面具有梦幻感。总之，蓝色与多种颜色相搭配，尽量选中一个作为主色让画面的颜色达到平衡。

3.合理搭配

当然，色彩并不是限定死的，并不是某些界面元素就必须选用某些颜色。在实际的软件UI设计中，需要设计师深入了解用户需求，并根据客户要求定位产品的性质，以便于选择最合理的色彩。

现在软件UI的设计主流是以简洁、准确为核心内容，并且在扁平化设计逐渐受到欢迎的背景下，如何选择简单的色调准确的表达出软件的主要信息成为众多UI设计师关注的焦点。另外，设计师需要注意的另一个问题是如何合理搭配颜色，以使软件界面更加舒适。一般在搭配色彩时，设计师需要注意利用大块的色彩烘托气氛和主题，小块的色彩用于点缀，丰富画面。如软件Big，其名称就很容易让用户记住，而且其软件整体是以朱红色作为基本的色调，并标配灰色为辅助色彩。这样做不仅能凸显软件整体的简洁性，还会使用户在使用后，对该产品具有很深刻的印象。

另外，设计师在软件UI设计时，有时会选择颜色渐变作为统一颜色的手段。如在色彩中颜色采用浅色，柔和而轻盈，也会显得不够稳定。采用深色，会显得厚重高级，但容易沉闷。在界面设计时，在主色彩是浅色的情况下，适当补充些深色，能更好的平衡画面。例如锤子手机的介绍界面，整体是以黑灰和白色为基调，所以在设计手机详情页介绍时，设计师选用的是黑白色，两种颜色的手机作为设计元素。这样做的好处是不仅可以平衡整体界面颜色频率，还能增加用户使用的舒适性。所以设计师在进行色彩搭配时，应该根据实际的用户需求和软件定位，这样才能进行颜色的合理搭配。

4.配色

在软件UI设计中，色彩的配色会影响到整个界面的表现。一个优秀的设计作品，它的色彩搭配首先必须是和谐、协调的，这样才能让人看起来赏心悦目。影响配色的主观因素包括只关注色彩表象和搭配方法不够系统两个方面。首先设计师要明白的什么是色相和色调。色相是眼睛对不同光线下的物体产生的不同色彩感受。而色调是指因色彩透明度、饱和度不相同表现出来的不同色彩状态。只有先理解这两个概念，才能实现合理的配色。

如利用色相差，形成的配色方案。简单的说就是同种色相形成个统一配色方案，或者是不同色相，色环上相邻颜色形成的配色方案。根据主导色与辅助色的不同，色相差配色方案包括同色系主导、邻近色主导、类似色主导、中差色主导、对比色主导、中性色主导、多色搭配下的主。如Twitter，就是一种以蓝色为主导色的配色方案，界面中信息内容模块，白色底代表用户内容，浅蓝色底代表回复内容，更深一点的蓝色底代表可回复操作。又如，Facebook是利用色彩对比突出按钮任务优先级。统一的深蓝色系运用，传播品牌形象。中间色绿色按钮起到丰富页面色彩的作用，同时也突出绿色按钮任务层级为最高。深蓝色吊顶导航打通整页路径，并有引导用户向下阅读之意。

又如利用色调形成的配色方案。它是指利用深色调和暗色调等类似色调搭配也可以形成同样的配色效果。根据色彩的情感，色调形成配色方案包括清澈的色调、阴暗的色调、明亮色调、深暗色调、雅白色调，不同的色调会带来人们不一样的感受。如Tumblr，这是由同一或类似色调中的色相变化构成的配色类型，与主导色调配色属于同类技法。区别在于色调分布平均，没有过深或过浅的模块，色调范围更为严格。另外，该软件UI 设计的另一个优点是能够综合运用灵活运用，整体界面是有主导色调，在布局例如重点图标等是同色调配色。如目前比较流行的支付宝，其主色调在进过不断的调整之后，选择以深灰色作为背景色彩，以突显整体界面设计的稳重性，然后利用白色作为按钮，这样更能体现整体界面的舒适感。更重要的是，整体界面设计的色调不超过三种，大多属于中间色，总的来说，属于一种深暗色调。总之，软件UI设计师在选择界面色彩时，应该根据软件定位。另外，作为一名合格的软件UI设计师，应该掌握配色的技巧，这样才能在实际的应用，选择合适的配色，使软件更加受到用户的欢迎。尤其是在各种软件横行的时代，不重视色彩的应用，不注重界面设计的重要性，势必会遭到行业的淘汰。所以若要软件更能受到用户欢迎，UI设计师应该重视色彩情感的深刻内涵，并充分利用其特点，发挥出色彩对人们的影响。这不仅是我国软件产业快速发展的必然结果，也是我国经济发展的客观需求。

综上所述，色彩情感对于软件UI的设计具有很重要的促进作用。恰当的色彩可以减少用户使用难度，并提高界面的舒适性。所以软件UI设计师应该遵循不同色彩的情感体验，并结合用户的实际体验，设计合理的色彩界面，以提高软件的受欢迎程度，从而促进软件行业的快速发展。

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

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

[3]雷蕾.论UI设计中的色彩心理学运用[J].现代装饰（理论），2015（8）.

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