技术文章

了解最新技术文章

当前位置:首页>技术文章>技术文章
全部 111 常见问题 0 技术文章 111

Sketch中的终极色彩组合 指南

时间:2024-01-19   访问量:1015

无论您是在制作应用程序、插图还是乐队的最新专辑封面,了解什么颜色搭配起来好看会对您的设计产生巨大影响。但是有这么多颜色,我们从哪里开始呢?这就是色轮派上用场的地方。

在本文中,我们将解释色轮是什么,它如何帮助我们理解不同颜色之间的关系,以及最佳的颜色组合是什么。

准备好?让我们跳进去吧。

目录

等等,什么是色轮?

我们在上一篇文章中介绍了色轮是什么。但回顾一下将有助于为理解颜色组合奠定基础。

简而言之,色轮是研究颜色及其之间关系的框架。顾名思义,它的形状像一个轮子,由 12 种颜色组成。但我们可以通过将它们分为三组来更好地理解它们:初级、二级和三级。

原色是红色、蓝色和黄色。我们称它们为原色,因为与二次色或三次色不同,我们不能将两种颜色混合在一起来产生它们。

间色来自两种原色的混合:红色和蓝色形成紫色,蓝色和黄色形成绿色,而黄色和红色形成橙色。三次色由一种原色和一种间色混合而成,总共有六种颜色:红橙色、红紫色、黄橙色、黄绿色、蓝绿色和蓝紫色。

显示色轮上原色和间色的图像。

第三色来自一种原色与一种间色的混合。

相关: 在我们的色彩理论指南中了解有关色轮的更多信息

基于色轮的颜色组合

只需查看色轮,您可能就已经能够分辨出哪些颜色搭配起来好看,以及为什么其他颜色最好分开使用 🥴 这可能是因为颜色有能力影响我们的情绪想想情人节产品通常是粉色和红色的,或者道路危险标志通常是亮黄色或橙色的。

尽管我们的情绪可以提供有用的指导,但它们并不是确定最佳颜色组合的唯一方法。事实上,颜色在色轮上的位置说明了很多事情。让我们仔细看看。

什么是暖色和冷色?

对颜色进行分类的一种方法是按温度,即暖色和冷色。通过将色轮分成两半,您可以将所有暖色(如红色、橙色和黄色)与冷色(如紫色、蓝色和绿色)分开。

在色轮上显示暖色和冷色的图像。

我们可以将色轮分成两半,以将暖色与冷色分开。

暖色往往传达兴奋和警觉的感觉。想一想有多少维生素 C 产品(旨在增强您的能量)是橙色药片形式的。或者关于我们如何将黄色与阳光联系起来,从而与积极性联系起来。

当然,冷色会产生相反的效果。温度较低的蓝色、绿色和紫色等颜色通常给人一种平静、悲伤或沉思的感觉。

图像显示日落中描绘的暖色和海边描绘的冷色。

暖色往往传达兴奋和警觉的感觉,而冷色则给人平静、悲伤或沉思的感觉。

什么是类似色?

在使用类似的颜色组合时,您可能会更注意到暖色和冷色之间的差异。类似色是色轮上彼此相邻的任何三种颜色。它们可以很好地协同工作,因为它们之间没有太大的对比,从而可以增强彼此的效果。

显示色轮上类似颜色组合的图像。

类似的颜色组合涉及色轮上彼此相邻的三种颜色。

例如,让我们看看黄色。当您将黄色与橙色和红色结合在一起时,您可能会开始想到火或其他高温情况。

但是,通过关注黄色的其他色轮邻居,例如黄绿色和绿色,您可能会发现自己在一杯清爽的酸橙汁中从火焰中冷却下来。

图像显示火和柠檬汁中的类似配色方案。

类似组合中的颜色彼此之间的对比不会那么强烈。相反,它们利用了每种颜色所传达的感受。

什么是互补色?

与相似色不同,互补色彼此之间相差甚远。事实上,这种组合是指色轮上直接相对的两种颜色。一些例子包括橙色和蓝色、红色和绿色、或紫色和黄色。

显示色轮上互补色的图像。

互补色是指色轮上直接相对的两种颜色。

它们位于色轮的相对两侧,通常由一种暖色和一种冷色组成,这意味着它们直接相互对比。

通过这些组合,您可以采用高对比度并传达大胆和积极的感觉 - 想象橙色的日落照耀在蓝色的海水上。或者你可以专注于一种颜色,并强调另一种颜色——想象一下红色装饰品在绿色圣诞树上闪闪发光。

