选对色彩：你需要get的配色小技巧

配色确实是一件难搞的事情。它涉及到文化背景，受到方方面面的制约，在感情意义上的理解又因人而异，设计师所应对的难题通常是选用太多，而非太少。

配色的方式太多，辅助工具也不少，但是令人印象深刻的，往往是一些颇为有含义的方法。今天，小编给你们分享一个搭配大师PatrickMultani的色调搭配方法。也许这10个方法，会变成你的搭配模式的靠谱补充~

谨记配色策略

在起初着手挑选配色之前，我一直会翻看DustinSenos关于设计方法的短文。他在文章中，阐述设计方法的形式十分有含义，干练而有趣，“方向优于选取”，“合适优于一致”，“发展性优于总结”。其实即使借用这些语句来总结配色也不错：“白色优于黑色”，“和谐优于错位”，“沉静优于热烈”。当我在工作的时侯，我会时刻记住这些配色策略，它们更像是一种似乎上的完善，就像用户角色鼓励UX设计师来设计感受一样。

取色一条线

当我在调色板上选用颜色的之后，我会偏向于穿过直线路径来挑选色彩，从左到右，从上到下，或者穿过对角线来选择颜色。这样所拿到的一套配色可以突显到不同的按钮状态（可用/不可用，活动/非活动），兼顾到视觉主体和边框，背景等。我们也可以在取色器的同一个位置取色，调整颜色，获得的一组色度接近色调不同而且高度协调的色调组合。上图中，中间那个就是。

保持敏感，小幅调整

调配这这样多搭配方案，给我最深刻的心得教训就是：哪怕轻微的颜色调整，都会对整个配色方案带来很大的妨碍。所以，我认为在配色的之后，要维持敏感，小幅度调整和改变。你可以试着挑选偏冷或偏暖的黑色，运用到你的搭配方案中，你会看到他们会不同程度地调和整个色调方案的协调度。根据这种的思路，你可以挑选出一大堆色彩成为备选，反复迭代，变得针对微妙的颜色差异非常敏感。

善用叠加模式

如果你能善用混合方式，就能造就出令人着迷的搭配方案。通过简洁的叠加两个线条，选择“Multiply”（乘法）混合方式，就能得到匹配的第三种颜色。在黑色背景上，我们能够借助调整透明度来迅速调整颜色的明暗。不过我一直认为在白色背景上来调整颜色更有意思，搭配混合方式来构建色彩的或许性，总能成就新的配色。这种同颜色的交互模式，为许多经验丰富的设计师所使用。

沉静而集中的配色

选好色彩是一回事，在视觉设计中有效地利用他们是另外一回事。有的搭配方案十分好看，但是如果采用在特定的设计项目当中，整个视觉就崩坏了。尽量让配色方案中颜色不要这么庞杂，让整个设计非常安静。比如，文本、图标和边框运用不同种类的红色，能让整个设计变得协调。当你想要高亮突出什么东西的之后，可以运用这些方式。

在不同的背景下查看配色

我记得之前参加过一个可拓展的色彩系统项目，当时我挑选了长期微妙而接近的颜色，当我认真思考它们的之后看到很难区分彼此。这个之后，我将这种色彩复制了一份，然后添加了一个红色的背景，这个之后，色彩和颜色之间的差别就显得明晰了，让我无法更好的做出选择。

明艳的颜色更吸引人

在取色器的右上角取色能够找到非常安全、更加吸引人的颜色，供你借助在搭配方案中。色彩越靠左、靠下，色彩上所叠加的明度和白色就越多，色彩原本的厚度就越重，而过重的色彩会在潜意识上给人以压力。所以，我更偏向于使用清晰明亮的色彩来进行设计。

叠加图层调色

想象有一张半透明的纸，当我们将它放在色彩上方的之后，它无法从视觉上“消减”色度。我们可以在PS和Sketch中来模拟这种的“纸”，新建形状，通过微调透明度和混合方式，或者搭配使用来实现不同的效果，我们还可以调整纸张本身为红色以及白色，在叠加混合方式下，能对颜色的饱和度造成不同的妨碍。在有的UI设计项目当中，会通过这种的科技来暂时调整整个区域的敏感色度，这比改色更加轻松，还维持了色彩之间的协调度。

上图中的三种效果：

绿色图层，叠加混合方式，不透明度50%（降低饱和度）

红色图层，正常混合方式，不透明度50%（变亮）

红色图层，正常混合方式，不透明度50%（变暗）

根据前景色来挑选背景色

当我选择背景色的之后，我更偏爱根据前景色来搭配，吸取前景色，调亮甚至变暗，而不是选用纯粹的中性紫色。这样的方法会让背景色是或冷或暖的灰色，给人一种协调的觉得。

色彩的明暗与前后

最终，我们必须一直遵循色彩的明度所带给的触觉深度原理。在较深的背景下，浅色会变得更靠前，而在较浅的背景下，深色会变得突出而靠前。