制作与设计中的配色套路

宗SIR

日常中我们经常会碰到需要设计一个画面的展示，不管你是从视频剪辑上还是图像设计上，画面的配色基本都是绕不开的话题，今天我们一起走进一个关于配色思路的一些知识点！

我们就拿UI配色来举个例子，至于什么是UI大家自行搜索脑补吧。

1.为什么这个配色会怪？
我们在画线性图标的时候，有时候会用深浅色配合，比如描边用亮蓝色和深蓝色，像这种：



我们会觉得很和谐，为什么？虽然他们饱和度、明度不同，但他们有相同的色相，有一定的关联性。还有一种情况就是相同明度、饱和度，但是有两种色相，比如蓝绿，蓝黄：



我们也都觉得很和谐，为什么？因为有相同的明度、饱和度，他们也有一定的关联性！但是如果是这样两个描边配色在一起：



就感觉有些不和谐，就是因为色相、饱和度、明度没有一项是有关联的，所以就感觉不太搭。像下面这位网友做的练习，也是一样的道理：



这个配色多少有点不太和谐，我们放大一个图标来展示下，比如这个：



这两个配色，不论是在明度、饱和度、色相上都没有关联，所以看起来有点违和。我们只要让它稍微有点相同属性，就会好很多，比如我们让两个颜色的色相有点关联，都用蓝色色相：



再比如让两个颜色饱和度有点关联，都用比较灰的颜色，哪怕色相完全不同，都会比较和谐：



我们在做这种图标描边配色时候时候，一定要注意这个内在关联性的逻辑。当然，这里说的只是做图标描边时候的配色，整体视觉大画面的配色，不在讨论范围。


摘自：

微信公众号：菜心设计铺