环
颜基础知识
我们知道，人们视为“可见”的光可以分解为从蓝到红的一个渐进的彩虹光谱带。
图 1. 可见光谱
我们还见过（也许还用过）环，环显示如何通过混合两种或更多颜来生成特定的颜。环实质上就是在彩光谱中所见的长条形的彩序列，只是将首尾连接在一起，使红连接到另一端的紫。
图 2. 环
中国麻风皮肤病杂志
环通常包括 12 种不同的颜（如图所示）。虽然画家对环和颜理论的重要方面已十分了解，但我们当中的一些程序员却可能不十分清楚，这种理解上的不足会把事情弄得一团糟。
基
图 3. 基
按照定义，基是最基本的颜，通过按一定的比例混合基可以产生任何其它颜。为了识别基，首先需要确切知道使用的是何种媒介。您可能在小学里学到基有红、黄、蓝，但现在我们大多是用红、绿、蓝作为基进行颜显示。我想这不足为奇。 但如果您使用彩喷墨打印机，请打开机盖看看墨盒。是否看到了红、绿、蓝？没有。您可能看见有四种墨水：青、品红、黄及黑。颜不同是因为计算机显示器使用加，而打印机使用减。显示器发射彩光线，而纸张上的墨水则从它反射的光中吸收了某种颜。有关此话题的更多论述将超出本文范围，但如想了解更多一点的信息，请访问下面两个链接：
∙ 加合成（英文）， 由 Jim Scruggs 供稿
wj-600∙ 减合成（英文）， 由 Jim Scruggs 供稿
除发射和吸收光线的不同外，本文讨论的概念适用于加和减两种模式—但根据我们的目的，我们将重点讨论加模式，在这种模式中，基为红、绿、蓝。
次生
图 4. 次生
为了建立环，下面我们希望了解通过混合任何两种邻近的基获得的三种颜。这些颜即次生：青、品红和黄。咦，我们不是谈到过这三种颜吗？是的，加法中的次生就是减法中的基。由此您可以推断出，减法中的次生也就是加法中的基。这就是加模式和减模式之间的相互关系。
三次
图 5. 三次
建立环的最后一步是，再次到现已填入环的颜之间的中间。幸运的是，这些三次对于加法和减法都是相同的。既然我们已经定义了在 12 点环中使用的颜，那么就可以讨论这些颜之间的相互关系。
相似
图 6. 相似
相似是指在给定颜旁边的颜。如果您以橙开始并想得到它的两个相似，就选定红和黄。使用相似的配方案可以提供颜的协调和交融，类似于在自然界中所见到的那样。
百年大计教育为本教师是
互补
图 7. 互补
也称为对比。互补在环上相互正对。如果希望更鲜明地突出某些颜，则选择对比是有用的。如果您在制作一幅柠檬的图片，使用蓝的背景将使柠檬更突出。 分列的互补
图 8. 分列的互补
分列的互补可由两种或三种颜构成。选择一种颜，在环的另一边到它的互补，然后使用该互补两边的一种或两种颜。
三组
图 9. 三组
三组是环上等距离的任何三种颜。在配方案中使用三组时，将给予观察者某种紧张感，这是因为这三种颜均对比强烈。基和次生均是三组。
暖
图 10. 暖
暖由红调构成，如红、橙和黄。这种颜选择给人以温暖、舒适、有活力的感觉。这些颜产生的视觉效果使其更贴近观众，并在页面上更显突出。
冷
图 11. 冷
冷来自于蓝调，如蓝、青和绿。这些颜使配方案显得稳定和清爽。它们看起来还有远离观众的效果，所以适于做页面背景。
请注意，您可能发现这些颜组在不同的书籍中所指的内容并不相同，但只要理解了基本原理，它们就都可以理解。
这使我最终进入到我想讨论的主要概念，这就是对比。
利用对比
对比是两种相邻颜之间感觉到的区别。由于白和黑不是真正的颜，它们被说成是表现了非彩的对比度。黑和白也表现了最强烈的对比。环中的互补表现出大的彩对比度。人眼对非彩的对比度比对彩的对比度更敏感，这就是在您增加压缩系数时 .jpg 压缩算法先去除彩信息而后再去除黑白信息的原因。
图 12. 黑与白：非彩的对比条
图 13. 使用蓝的单对比条
当您使用一种颜，然后增加或减少其亮度时，即建立起单对比。
对比在 Web 设计中非常重要。使用对比有多种不同的方法，所有这些方法都基于上述的另一种颜概念。每个人都明白，白背景下的黑文本最容易观看，这是您看到的大多数印刷材料都是白背景下的黑文本的部分原因。同样地，黑底白字的对比度也很强，但阅读起来比较困难，因为黑给人感觉比白沉重，有鉴于此，请尽量少用。
图 14. 高对比度颜组合
暖和冷产生同样的效果。暖给人略微突出屏幕的感觉，而冷则显得凹进屏幕。这意味着暖/黑最适合作为文本，而冷/白最适合作为背景。然而，这种方法也不是一成不变的。下面我们来看一个简单的例子，其中选择了两个对比，使用一个作为背景而另一个作为文本。
王道乾
图 15. 互补组合
您会注意到效果非常差。这两种颜对比不鲜明，它们几乎渗透在一起。这显然不是个好的组合。还是保持颜基本相同，而调整其亮度/暗度，使它们区分得更明显。
图 16. 修改后的颜组合
可以看到这是一个好得多的组合，它表明在考虑对比度时有一点很重要：不仅仅要在分析的意义上考虑，还要从视觉的角度考虑。
这些颜和对比的应用对于在背景图像上叠加文本也许是最重要的。使用这些对比概念时，必须切记，页面上的文本部分必须与背景图像中的所有颜足以形成强烈的对比。例如，如果简单地使用上述的一套三组，您就能使这三种互相对比的颜在页面上争奇斗艳。偏振模散
图 17. 三组组合；背景图像上的文本
一种更好的方法是使用一套分列的互补，使用相似作为背景，而文本使用互补。这样，背景颜将适当地融合到一起而不致引起对它们本身明显的注意，而文本将显得突出。
图 18. 穴中人语分列的互补组合；在背景图像上的文本
懂得颜理论在您为网站选择颜基调时也会发生作用。根据您对背景颜、导航组件和不同文本风格的需要，您可以从环中选择出高对比度的图案。然后，使用类似于我的安全调板计算表（英文）的某种工具，就可以轻松地选择较暗的/较亮的颜，将元素之间的对比增加到适当的水平。有许多组合适合于您的页面，它们使彩得到激动人心的使用，而不致让用户头疼。所以，把那些止痛片放到一边去吧，还是多花一点时间考虑一下在 Web 站点上如何使用颜。要查一些可能的选择，请查看此动态示例（英文）。
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议