显示日落和圣诞树中互补色的图像。

虽然这些颜色与色轮中的蓝色、橙色、绿色或红色的色调不完全相同,但它们仍然向我们展示了互补色如何直接对比或相互支持。

什么是分裂补色?

喜欢让一种颜色成为关注焦点,同时添加一些强调色的想法吗?分裂互补组合就是它的所在!

您可以使用等腰三角形来识别分裂互补组合,其中每个角都指向不同的颜色。这意味着总共三种颜色。一些例子包括红色、黄绿色和蓝绿色,或黄色、红紫色和蓝紫色。

提示:使用等腰三角形来识别分裂互补组合?您需要确保两种基色之间只有一种颜色。

色轮上的分割互补配色方案的图像。

使用等腰三角形,我们可以识别红橙色、绿色和蓝色之间的分裂互补配色方案。

不知道如何实现分裂补色?您可能只需要从您的设计中退后一步,散散步,让大自然启发您 - 特别是如果您足够幸运,住在被绿树和蓝天环绕的橙色岩石山脉附近。

尽管下图中的颜色与我们在色轮中看到的颜色并不完全匹配,但它仍然使用红橙色、蓝色和绿色的色调,并以红橙色为中心。

显示自然界中分裂互补配色方案的图像。

分割互补色组合非常适合专注于一种颜色并使用其他两种颜色作为强调色。

什么是三元色?

本着使用三角形的精神,我们将需要另一个三角形来识别我们的下一个颜色组合:三元组。只是这一次我们需要一个等边三角形,因为我们正在寻找均匀分布在轮盘周围的三种颜色 - 例如红色、蓝色和黄色!

由于每种颜色之间的距离相等,三色组合会产生高对比度效果。但这也意味着没有两种颜色彼此太接近,因此您不必担心过度强调暖色或冷色。换句话说,三元配色方案非常适合传达平衡与和谐的感觉。

显示色轮上三元颜色组合的图像。

三元色组合由均匀分布在色轮周围的三种颜色组成。

红色、蓝色、黄色、平衡——如果这些颜色和词语听起来很熟悉,那么您很可能会想到荷兰画家皮特·蒙德里安(Piet Mondrian),他以只使用原色来传达不对称的感觉而闻名。

显示 Piet Mondrian 在 20 世纪 30 年代画作中使用的三种原色的图像。

荷兰画家皮特·蒙德里安(Piet Mondrian)以只使用原色来传达不对称的感觉而闻名。

什么是四色?

如果您认为三种颜色很难组合,那么准备好突破这些界限吧。四色由两对互补色组合而成,因此总共有四种颜色。在色轮上,您可以使用矩形或正方形来发现四色方案,每个角指向不同的颜色。

显示色轮上四色颜色组合的图像。

在色轮上,您可以使用矩形或正方形来发现四色方案

四色方案将让您使用色轮的三分之一。因此,如果您想要充满活力、色彩缤纷的外观,无论您是设计引人注目的徽标还是将冰淇淋圣代放在一起,它都可能是完美的选择。

具有四色配色方案的鹦鹉图像。

虽然红色很微妙,但这只鹦鹉是一种会走路(而且可能会说话!)的四色组合。

但如果您担心可能有点太忙,您会想看看我们的下一个建议👀

什么是单色?

正在寻找四元配色方案的反面?您可能对单色颜色组合感兴趣。单色方案不是在色轮上组合不同的颜色,而是使用一种颜色的各种深浅。您甚至可能从它的名字中猜到了这一点——“mono”表示单一,“chromatic”表示颜色。

在色轮上显示单色配色方案的图像。

单色方案不是在色轮周围组合不同的颜色,而是使用一种颜色的各种深浅。

通过使用各种色调和亮度级别,单色颜色组合可让您深入探索单一颜色。如果您想添加一些颜色变化而又不过分,那么它是完美的选择。

自然界中发现的单色配色方案的示例。

我们可以在这张照片中识别出不同深浅的蓝色——天空、水中,甚至山中。


上一篇:如何 在 Sketch 中创建玻璃形态设计

下一篇:在 Sketch 中使用叠加的 好处

发表评论:

评论记录:

未查询到任何数据!

免费通话

24小时免费咨询

请输入您的联系电话,座机请加区号

免费通话

微信扫一扫

微信联系
返回顶部