配色技巧,介绍一些色彩理论_设计知识

配色技巧,介绍一些色彩理论

来源：robots.thoughtbot 作者：百度UED

在设计时，对色彩的使用可以看做是给你的工作媒介创造另外一个维度。选用一套成功的配色，是一个有意义和有层级的设计的基础。采用定配色的方法会让整个设计过程更流畅，虽然在刚开始进行色彩选择时会觉得比较无从下手。

我发现其实只需要三个颜色就已足够——做这三个颜色的决定也没有那么难。三个同级的颜色也不会让你在使用时压力很大。在本文中我会介绍一些色彩理论和一点儿长久以来我积累的小技巧。希望可以在你色彩的选择和使用上有所帮助。Enjoy！

色环

当你闭上眼睛去想象一个色环的时候，你脑海中出现的很有可能是Johannes Itten（约翰.伊顿）设计的那一个。Johannes是包豪斯和他自己的一系列东方信仰研究的代表。他坚信“我们外在的科学研究和技术必须要和我们的内在精神与思考的力量相平衡”，正因为如此，他会带着他的学生在课前做呼吸，冥想和一些体育运动等练习。（很酷吧！）

下面是对约翰理论的分解。在他的色环里，一共有十二个颜色：三个原色，三个间色，六个复色-即我们所熟知的色相。伊顿这个设计的美妙之处在于：无论是复杂的色彩理论或者是简单的选择互补色，这个色环都可以作为你的基准。

色彩

原色：黄，红，蓝。

间色：橘，紫，绿。

复色：橘黄，橘红，紫红，蓝紫，蓝绿，黄绿。

一些名词释义

色相——另外还有个名字叫光谱色，还记得小学时候的赤橙黄绿青蓝紫么？

明调——往色相颜色中加白色，使其更亮。

暗调——往色相颜色中加黑色，使其更暗。

饱和度——色相的鲜艳程度，纯度的低到高。

配色的选择

当你要选择配色时，你的选择不可能仅仅是约翰伊顿色环的这十二个颜色。这可能会是个比较残忍的事情。但是伊顿色环可以作为一个向导。他让你感觉颜色并不是那么复杂。不同的级别饱和度的颜色可以饱含上千的明调和暗调。但是他们都是源自于这简单的12个色调；是不是很令人欣慰。

现在，让我们进行实战练习吧。一条很好的经验法则告诉我们最好从黑白两色开始设计。这会让你的基础结构层级鲜明，没有其他杂乱的元素。我们假设你现在正在设计一个版式：带头部并且头部下有删格化的文章列表。它的线框图可能看起来是这样的：

你可以看到我们已经初步规划了几个重点的展现并且通篇采用了对比的手法。如果这个阶段有什么差错的话，颜色也不会拯救这一切。只有在你已经对版式充满自信的时候，你才可以开始考虑颜色。

我们对这个版式已经感觉不错了，所以现在我们开始给他填充颜色——不要忘记保持简单。选三个颜色使用并且保持仅使用这三个颜色。我的理念是挑两个颜色扮演主要角色剩下一个作为跑龙套的。这个龙套最好是可以给饱和度高的颜色的延伸的一种补充。另外两个主颜色可以自由的用来创造层次感，代表意义，引导和品牌识别。可以用过色彩和谐来决定这些颜色或者使用Adobe色彩工具，但是，当我开始的时候我发现其实我更容易从其他的地方找到灵感。

环顾四周

我喜欢从自然和我的周围挑选我的配色。当你走过大街，试着注意下你周围的颜色。你是冷漠的，略带攻击性的，寒冷的或是坚韧不拔的？从你挑出的三个颜色中就能体现出你正在经历着的，更甚者能传递出之所以这样选的理由。手机就是个能很好的帮你完成这项任务的工具。如果你是iPhone用户，那我强烈推荐Sip, 若是Android的粉丝， SwatchMatic 则能助你一臂之力。

这里有一些来源于我生活的的灵感来帮助我去挑选3个关键色。与此同时我也会记录下当我捕捉到它们那一刻时激发起的感受。