许多人认为UI的颜色选择主要取决于设计师的口味和美感。 然而,颜色选择的过程比看起来更复杂,在设计中起着重要的作用。 在我们看过很多色彩心理学的文章中,发现颜色对我们的心情和行为有很大的影响。 这就是为什么产品的成功在很大程度上取决于为设计选择的颜色。 Colorcom提供的研究表明,人们对产品进行潜意识判断只需要90秒,评估的62%至90%仅基于颜色。 因此,适当选择的颜色可以用于改进产品转换的方式以及提高产品的可用性。
为了更有效地创造良好的设计和使用颜色,需要先了解颜色的形成以及它们之间的相互关系。 这就是为什么艺术学院,高等院校的学生学习着色于色彩的色彩理论。 今天,记录历史以来(或甚至可以学习)色彩理论的知识总结,希望可以有效地应用于小伙伴的设计创作过程中(案例素材都有链接)。
Color Wheel色轮
如果你有任何与绘画有关的课程,你必须看到由不同颜色组成的圆圈。 它被称为色轮,它有助于了解不同颜色与不同颜色的相互关系以及它们如何组合。 彩色圆通常由主色,次色和三色构成。 主要是那些不能通过其他颜色的任何组合形成的三种颜料颜色。 结合原色,我们得到次要的,主要和次要颜色的混合给了我们通常有两个字的名字如红紫色的三级颜色。
彩色圆圈是由Isaac Newton在1666年创建的,从此,它已经经历了许多变化,但仍然是颜色组合的主要工具。主要思想是色轮必须这样做,所以颜色将是混合适当。
Color models颜色模型
在开始混合颜色之前,小伙伴们需要了解颜色有两种不同的性质:有形颜色是物体的表面,而其他颜色是由光产生的,例如电视机。这些类型创建了两个颜色模型,通过该颜色模型形成色轮:加和减。
添加颜色模型将红色,蓝色和绿色视为原色,因此也称为RGB色彩系统。该模型是屏幕上使用的所有颜色的基础。这种系统中相等比例的原色组合产生了青色,品红色和黄色的次要颜色,但是您需要记住,添加的光线越多,颜色越亮越亮。通过混合添加剂颜色获得的结果对于习惯于涂料,染料,油墨和其他有形物体的减色系统的人来说,往往是违反直觉的。
减色模型通过减光获得颜色。它由两个颜色系统组成。第一个是RYB(红,黄,蓝)也被称为艺术系统经常用于艺术教育,特别是在绘画。 RYB是现代科学色彩理论的基础,它确定青色,品红色和黄色是最有效的三种颜色组合。这就是颜色模型CMY的形成。它主要用于印刷,当机械印刷包括黑色墨水(关键部件)时,系统被命名为CMYK(青色,品红色,黄色和黑色)。没有这种额外的颜料,最接近黑色的阴影将是泥棕色的。
Additive vs Subtractive加法和减法
这两个系统之间的主要区别:添加剂是数字屏幕,减去打印介质。 如果您正在开发的设计项目是打印出来的,请勿忘记简单而重要的规则:屏幕上看到的颜色在打印中看起来并不一样。 添加色谱比CMYK更宽,这就是为什么设计师在打印之前将其项目转换为减色系的原因,以便他们可以看到结果接近他们会得到的结果。 然而,如果您使用数字产品,RGB颜色系统是明智的选择,因为它可以创建具有广泛色彩色彩的惊人的东西。
Color Harmony颜色和谐
“和谐”一词通常与有序和愉悦的事物联系在一起。颜色和谐是关于设计中颜色的安排,以最有吸引力和有效的方式为用户的感知。当颜色组织时,观众感到高兴和平静,而设计中的不协调则会产生混乱和厌恶的感觉。颜色平衡在设计中至关重要,因为用户首先看到网站或应用程序的印象,颜色有很大的影响。设计们区分了有效的基本配色方案。
Monochromatic单色
它基于一种颜色,具有各种色调和色调。单色和声永远是一个胜利的选择,因为很难做出错误并创造令人讨厌的配色方案。
Analogous类似
要创造类似的和声,建议需要使用颜色相邻的颜色。 这种类型的配色方案用于不需要对比度的设计,包括网页或横幅的背景。
Complementary补充
互补方案是在色轮上相互放置的颜色的混合。 该方案与类似和单色相反,因为它旨在产生高对比度。 例如,蓝色背景上的橙色按钮很难在任何界面中错过。
Split-Complementary互补色搭配
该方案的工作原理与上一个方案类似,但它采用更多的颜色。 例如,如果您选择蓝色,则需要使用两个与其相反颜色相邻的其他颜色,即黄色和红色。 这里的对比不如互补方案那么锐利,但它允许使用更多的颜色。
Triadic三元
当设计需要更多颜色时,您可以尝试三合一方案。 它基于在色轮上等距的三种独立的颜色。 为了节省这个方案的平衡,建议使用一种颜色作为主导,另一种用作强调。
Tetradic/Double-Complementary四元/双互补
的复合颜色方案的经验丰富的设计师,因为它是最难平衡。它使用四种颜色的车轮是相辅相成的对。如果你把所选颜色上的点连接起来形成矩形,这个方案很难协调,但是如果你做的每件事都是正确的,结果可能是令人震惊的。
Ending:色彩理论是一门复杂的学科,需要一天以上的时间来学习(真实有效的1天)。然而,了解基本知识是非常重要的,这样你就可以用你所做的知识来创建有效的设计。
Recommended reading推荐阅读
这里有一些材料我们可以推荐给那些想深入讨论这个话题的人(国外的一些干货整理):
Color in Design: Influence on Users’ Actions