关于网站建设中色彩的全面介绍（三）

　　色彩饱和度及其浓度，是我们不应该忽略的另一个概念。这是色相的彩色程度或纯度。这些时髦的术语真正地代表了一种感知到的色彩的强度或亮度。色彩浓度定义了色相的纯度。当你为绘画购买颜料时，从颜料管里倒出来的色彩大多数是饱和的纯色。与之形成对比的是，不饱和的色彩是从纯色颜料调淡调暗得到的，不饱和色通常被用作不同程度的阴影色彩。一种完全不饱和的色彩呈现为灰色。
 

　　我们通过添加一种互补色来降低色彩饱和度。从色环的对面添加的色彩都会有效地减少色彩饱和度。当两种互补色相遇时，你就有了中性色点，即棕色或灰色。很重要的一点是，我们没有为这个色彩添加灰色。实际上，你是在创造一个灰色，而不是添加黑色或白色。这些灰色被画家用来打破饱和的色彩。
 

　　为什么使用不饱和色彩这是个好主意？答案其实是非常实用的：你不会想要用鲜艳的高饱和度色彩来强烈刺激观众。恰恰相反，高度饱和的色彩看起来非常的伪劣和便宜。太多的信息内容会让你的眼睛很少有休息的机会，没有什么可以真正集中注意力的，更多的是视觉噪音。
 

　　像www.uxdesigner.top这样的网站，在我看来，以某种错误的方式专注于用户体验，在我看来是非常的可悲。看起来不太好，不是吗？它有各种各样的问题，但主要是色彩的混乱并不容易建立一个正确层级关系来引导观众。糟糕的用户体验！
 

 

　　（UXDESIGNER.TOP网站截图，www.uxdesigner.top）
 

　　以蓝色和橙色为例。彼此相邻，他们的对比非常激烈。如果你把它们混合，你就会得到一个灰色的色调，这样就可以很好地分离它们各自的饱和色彩。这种新的色彩处于混合前的高度饱和的版本之间，并通过应用更真实的色彩来创造一个更加愉悦的视觉体验。这就创造了一种解决色彩之间的屏障的成熟的技术手段。当你谈论绘画大师的时候，这也是他们牢牢掌握的技术之一。
 

 

　　（克劳德莫奈的作品《日出·印象》）
 

　　在网站建设设计中，只关注一到两种色彩是个好主意。你可以改变色彩，但要保持在相邻的色相上。当只有少数部分内容有选择性地使用高度饱和度色彩时，这就能通过使用色彩来帮助你建立视觉中心点。在《日出·印象》中，你会发现你的眼睛被太阳吸引了，就好像太阳真的跳出来了。
 

　　色环
 

　　我们通过把光谱两端连接起来得到一个色环。色环是一个用来向我们展示色彩之间的关系的经典的、有效的工具。首先，色环可以告诉你如何为特定的选择创造最大的对比度。
 

　　对称的色环并不是一种很科学的观点，而是我们大脑工作方式的一种表现。它指出了我们在情绪上对不同色彩的反应。从科学的角度来说，在我们的大脑中，色彩色环中并没有相对的色彩，或者我们把它们放在一起来组织和区分色彩的概念。不过，这对选择正确色彩绝对有帮助。这些观念不仅受到我们生理机能的影响还受到几个世纪的艺术历史的影响，在不同的文化中也有很大的不同。
 

　　在这些例子中，我们将使用传统的艺术家的色环，基于红黄蓝（RYB）的色彩模型。这种色环出自画家如何通过减色混合创造出他们的色彩。如今，它主要用于艺术和设计，早于科学色彩理论，即指的是青色、品红和黄色（CMY）作为主要色彩的色环。CMY实现了比RYB色彩模型更大的色彩集合。
 

 

　　（歌德的色环模型）
 

　　主要色彩：红，黄，蓝
 

　　红色、黄色和蓝色用于创建其他色彩，因此可以称它们为原色。你不能混合任何其他色彩来得到它们。这当然是一个很好的起点，你知道了关于基本色彩的知识。我还想说的是，这是过去许多色彩理论家的假设。在现实中，例如，用颜料或墨水，你只能混合有限的色彩，这与健康的人眼所能感知到的完全色彩范围不匹配。我们在这里讨论的是一个完整的色彩集合，也叫做色域。
 

 

　　（歌德的色环模型中的主要色彩）
 

　　二级色彩：绿色，橙色，紫色
 

　　绿色，橙色，紫色是由红，黄，蓝这三种主要色彩混合生成的。在歌德的色环上，绿色是两种原色的混合，黄色和蓝色。橙色是黄色和红色的混合，而紫色是红色和蓝色的混合。
 

 

　　（歌德的色环模型的二级色彩）
 

