人
已阅读

浅谈APP UI设计中色彩搭配方法和色彩情绪的作用

来源：lexintech.com 发布时间：2019-09-24

一款APP开发出来后，用户打开第一眼进入眼帘的就是APP的视觉表现，而色彩在其中起到了非常重要的作用，毫无疑问色彩搭配对于APP开发的UI设计师来说是非常重要的，运用好色彩的搭配，是增加用户的友好体验度。那么具体到实际项目中该使用什么怎样的色彩，需要怎么做呢？下面我将逐步去分析。

在UI设计中，色彩的搭配方法通常有以下几种：

1、同种色搭配

使用一种色调及其相应的多种亮色和暗色，整个页面会非常统一。

2、类似色搭配

使用色相相近的颜色，页面元素不会相互冲突，更加协调有质感。

3、互补色搭配

如果选择使用互补色，最佳搭配是一种作为主色，另一种用于强调。它们有着非常强烈的对比度，用在需要特别强调某个元素时会非常有效。

4、分散互补色搭配

寻找三种颜色，其中两种互相类似，另一种与它们形成对比。这个配色非常易学而且容易出效果。

5、三角对立色搭配

顾名思义，就是色环上三角对立的颜色。最经典的就是蒙德里安风格的红黄蓝格构图，时至今日仍然非常符合设计趋势。

色彩本身是没有情绪的，只是因为不同波长的光通过人的眼睛传到大脑，引起了人们不同的心理感受，所以色彩才有了情绪。每种颜色都会给人独特的心理感受，引起我们不同的情绪，因此在设计过程中色彩情绪是必须要考虑的一个重要元素。

1、黑色

沉稳、品质感、收敛。

单独使用时黑色可以很容易吸引用户的注意力。和其他颜色搭配使用时可以很好地搭配组合，使用黑色的背景可以非常好的突出页面中的内容，容易出效果，应用场景非常广泛。可以提高其明度得到不同明度的灰色，例如苹果系统的深色模式。

设计时一般不会使用纯黑色，因为纯黑在显示屏上的显示效果并不是很好，所以通常会选择灰色。灵活使用灰色可以让你的设计更加优秀。

2、白色

干净、纯洁、简洁。

白色中包含了所有的颜色。页面设计中经常会使用到白色，你可以在上面排列布局任何元素而不会感觉突兀，作为页面的背景色。因为白色是无色相的，在设计中通常也会稍微变色，使用到像乳白色、雪白色等颜色，这样不会显得过分单调。黑色和白色搭配是一个非常经典的组合，只要把握好使用的占比，可以创造出非常高级的设计。

3、红色

热情、躁动、危险、警告。

红色元素很容易吸引到用户的注意，可以特别强调页面的某个元素，比如消息的小红点，但是时间一久就会引起眼睛疲劳，所以设计中红色元素一般不会大片使用。但是我们可以通过降低调整明度、纯度，来使用。

另外，红色还代表着危险及警告。红绿灯上的红灯停，炙热的火焰灾害。页面设计中可以在删除提醒、禁止操作功能时使用。

4、橙色

温暖、活泼、年轻。

黄色+红色得到橙色。属于暖色调的颜色，既不会像红色那样躁动，又不会像黄色那么灿烂，非常具有亲和力，用户对其接受程度非常高。柑橘类的水果都是橙系的，代表着健康、积极。和秋天相关的一些项目上，也会采用明度稍低的橙褐色来设计。橙色可以和绿色搭配，非常适用于教育类的产品，绿色为主色，橙色为强调色，象征着青少年健康有活力的特征。

5、黄色

阳光、辉煌、醒目、高贵。

这是一个明度非常高的颜色。本身是不适合应用在数字化领域的设计的，因为其显示效果较差，但是可以通过调整它的明度和纯度来得到我们想要的色调。黄色和深灰色是一个很好的组合，闲鱼美团都采用了这种色彩，黄色的高明度的色彩与明度较低的深灰色可以形成极强的对比效果，通过这种对比效果我们可以实现强调的功能点。其他都是应用在比较特定的一些场景，例如红绿灯的黄色的提醒作用，古代皇帝的专用色，农作物成熟的颜色等。

6、绿色

健康、大自然、清新、环保、安全。

绿色是大自然的颜色，大多数植物的颜色，现在非常提倡的环保生活都是采用绿色为主色调，健康无污染。代表着春天，在策划设计春天相关事物活动，可以使用绿色为主色进行设计。绿色是有着安全属性的，在支付、保障方面通常是应用很多的，与红色正好是相反的作用。

7、蓝色

科技、纯净、深邃、放松、忠诚

蓝色是三原色之一。和大海、天空有着不可分割的联系，是忠诚、放松的象征，在设计中应用是极其广泛的。另外，蓝色也是科技宇宙领域的专属颜色，是理智、效率的代名词，随处可见的企业官网、VI、软件、宣传物料等。像是心理治疗室都是使用蓝色系的环境，可见蓝色是非常易接受的颜色，在设计中使用起来非常方便。