ui设计师色彩运用_网页设计师的色彩理论背后的基础

作为集体数字艺术家，了解色彩理论背后的基础科学很重要。 这是一个受欢迎的话题，需要保留和消化大量信息。 这个话题不仅集中在艺术和设计上，而且还涉及光学科学的要旨。

这个主题有很多要讨论的内容，因此我们将重点介绍一些关键点，以提取应该强调的内容。 每个主题均包含与配色方案和组合有关的示例。 在如此丰富的主题上扩展更多的知识，将会为未来的项目增加您的创造力。

颜色理论的开端

当开始进入色彩库时，我们应该以正方形为基础。 突破所有混合后，我们只剩下3 种原色 。 它们是红色，蓝色和黄色，它们是所有其他颜色所表现出的根基成分。

这些原色可以在混合过程中组合在一起以创建其他配色方案。 这些被称为辅助颜色，并且将始终包含2 种主色的混合。 这三种辅助颜色是橙色，紫色和绿色。

此配色方案基于示例默认样式。 当您开始设计网页并进行打印时，可能需要在不同的颜色模型之间进行切换。 其中包括众所周知在数字和印刷设计中使用的RGB和CMYK。

第三色货盘

一旦启动了色轮，就可以使用这些资源来创建第三色。 该组在所有六种原始颜色之间混合时在第二级下面保留第二层。 这样，我们现在可以创建六种全新的颜色（每种原色两种）。 这样总共可以混合12种颜色。 在这一阶段，我们能够设计一个完整的托盘并填充一个12面色轮。 这通常在Adobe Illustrator中用于创建色样和图案。

接下来，我们将介绍一些最流行的配色方案。 这些对于希望创建插图，图标，矢量或Photoshop图形的所有数字艺术家很有用。 了解如何组合颜色以达到和弦的目的是要练习的，但是通过决心，您几乎可以创建任何东西！

单色色

在研究配色方案时，我们可以找到源源不断的创造力。 该领域可以创建数百种不同强度的不同颜色的托盘。

单色配色方案是原始颜色，因为它们仅指单个色调。 可以是绿色，蓝色，橙色，浅绿色或任何最适合您的设计的颜色。 这些通常以适合现有托盘的品牌和背景图案看到。

在此参考颜色中，通常是通过使每种颜色（或色相）与背景之间的不透明度变暗来创建的。 最常见的示例是创建一个Alpha通道，并以不同程度将更多的白色/黑色添加到选定的色相中。 通过这种方法，您可以设计出有用的单色配色方案，以融合到简单的数字图形中。

类似方案

这些颜色将根据它们在标准色轮上的位置放入一代中。 类似集合由彼此直接相邻的点创建。 常见示例包括绿色/黄色-绿色/黄色或红色/橙色/黄色。

这些是三部分方案，也称为基本三合会 。 您可以将两个类似的方案组合在一起以创建一个混合集。 通常会自然而然地找到类似的场景，并能使眼睛愉悦。

在这三种颜色之间，通常在设计作品中分配角色。 这三个中的一个被用作将项目保持在一起的基础。 第二种是伴随色，第三种是强调色。 此效果可用于创建对比度和鲜明的边缘或阴影。

互补主题

驻留在色轮相反位置的颜色被称为互补色。 它们自然互补，为一件艺术品提供同等水平的能量。 这些示例包括红色和绿色，紫色和黄色或蓝色和橙色。

这些配色方案将在元素之间创建高对比度。 在插图中突出显示某个风景或卡通人物时非常有用。 通常，我们会在一件衣服或衣柜中看到它。 比赛可能会变得非常强大，因此请谨慎使用。

文本通常在高对比度的黑色/白色上表现良好，但最好在饱和度稍低的情况下进行渲染。 这样，页面外的文本不会伤害读者的眼睛，但仍然很容易理解。

还有另一种鲜为人知的方案，称为“ 分裂互补” 。 它包含一个基色，该基色还带来了与光谱相反的两种颜色。 它是由两个相邻的基本互补对象派生的。

作为以红色为基础的互补色分割的示例，除了绿色（但不包括绿色）以外，我们还需要两种相邻的颜色。 这将针对黄绿色和蓝绿色。 这对提供了高对比度的好处，而没有来自严格互补关系的锯齿状张力。 通常，这些色彩方案很难平衡。

选择的基本颜色通常位于较暖的区域，因此您有2个较冷的颜色选项用于突出显示，背景和较小的图形。

三合会颜色集

三合一配色方案是设计师中最受欢迎的方案之一，对于数字艺术家而言尤其如此。 该方案使用3种颜色，它们在色轮上彼此相等的距离。

作为常见示例，我们可以包括红色，蓝色和黄色，或者橙色，紫色和绿色。 我们通过选择基本颜色（红色）并向右移动3个相等的步速来得出此结果。 一旦我们击中了这个（蓝色），顺时针方向又移动了3个单位，从而击中了黄色，红色之间只剩下了三个放置位置。

三合会产生一种平等与安全感。 在大多数情况下，您要拉出均匀的颜色分布以很好地平衡图形和图标。 这些可用于创建城镇，海洋，森林以及许多其他场景的精美艺术插图。

结论

本基本概述涵盖了色彩理论入门的一般方面。 了解作为Web设计师可用的大量选项对于创建高质量的艺术品很重要。

整个Internet上也有无数的资源。 尝试通过Google或其他常见的设计博客检查有关深度颜色理论的后续文章。 您可能还对设计师常用的色彩工具感兴趣，这些工具可以真正节省项目工作时间。

翻译自: https://www.hongkiat.com/blog/basics-behind-color-theory-for-web-designer/