UI-色彩理论基础

Alina Arhipova
3184 阅读
5

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

为了创建好的设计并更有效地使用颜色,您需要了解颜色的形成方式以及它们之间的相互关系。这就是为什么艺术学校,学院和大学的学生学习专门研究色彩本质的色彩理论的科学。今天,我们为您提供记住(甚至学习)色彩组合理论的基础知识,这些原理可以有效地应用于您的设计创建过程。

色轮

如果您有任何与绘画有关的课程,您一定已经看过由不同颜色组成的圆圈。它被称为色轮,可以帮助您了解不同颜色之间的相互关系以及如何将它们组合在一起。色环通常由原色,第二色和第三色组成。原色是不能通过其他颜色的任何组合形成的三种颜料颜色。结合原色,我们得到第二色,而原色和第二色的混合为我们提供了通常具有两个单词名称的第三色,例如红紫色。

博客设计师的色轮

色环由艾萨克·牛顿(Isaac Newton)于1666年以示意图的方式创建,此后经历了许多转换,但仍然是颜色组合的主要工具。主要思想是色轮必须以这种方式制成,以便可以适当地混合颜色。

颜色模型

在开始混合颜色之前,您需要了解颜色具有两种不同的性质:一种是物体表面的有形颜色,另一种是由电视光束等光产生的。这些类型创建两个颜色模型,通过它们形成色轮:加法和减法。

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

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

RGB CMYK之间的差异

资源

加性与减性

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

色彩和谐

“和谐”一词通常与有序和令人愉悦的事物联系在一起。色彩和谐是关于设计色彩的排列方式,以最吸引人和最有效的方式引起用户的感知。整理颜色后,观众会感到愉悦和镇定,而设计上的不和谐则带来混乱和令人厌恶的感觉。色彩平衡在设计中至关重要,因为用户乍一看便会对网站或应用程序产生印象,并且色彩影响很大。设计师区分了有效工作的基本配色方案。

单色

它基于一种具有各种色调和阴影的颜色。单色和声永远是一个成功的选择,因为它很难犯错并创建令人讨厌的配色方案。

名片设计tubik工作室

Deetu名片

类似的

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

night in berlin ui animation tubik

柏林之夜App

补充

补充方案是在色轮上彼此摆放的颜色混合。该方案与模拟方案和单色方案相反,因为它旨在产生高对比度。例如,在任何界面中都很难错过蓝色背景上的橙色按钮。

早上好罗马图

罗马图

分割互补

此方案的工作原理与以前的方案相似,但使用的颜色更多。例如,如果您选择蓝色,则需要采用其他两种颜色,它们与相反的颜色(黄色和红色)相邻。这里的对比度不如互补方案锐利,但可以使用更多颜色。

bebright app animation tubikstudio

是明亮的应用程序

三合一

当设计需要更多颜色时,可以尝试采用三合一方案。它基于色轮上等距的三种独立颜色。为了节省使用该方案的平衡,建议使用一种颜色作为主要颜色,另一种颜色作为强调颜色。

halloween animation stickers toonie

香椿万圣节贴纸

四元/双互补

四色配色方案最适合平衡经验的设计人员,因为它很难平衡。它从车轮上采用四种互补色。如果将所选颜色上的点连接起来,它们将形成矩形。该方案很难统一,但是如果您做对了所有事情,结果可能会令人震惊。

moneywise app tubik studio

颜色理论是一门复杂的科学,需要一天以上的学习时间。但是,了解基本知识至关重要,这样您就可以根据自己的工作知识来创建有效的设计。