可视化设计

设计词汇:基本色彩术语

2021-06-11 08:36:04

颜色是构建设计的基础之一。它可以成为专家手中的强大工具,影响对引人注目的视觉感知至关重要的众多因素。颜色对我们的思想有重大影响。它会在几秒钟内改变我们对一个物体的感觉,并使人们做出反应甚至采取某些行动。

乍一看,色彩科学似乎并不难掌握,但深入研究细节,很明显有许多特性需要理解。在文章 色彩理论:设计师的简要指南中,我们触及了帮助设计师完成手艺的科学基础知识。今天我们收集了一个方便的词汇表,其中包含色彩理论的基本术语,这将帮助图形和 UI 设计师更好地理解颜色的工作原理。

UI设计色彩、对比度、内容的3C

颜色

在我们更进一步之前,重要的是要弄清楚颜色本身的本质。Merriam-Webster 词典将其定义为一种光现象(例如红色、棕色、粉红色或灰色)或视觉感知,使人们能够区分其他相同的物体。简单地说,颜色是由于物体反射或发射的光而引起的物体的质量。颜色可以通过测量其属性(例如色调、饱和度、色度和值)来直观地进行验证。为了获得对颜色含义的正确认识,让我们定义它的特征。

颜色属性

色调

术语色调经常被误认为是颜色,因此需要将其清除。首先,我们应该明白,“颜色”是人们用来命名所有色调、色调和色调的通用术语。另一方面,色调正是我们想问“它是什么颜色?”的意思。基本上,它是色轮上呈现的十二种纯净大胆的颜色。

色调作为一种基本材料,可以通过三种不同的方式进行转换——着色、阴影和色调。根据应用的技术,色调被修改为色调、阴影或色调。

它们很容易区分。色调是通过将色调与白色混合而创建的,而阴影是色调和黑色的混合。调色是一个更精细的过程,因为它需要同时添加黑色和白色,这也是为什么结果看起来比阴影和色调更自然的原因。

色彩词汇设计

来源

价值

正如我们上面所说,颜色具有某些可以识别它们的特征。值是一个属性,用于说明颜色的明暗程度。该特性由白度水平定义。添加到色调中的白色越多,它获得的值就越高。

色度

色度或色度显示色调的纯度。该特性是通过颜色中是否存在白色、灰色或黑色来衡量的。上述十二种基本色调具有最高级别的色度,因为它们不包含任何其他元素。具有高色度的颜色通常看起来大胆而生动。

饱和

这个特性与值和色度有很多共同点,所以有时它们可​​能会被误认为。尽管如此,了解差异仍然至关重要。与之前的两个属性不同,饱和度不适用于将色调与任何其他颜色混合。它是关于颜色在不同光照条件下的外观。饱和度根据其在日光和弱光下的外观来描述颜色的大胆或苍白程度。该属性也称为颜色的强度。

设计师色彩理论简要指南。

色轮

如果你有任何与绘画相关的课程,你一定见过由不同颜色组成的圆圈。它被称为色轮,有助于了解不同的颜色如何相互关联以及它们如何组合。色环通常由原色、二级色和三级色构成,也称为色调。

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

设计师的色轮

颜色类型

原色

它们是其他颜色的任何组合都不能形成的三种颜料颜色。原色是整个系统的基础。原色因颜色系统的类型而异。减色系统基于青色、品红色和黄色,而红色、绿色和蓝色构成加色系统。而绘画系统RYB包括红色、黄色和蓝色。

次要颜色

这些颜色由两种原色组合而成。由于每个系统具有不同的基本颜色,因此辅助颜色也各不相同。以下是每个系统中出现的二次色的示意图。

RGB:

  • 绿色+红色=黄色
  • 红色+蓝色=洋红色
  • 蓝色+绿色=青色

CMYK:

  • 黄色+洋红色=红色
  • 品红色+青色=蓝色
  • 青色+黄色=绿色

RYB:

  • 黄色+红色=橙色
  • 红色+蓝色=紫色
  • 蓝色+黄色=绿色

三色

原色和副色的混合为我们提供了通常有两个词名称的三次色,例如红紫色或黄橙色。

冷色、暖色和中性色

我们上面描述的所有颜色也可以分为三种:冷色、暖色和中性色。

冷色是色轮绿蓝一侧的颜色。他们被称为凉爽,因为它们带来寒冷的感觉。由于它们具有温暖的联想,暖色与之前的颜色相反。黄色、橙色和红色是与暖色相关的色调。最后但并非最不重要的是,色轮上没有中性色,包括灰色、棕色和米色。

网页设计示例

使用暖色调的健康博客

色彩系统

RGB

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

红宝石

RYB(红、黄、蓝)又称绘画色彩系统,常用于艺术教育,尤其是绘画。它是现代科学色彩理论的基础,该理论确定青色、品红色和黄色是最有效的三种颜色组合。这就是颜色模型 CMY 的形成方式。

CMYK

系统 CMY 已随着光机械印刷的外观进行了修改。它获得了表示黑色墨水的关键组件,系统被命名为 CMYK(青色、品红色、黄色和黑色)。如果没有这种额外的颜料,最接近黑色的阴影将是泥泞的棕色。今天,这种颜色系统主要用于印刷设计。

RGB和SMYK的区别

来源

配色方案

色彩平衡在设计中至关重要,因为用户第一眼就对网站或应用程序产生了印象,而色彩的影响很大。设计师区分了基本的配色方案,也就是色彩和谐,这很有效。

单色

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

deetu_business_card_illustration_tubik_studio

迪图名片

类似的

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

binned_logo_animation_tubik

分箱标志动画

补充

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

Home_budget_app_dashboard_animation_tubik

家庭预算仪表板

分裂互补

这个方案的工作原理与前一个类似,但它采用了更多的颜色。例如,如果您选择蓝色,则需要取另外两个与其相反颜色相邻的颜色,即黄色和红色。这里的对比度没有互补方案那么鲜明,但它允许使用更多的颜色。

Financial_service_website_tubik

金融服务网站

三元

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

Dating_app_landing_page_tubik

约会应用登陆页面

四元/双互补

四色配色方案适用于有经验的设计师,因为它最难平衡。它采用了车轮上的四种颜色,它们是互补的。如果将所选颜色上的点连接起来,它们将形成矩形。该计划很难协调,但如果你做的一切正确,结果可能会令人惊叹。

business_card_app_animation_tubik

名片应用

让我们总结一下 RyPaul 的俗语:“重点是生活和存在——使用蜡笔盒中的所有颜色。” 学习如何在您的生活和工作中有效地使用颜色,结果会让您满意。