UI设计师必须了解的色彩理论基础指南

许多人认为 UI 颜色的选择主要取决于设计师的品味和美感。然而,颜色选择的过程比看起来要复杂得多,在设计中起着重要的作用。在我们之前的文章之一,致力于颜色心理学我们发现颜色对我们的情绪和行为有很大的影响因此,产品的成功在很大程度上取决于为设计选择的颜色。这研究表明人们只需要90秒就能对产品做出潜意识判断,62%到90%的评估仅基于颜色。因此,正确选择的颜色对于提高产品转换率以及提高产品的可用性非常有用。

为了创造良好的设计和更有效地使用颜色,您需要了解颜色是如何形成的,以及它们之间的关系。这就是为什么艺术学校、学院和大学的学生学习色彩理论,致力于色彩的本质。今天,我们为您提供记住(甚至学习)颜色理论的基础知识,这些理论可以有效地应用于您的设计创建过程。

色轮

如果你有任何与绘画有关的课程,你一定看到了由不同颜色组成的圆。它被称为颜色轮,有助于了解不同的颜色如何相互关联,以及如何组合它们。颜色圆通常由初级、二级和三级颜色构建。主要的颜色是这三种颜料颜色,不能由任何其他颜色的任何组合形成。结合原色,我们得到次要的颜色,和主要和次要颜色的混合给我们的第三色,通常有两个字的名字,如红紫罗兰。

色环是由艾萨克·牛顿在 1666 年以示意图的方式创建的,从那时起它经历了许多转变,但仍然是颜色组合的主要工具。主要思想是必须以这种方式制作色轮,以便适当地混合颜色。

颜色模型

在开始混合颜色之前,您需要了解颜色有两种不同的性质:物体表面的有形颜色和由光线(如电视光束)产生的其他颜色。这些类型创建形成色轮的两种颜色模型:加色和减色。

加色模型考虑了红色,蓝色和绿色作为主色调,所以它也被称为RGB色彩系统。该模型是屏幕上使用的所有颜色的基础。该系统中等比例的原色组合会产生青色、品红色和黄色等二次色,但您需要记住,添加的光线越多,颜色就会变得越亮越亮。对于习惯于油漆、染料、墨水和其他有形物体的减色系统的人来说,通过混合加色获得的结果通常是违反直觉的。

所述减色模型通过光的减法取得的颜色。它由两种颜色系统组成。首先是RYB(红、黄、蓝)也称为艺术系统,常用于艺术教育,尤其是绘画。RYB 是现代科学色彩理论的基础,该理论确定青色、品红色和黄色是最有效的三种颜色组合。这就是颜色模型 CMY 的形成方式。它主要用于印刷,当光机械印刷包括黑色墨水这一关键成分时,该系统被命名为 CMYK(青色、品红色、黄色和黑色)。如果没有这种额外的颜料,最接近黑色的阴影将是泥泞的棕色。

加法与减法

您应该记住这两个系统之间的主要区别:加法适用于数字屏幕,减法适用于印刷媒体。如果您正在处理的设计项目是要打印的,请不要忘记简单但至关重要的规则:您在屏幕上看到的颜色在打印时看起来永远不会相同。加色光谱比 CMYK 更宽,这就是为什么建议设计师在打印前将他们的项目转换为减色系统的原因,以便他们可以看到接近他们得到的结果。但是,如果您使用数码产品, RGB颜色系统是明智的选择,因为它可以通过其宽广的色谱创造出令人惊叹的事物。

色彩和谐

“和谐”一词通常与有序和令人愉悦的事物相关联。色彩和谐是在设计中以最吸引用户和最有效的方式对用户的感知进行色彩安排。当颜色被组织起来时,观众会感到高兴和平静,而设计上的不和谐则给人一种混乱和厌恶的感觉。色彩平衡在设计中至关重要,因为用户第一眼就对网站或应用程序产生了印象,而色彩的影响很大。设计师区分了有效工作的基本配色方案。

单色

它基于具有各种色调和阴影的一种颜色。单色和谐总是一个成功的选择,因为它很难出错并创造出令人反感的配色方案。

 

类似色/同类色

要创建类似的色彩,您需要使用颜色轮上相邻的颜色。这种类型的配色方案用于不需要对比的设计,包括网页或横幅的背景。

 

互补色


互补的方案是混合的颜色放在彼此前面的色轮上。这个方案与类似的单色相反,因为它的目的是产生高对比度。例如,蓝色背景上的橙色按钮在任何界面中都很难被忽略。

 

分割互补


这个方案与前一个方案类似,但它使用了更多的颜色。例如,如果你选择蓝色,你需要选择另外两种颜色,这两种颜色相邻,意思是黄色和红色。这里的对比度没有互补方案那么鲜明,但它允许使用更多的颜色。

 

三元/三色方案


当设计需要更多的颜色时,您可以尝试三元方案。它基于色轮上等距的三种不同颜色。为了在这个方案中保持平衡,建议使用一种颜色作为主色,另一种颜色作为辅色。

 

四色方案/双互补


四色方案是为经验丰富的设计师,因为它是最难平衡。它采用了四种颜色的色轮,这是互补对。如果你把所选颜色上的点连接起来,它们就形成了矩形。这个方案很难协调,但是如果你做的一切都正确,结果可能会令人惊叹。 

色彩理论是一门复杂的科学,需要一天以上的时间来学习。但是,了解基础知识至关重要,这样您就可以利用您正在做的事情的知识来创建有效的设计。

作者:Alina Arhipova

本页面最后更新于 2021年07月13日 11:51