可视化设计

设计词汇表:基本颜色术语

2020-12-11 08:07:14

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

乍一看,色彩科学似乎并不难掌握,但要深入研究细节,很明显,有很多特性需要理解。收集了有关颜色理论基本术语的便捷词汇,这将有助于图形和UI设计师更好地了解颜色的工作原理。

UI设计的3C颜色,对比度,内容

颜色

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

颜色属性

色调

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

色相是一种基本材料,可以通过三种不同的方式进行转换-着色,底纹和色调。根据所应用的技术,将色调修改为色调,阴影或色调。

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

颜色词汇表设计

值

正如我们前面所说,颜色具有可以识别它们的某些特征。值是一种告诉颜色颜色是浅还是暗的属性。该特性由白度确定。色相添加的白色越多,它获得的价值就越高。

色度

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

饱和

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

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

色轮

如果您有任何与绘画有关的课程,您一定已经看过由不同颜色组成的圆圈。它被称为色轮,有助于理解不同的颜色如何相互关联以及如何将它们组合在一起。色环通常由原色,第二色和第三色构成,也称为色相。

颜色类型

原色

它们是三种颜料颜色,无法通过其他颜色的任何组合形成。原色是整个系统的基础。原色取决于颜色系统的类型。减色系统基于青色,品红色和黄色,而红色,绿色和蓝色构成加性系统。绘画系统RYB包括红色,黄色和蓝色。

次要颜色

这些颜色通过两种原色的组合出现。由于每个系统具有不同的基本颜色,因此辅助颜色也有所不同。这是每个系统中出现的辅助颜色的示意图。

RGB:

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

CMYK:

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

RYB:

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

第三色

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

冷,暖和中性色

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

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

网页设计实例

色彩系统

RGB

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

瑞比

RYB(红色,黄色,蓝色)也被称为绘画色彩系统,通常在美术教育中使用,特别是在绘画中。它为现代科学色彩理论奠定了基础,该理论确定青色,品红色和黄色是最有效的三种颜色组合。这就是颜色模型CMY的形成方式。

CMYK

系统CMY已通过光机械印刷的外观进行了修改。它收到了关键成分,即黑色墨水,并且系统名为CMYK(青色,品红色,黄色和黑色)。如果没有这种额外的颜料,最接近黑色的阴影将是浑浊的棕色。如今,这种色彩系统主要用于印刷设计中。

RGB和SMYK之间的区别
 

配色方案

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

单色

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

deetu_business_card_illustration_tubik_studio

 

类似的

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

binned_logo_animation_tubik

 

补充

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

分割互补

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

financial_service_website_tubik
 

三合一

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

date_app_landing_page_tubik
 

四元/双互补

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

business_card_app_animation_tubik
 

让我们总结一下RyPaul的平淡无奇的话:“重点是生活和存在-使用蜡笔盒中的所有颜色。” 了解如何在生活和工作中有效地使用色彩,结果将令您满意。