ui设计的色彩_设计中的色彩综合介绍

ui设计的色彩

本文旨在向您全面介绍最深的设计兔子洞：颜色。 它将向您介绍最重要的术语和概念，以帮助您入门，从而帮助您在设计中应用颜色时做出更好的决策。

主题

与这些指南一样，我们将涵盖很多内容，包括：

• 颜色？
• 色调
• 色调，阴影和色调
• 值
• 饱和度/色度
• 色轮
• 配色
• 单色
• 颜色种类
• 配色
• 重点
• 颜色一致性
• 颜色含义
• 颜色相关性

颜色？

没有光就没有颜色，对不对？ 好吧，实际上没有“黑暗”也没有颜色。 ?？ 我知道，起初听起来很奇怪，但是没有黑暗，颜色也会消失。 在为网页设计选择颜色时，是否需要了解这样的东西-选择它们的色调，饱和度和价值？ 可能不是！ 色彩理论是否能使您一次又一次地动脑子，使您成为更有效率的网页设计师，从而成为更好的“传播者”？ 绝对！ 在色彩方面，我们都有大量的见解和情感，但通常人们对自己的实际工作缺乏清晰的认识。 有理论基础可以使您作为设计人员更加有效。 艺术学校不是大多数人度过重要时间的地方，但是您不需要花费数年时间就可以根据自己的需要来改变色彩。 因此，让我们快速上手。

选择颜色时，有很多您不会马上想到的注意事项。 有点警告，它可能是您永远无法逃脱的兔子洞。 为了弥补这一点，我建议，首先，您应该专注于使它对用户有吸引力，同时做出合理而有效的选择来支持您的设计。 对于彩色新手来说，这似乎是一个易于管理的目标。 我意识到这听起来很浮肿，但是主观性并不是您谈论色彩时可以摆脱的。 可以说，我们可以同意选择具有意义并产生兴趣的颜色是一个不错的起点。

如果可以适当地产生色彩，那么色彩可以成为艺术或创意库中非常有力的“武器”。 对于我们在网络上的设计，色彩通常与情感和视觉影响有关。 如果使用得当，颜色可以引导观众了解重要的内容，如果您没有过度使用，则可以增加重点。 我想可以公平地说，这可能是在Web项目上使用颜色时最重要的事情。 第二个关注点是您可以建立某种情绪，这种情绪影响会进一步推动品牌创意。 整个主题是一个巨大的话题-实际上是巨大的。 我们将专注于最重要的方面和术语，以帮助您入门。

色调

色相是色轮上的任何颜色。

很多时候，人们谈论颜色时，他们实际上是在谈论色相，这是基本的“纯”色，即可见光谱内的任何颜色。 健康的人眼可以看到230万种色调； 大量的红色，蓝色，绿色等变化。

对于我们在设计中使用颜色的工作，它们代表了起点，例如原始或最原始的版本。 在我们的设计中，建议将它们抛在后面，以免显得业余或幼稚。 您是否注意到儿童卡通喜欢将这些颜色用作其角色？ 我猜这并不奇怪。 如果您追求某种美感，那么当然可以使用此功能，但是在大多数情况下，幼稚并不是在网络上效果很好的。

“特使护照”在这种情况下利用了这种卡通风格，好玩的风格。 您会看到颜色非常平坦且不复杂。 但是他们在这里使用这种风格来传达一种印象或想法，如果不为儿童模仿艺术品，这些印象或想法将很难描述。

色调，阴影和色调

色相没有色调或阴影-这意味着它们没有添加任何白色或黑色。 这就是为什么我们要谈论特定色调的色调和阴影。 色调约为某种颜色中白色的数量。 当您将一种颜色与白色混合时，您会对其进行着色。 白色越多，色调的亮度越高。 向纯色添加白色会降低其饱和度 ，从而使色度降低。

另一方面，阴影约为某种颜色中黑色的数量。 当您将颜色与黑色混合时，您将对其进行着色。 由于黑色颜料的压倒性，这导致了丰富的，通常更暗，更强烈的颜色。 许多黑人甚至通过少量的改变就能改变色调的特性。 因此，应谨慎使用它们。

从下面的光谱中可以看到，在中间可以找到纯色。 在左侧，我们通过着色为白色添加了越来越多的颜色，在右侧，我们将红色与黑色阴影化了。

我们说的是在将色调与灰色混合时创建色调，这意味着您可以有效地同时着色和着色。 色调可以比原始色调更亮或更暗-取决于添加的白色和黑色的数量。 它们还将显得不如原始色调饱和和强烈。 色调可以在色调中揭示出微妙而复杂的特质，并且更接近于我们对“真实”世界的观察方式。

值

价值是色调的