设计中配色的小技巧

本文格式为Word版，下载可任意编辑——设计中配色的小技巧设计中配色的小技巧

选对色调，是每个设计师的根本功，说来简朴，但是千变万化，看似繁杂，然那么有迹可循。下面是由我为大家整理的配色的小技巧，热爱的可以珍藏一下!了解更多详情资讯，请关注我!

配色切实是一件难搞的事情。它牵涉到文化背景，受到方方面面的影响，在情感含义上的理解又因人而异，设计师所面对的问题往往是选择太多，而非太少。

配色的方法好多，辅佐工具也不少，但是令人印象深刻的，往往是一些颇为有意思的技巧。今天，我们共享配色大师PatrickMultani的色调搭配技巧。可能这10个技巧，会成为你的配色体系的稳当补充~

技巧1：谨记配色策略

在开头着手挑拣配色之前，我往往会翻看DustinSenos关于设计原那么的短文。他在文章中，阐述设计原那么的方式分外有意思，干练而好玩，"方向优于选择'，"适合优于一致'，"进展性优于总结'。其实假设借用这种句式来总结配色也不错："白色优于灰色'，"和谐优于错位'，"沉静优于强烈'。当我在工作的时候，我会时刻谨记这些配色策略，它们更像是一种感觉上的模范，就像用户角色引导UX设计师来设计体验一样。

技巧2：取色一条线

当我在调色板上选择色调的时候，我会倾向于沿着直线路径来挑拣色调，从左到右，从上到下，或者沿着对角线来选取色调。这样所获得的一套配色可以兼顾到不同的按钮状态可用/不成用，活动/非活动，兼顾到视觉主体和边框，背景等。我们也可以在取色器的同一个位置取色，调整色调，获得的一组色度接近色调不同但是高度协调的色调组合。上图中，中间那个就是。

技巧3：保持敏感，小幅调整

调配这这么多配色方案，给我最深刻的阅历教训就是：哪怕微弱的色调调整，都会对整个配色方案带来巨大的影响。所以，我觉得在配色的时候，要保持敏感，小幅度调整和变更。你可以试着挑拣偏冷或偏暖的灰色，运用到你的配色方案中，你会察觉它们会不同程度地调和整个配色方案的协调度。根据这样的策略，你可以挑拣出一大堆色调作为备选，反复迭代，变得对于微妙的色调变化更加敏感。

技巧4：善用叠加模式

假设你能善用混合模式，就能创造出令人着迷的配色方案。通过简朴的叠加两个色块，选择"Multiply'乘法混合模式，就能得到匹配的第三种色调。在白色背景上，我们还能通过调整通明度来快速调整色调的明暗。不过我始终觉得在黑色背景上来调整色调更有意思，搭配混合模式来探索色调的可能性，总能创造新的搭配。这种同色调的交互方式，为大量阅历丰富的设计师所使用。

技巧5：沉静而集中的配色

选好色调是一回事，在视觉设计中有效地运用它们是另外一回事。有的配色方案分外美丽，但是一旦运用在特定的设计工程当中，整个视觉就崩坏了。尽量让配色方案中色调不要那么庞杂，让整个设计更加沉静。譬如，文本、图标和边框采用不同类型的蓝色，能让整个设计显得协调。当你想要高亮突出什么东西的时候，可以采用这种方法。

技巧6：在不同背景下查看配色

我记得之前参与过一个可拓展的色调系统工程，当时我挑拣了大量微妙而接近的色调，当我留心扫视它们的时候察觉很难区分彼此。这个时候，我将这些色调复制了一份，然后添加了一个黑色的背景，这个时候，色调和色调之间的识别就变得明晰了，让我能够更好的作出选择。

技巧7：明艳的色调更吸引人

在取色器的右上角取色能够找到更加安好、更加吸引人的色调，供你运用在配色方案中。色调越靠左、靠下，色调上所叠加的灰度和黑色就越多，色调本身的重量就越重，而过重的色调会在潜意识上给人以压力。所以，我更倾向于使用明显亮堂的.色调来举行设计。

技巧8：叠加图层调色

想象有一张半通明的纸，当我们将它置于色调上方的时候，它能够从视觉上"消减'色度。我们可以在PS和Sketch中来模拟这样的"纸'，新建外形，通过调整通明度和混合模式，或者搭配使用来实现不同的效果，我们还可以调整纸张本身为白色或者黑色，在叠加混合模式下，能对色调的饱和度产生不同的影响。在有的UI设计工程当中，会借助这样的技术来暂时调整整个区域的敏感色度，这比改色更加轻松，还保持了色调之间的协调度。

上图中的三种效果：

黑色图层，叠加混合模式，不通明度50%增加饱和度

白色图层，正常混合模式，不通明度50%变亮

黑色图层，正常混合模式，不通明度50%变暗

技巧9：根据前风景来挑拣背风景

当我选取背风景的时候，我更热爱根据前风景来搭配，吸取前风景，调亮或者变暗，而不是选择纯粹的中性灰色。这样的方式会让背风景是或冷或暖