　　三级色彩
 

　　我们可以把这个想法更进一步，把主色和第二种色彩混合在一起，生成了位于色环上其他位置的三级色彩。
 

 

　　（图片资料来源:维基百科）
 

　　从三次色彩生成图中，你可以得到以下的结果：
 

　　黄绿色:黄色+绿色
 

　　琥珀色:黄色+橙色
 

　　朱红色:红色+橙色
 

　　洋红色:红色+紫色
 

　　紫罗兰:蓝色+紫色
 

　　青绿色:蓝色+绿色
 

　　注意，在图表中，次级色彩紧邻主色。
 

　　相似色
 

　　网站建设的相似色在色环上相邻，它们形成了一种简单的关系，通常很容易在视觉上营造出一种平和、舒适的氛围。最可能的原因是这种色彩组合在自然界中经常可见。
 

 

　　互补色
 

　　在色环上，互补色在相互对立的位置上。网站建设的互补色是一种很流行的组合，因为它们会自然地吸引眼球。红色和绿色尤其受欢迎。
 

　　但是请记住不要均等地使用它们，而是决定一种主要的色彩。一般来说，较柔弱的色彩应该更广泛使用，更强烈的色彩适合用于强调。想想互补色色彩组合相对于匹配衬线和无衬线字体。在这里，平衡是非常重要的。互补色也可以为每一种色调创造最强烈的色彩对比。
 

 

　　三角对立色
 

　　三合一色在色环上放置的距离相等且不相邻。他们展示了一些更高级的组合，我想适当使用这些色彩组合对初学者来说是很难的，但不要停止尝试。俗话说得好：“熟能生巧”。它们通常适用于卡通和超现实场景，也能展示出某些趣味性的效果。
 

 

　　色彩的种类
 

　　这是RYB色环的一个新的展示效果图：
 

 

　　暖色
 

　　暖色是由色环的右侧组成的。他们往往更专注，精力充沛，至少在我们通常的印象中是如此。不要忘记这些都是人类的属性，与光的现象无关。这些色彩能很快吸引我们的注意力，并且被认为是非常活跃的。
 

　　你可以让暖色有效地工作，但SmartBribe网站的例子，它在建立信任、安全和信心方面失败了，你用大量的暖色来给你的界面带来不正确的视觉氛围。最重要的是，这种设计在强调他们的主要行动方面做得很糟糕。他们的电子邮件订阅按钮的色彩与背景色彩相似，这样按钮视觉上也会消失。如果背景没有使用这样一组鲜艳的色彩，那么按钮本来可以更精细、更有效地使用暖色来突出显示。
 

 

　　（SmartBribe网站，www.smartbribe.com）
 

　　冷色
 

　　另一方面，色环左边代表冷色。这些更令人舒适和稳定。它们也容易在画布的背景中轻易褪色，而不会太突兀显眼。他们在本质上被认为是比较冷淡的。
 

　　如今，色环左边的色彩在主流网站中非常流行。只要看看facebook和twitter就知道了，你会发现很多知名项目都是用冷色系列来充当主色的。为什么?因为网站项目总是不得不与他们没有一个真实物理位置进行斗争，在那里可以更容易地建立起个人和信任的联系。迎合无数人的网站需要表现出稳定、可靠、放松和平静，甚至让人感到舒适。这些都是更冷淡的冷色可以帮助实现的。
 

 

　　（Etsy网站，www.etsy.com）
 

　　中性色
 

　　黑色、白色、灰色和棕色被认为是中性的。从这个意义上说，他们是在支持其他色彩。如果应用得当，这些中性元素可以把所有色彩统一在一起，就像莫奈的画作《日出·印象》中运用的那样。中性色提供了一种从更明亮、更强烈的色彩的强度上的突破，从而更容易吸引眼球。从这个意义上说，中性色是兴趣和变化的基础，就像你的意大利面加了番茄酱和肉丸子一样，而在其中，意大利面就好比是中性色的颜料。
 

　　当你在混合色中加入更多的饱和色时，中性色会退到背景色。在每一个色彩丰富的画面中，它们都扮演着重要的角色，因为它们能帮助你在工作中创造出一个熟练的平衡。在需要的时候，中性色是你的秘密武器，你可以创造一个清晰的焦点。在实际操作中，这意味着你用中性色调来构建你的构图，然后决定焦点在哪里，以及眼睛应该被吸引到哪里。
 

　　如图Cinebody网站图片，如果我们有大量的饱和色。要想突出这些预设的按钮，难度会大得多。由于他们是这一行业的核心，所以他们需要高度重视，以免迷失方向。让中性色白色和灰色的区域会退到背景画布后面，让少数色彩突出显示出来，效果就很不错。

（Cinebody网站，www.cinebody.com）