UI/UX设计基础——色彩理论

色彩理论可以说是用户体验设计中最重要的视觉元素。它具有影响情绪的能力，网站上正确的调色板可以提高转化率和整体用户满意度。

了解色轮、色彩空间等色彩理论概念，以及不同种类的颜色如何唤起特定的情感，是产品设计的重要基础。不过，色彩理论既是科学又是艺术。有一个直观的元素可以创建带有经验和实践的特殊调色板。

色轮

您可能熟悉艺术课程中的色轮。它是色调的圆形表示，显示了原色、二级色和三级色之间的关系。这是创建配色方案和调色板时的宝贵资源。传统上，色轮包含 12 种色调——3 种原色、3 种二次色和 6 种三次色。

色轮最初是由艾萨克·牛顿爵士于 1704 年在他的著作《光学》中提出的。

加色模型

在设计领域，加色模型是最常用的，因为它是数字显示器使用的。加色模型中的原色是红色、绿色和蓝色 (RGB)。

术语“添加剂”指的是，当您向混合物中添加颜色时，结果会逐渐变淡，当所有颜色组合在一起时，一直到白色。詹姆斯·克拉克·麦克斯韦 (James Clerk Maxwell) 因其关于光和色谱的实验工作（并创作了第一张彩色照片）而在很大程度上被认为是加色之父。

减色模型

所述减色模型是颜料，油墨，涂料，或染料的共混物。之所以称为减色法，是因为每次添加新颜色时，混合色反射的光更少，颜色更深，趋向于黑色。

在艺术中，减色模型基于我们大多数人小时候学过的原色：红色、黄色和蓝色。但是，在印刷和设计中，减色模型基于青色、品红色和黄色，因为通过组合这三种色调（以及一种主要颜色，通常为黑色）可以准确再现更多颜色。

暖色调

暖色与爱、火、激情和强烈的情感有关。这些是您在美丽的日落中会发现的颜色：一系列红色、橙色、黄色以及它们的所有变化。18 世纪，爱尔兰诗人奥利弗·戈德史密斯 (Oliver Goldsmith) 将暖色的概念引入了艺术词汇。

暖色可能会很强烈，尤其是当它们以纯色使用时。用作强调色，它们可以为设计增添生机和活力。当大面积使用时，如果不以其他方式进行调节，它们可能会压倒一切。在任何一种情况下，它们都会对任何设计产生强大的影响。

冷色调

冷色是品牌推广的流行选择。蓝色是唯一的主要冷色，是全球最受欢迎的颜色。其他冷色包括绿色和紫色，以及它们的所有变化。冷色的概念早在 1708 年法国艺术史学家 Roger de Piles 就在暖色之前就出现了。

冷色在自然界中很常见——在水中、天空和植物中。这些颜色唤起平静和放松的感觉，以及忠诚和信任（它们在品牌推广中如此受欢迎的另一个原因）。蓝色也与用户体验设计中的文本链接广泛相关。

中性色

仅使用暖色和冷色很难创造出美观的设计。这就是中性色的用武之地。中性色是最微妙的颜色，包括黑色、白色、灰色和各种深浅不一的棕色（从技术上讲，这是一种柔和的橙色——它被认为是中性色调中最温暖的一个原因） . 

中性色常用于排版（深灰色和黑色是正文最流行的颜色）和背景。如果使用不当，它们可能会被压倒，但也可用于使强调色在您的设计中脱颖而出。中性色可以为您的用户体验设计增添精致气息。

中性色使您的产品看起来更精致。

调色板

颜色组合来自这些组中的一个或多个创建一个调色板。在数字世界中，调色板是一种颜色组合，可以很好地搭配并营造出理想的心情或感觉。暖色调营造动感；冷色调营造出平静的感觉；中性色可用于增强或柔化其中任何一个或营造复杂的感觉。 

使用一致的调色板可以让您的用户感受到您的产品或品牌的个性。它可以通过为用户提供熟悉的接触点来帮助统一品牌中的不同产品。一致的调色板是您产品的视觉构建模块。

颜色定义了您产品的视觉风格，因此建立调色板是创建您的设计系统的第一步。

原色

原色是所有其他颜色的根源，不可能通过混合其他色调来形成。在减色模型中，原色包括品红色、青色和黄色。在加色模型（用于数字显示器）中，它们是红色、绿色和蓝色。

在设计中，原色具有强大的视觉和心理影响。它们通常以其纯粹的形式用作强调色，以免过于强烈。但是，当您想要产生影响时，依靠原色可以做到这一点。

次要颜色

组合两种原色时会创建二次色。在减色模型中，二次色包括红色、蓝色和绿色。在加法模型中，它们是青色、洋红色和黄色。

请注意，主要减色变成次要加色，反之亦然。尽管这些颜色模型以相反的方式有效地工作，但它们彼此之间却有着错综复杂的关系。

三色

当以相等的量组合主色调和辅助色调时，会产生三次色。在加色和减色模型中，它们都包含诸如天蓝色、橙色和紫色之类的色调（这是因为两个模型中的主要和次要色调是颠倒的，但包括相同的六种色调）。

将三次色与原色或二次色相结合，创造了另一个层次：四色。

十六进制三元组

十六进制三元组是表示 RGB 颜色的一种方式，通常用于在 CSS 中指定颜色。十六进制颜色以“#”为前缀，通常包括六个十六进制数字（数字 0-9 和字母 A-F）。

前两位为红色值，后两位为绿色，后两位为蓝色。在某些情况下，它们可能包括第四对数字，代表颜色的不透明度。您很少会看到 3 位十六进制颜色，每个 RGB 值只有一位数字代表。

RGB 颜色模型

RGB 颜色模型（代表红色、绿色、蓝色）是 UX 设计师最常使用的颜色模型，因为它被电子显示器使用。它结合了红、绿和蓝光，创造了超过 1600 万种颜色（准确地说是 16,777,216）。请注意，RGB 是一种与设备相关的颜色模型，这意味着不同的设备会以不同的方式显示 RGB 值。

RGB 颜色模型基于人类对颜色的感知以及我们的眼睛如何感知光谱中的颜色（基于我们眼睛中三种不同类型的光接收视锥）。

以上内容为转载

原文链接:https://uxcel.com?invite=7MIOF2H83TCL