为什么高手的配色那么抢眼？ 原来是用了CMYK 配色法！

界面配色

2016 年玩追波时候，有幸加入了 FreedomUnion 团队，时团队内小D（Dea_n）界渐变风很受欢迎，他使用颜色干净、舒服、有感染力，很快形成了自己特有设计风格。

我被他的深深吸引，特别想研究他的，就尝试把他的品在 PS 中打开，尝试吸，找找他经常使用的范围。为什么他出来的颜就很吸引人，长时间看眼睛也不太累？下面先欣赏一下小D（Dea_n）的设计品。

品已经三年，果是一般的品应该看上去有时，但是小D（Dea_n）的品看上去并没有，还是有不少品的现在看上去也是很前卫的。一来看看我对小D（Dea_n）的大部分品的吸情况吧。

小D（Dea_n）的用着很大胆，很是贴边用。我上大学的时，老师曾经说尽量少用贴边的颜设计，包括灰也以使用带有颜倾向的高级灰。下终明白为什么小D（Dea_n）的么亮眼。

当然我也自己的小发，我发每的作品主配色的 CMYK 总会两种色 0%，比如C：0%、M：91%、Y：95%、K：0%。

难道只是偶然？当也请教过D（Dea_n）是否是刻的，得的答案是并没有。然后D（Dea_n）靠卓越的配色能力进入 RIGO 计队。

当 miui9 系统官网海报出来的候，把作品拿 PS 一吸色，结果告诉D 一定参了这个作品的配色计。那为什只有黄色的 CMYK 的色值是有 3 种颜色混而成的。

难道仅靠着一点吸色就可肯定 CMYK 配色方法的存在？CMYK 配色方法是不是只存在 UI 界面计中？CMYK 配色方法可不可以增加它的扩展性？CMYK 配色方法可以作为一种配色方法帮助计完成色彩搭配的作吗？这些疑问我继续研究配色。

图标配色

我们看一下「子弹短信」的应用图标，它的用色基本符合之的 CMYK 配色方法，当然不包含子弹的深色调。渐渐我发 CMYK 配色方法的子越越宽了。

Asher 追波绘画写实图标的神，他的写实作品配色饱度高，光影通透到，需很强的手绘功底。他的设作品中除去暗色调深色调的部分，其他配色基本都使用了 CMYK 配色的技巧。

大厂系统规范

我们都知 iOS 系统和 Android 系统，在他们各自系统规范配色也有相应规范。我们提取两大系统规范配色进吸色分析。

一顿猛吸之后，发厂系统规范的用色也基本符合 CMYK 配色方法的标准。

前段时间 IBM 重新定义他们的设计语言，在产品中 Blye 60、Alert60、Alert40、Alert20、Alert50 等主要符合 CMYK 的方法。

配色中的主色或品牌色

近期很互联网司进行品牌改版，深亮到浅亮慢慢成为一种趋势。

新版的 Facebook LOGO 从深蓝变为亮蓝，字则继续持原样。其中 CMY 值进行适当减少。除此之外，图标部分也由原来的圆角正方形变为圆形，图标中的「f」从偏右的位置移到圆形的中间位置。

球旅行者喜爱的民宿预订平台 Airbnb 的品牌 logo 主也符合 CMYK 的方法。和 2019 潘通流行珊瑚橘很接近。

微信 7.0 版使用经整的新图标。图标除原来绿渐变的背板变浅外，两个标志的对气泡与背板的比例也做相应的整。彩的 CY 值减少。整的新版图标除空间感和符号感也更强外，整变得「更轻」。

在网易云音乐 6.0 版中，对品牌 LOGO 次进行整。新版网易云音乐图标最明显的变化为红的主，其次为「留声机」和「音符」组合而成的图形部分。

色较之变得加明亮，同时图标色背景由之的纯色改轻微的色渐变填充。新的色重考虑了用户时间使用屏幕造的视觉疲劳，采用比较「轻」的色彩可效降低这种问题。其中颜色 CMY 三种色都减少。图形部分，新版图形缩小了中间交叉部分的面积，顶部向右弯曲的弧形变。整体效果较之加清晰，特别小的应用尺寸中，其展示的效果明显比之的好。

不同颜色CMYK的色域范围

看到面的描述不特别知道当 CMYK 中的两色同时 0 时，不同颜色的色域范围？这样的法，把橙黄绿青蓝中每类选一种颜色行区域研究。打 PS，拾色器中截取不同颜色的色域范围如下：

图白色区域就色 C  0、K 0 时的色域范围，范围还很小的。

黄色的 CMYK 色域很奇怪，色相 38-58 度的黄色纯度高时，CMY 都色。也就 PS 里面纯的黄色也由 CMY 复色调的。这也什么之黄色使用时，CMYK 色由三种颜色混合的。

图白色区域就绿色 M  0、K  0 时的色域范围，范围始慢慢变，意绿色高饱度的可使用颜色越越多。

图白色区域就绿色 M  0、K  0 时的色域范围，范围也始慢慢变，体范围绿色相当。

图白色区域就蓝色 Y  0、K  0 时的色域范围，范围应该很了。

图白色区域就色 Y  0、K  0 时的色域范围，范围蓝色的色域范围相当。

图白色区域就洋色 Y  0、K  0 时的色域范围，范围蓝色、色的色域范围相当。

1. CIE

从理论讲，可见光分布的色彩域就 CIE 所表示的色域。颜色感知的研究中，CIE 1931 XYZ 色彩空间（也叫CIE 1931色彩空间）其中一先采用数学方式义的色彩空间。从 CIE 图中能看出冷色的区域远远于暖色的区域。其中黄色色的色域范围相对较少，完全符合 PS 拾色器里面的色域范围。

2. RGB

RGB 是计机荧光屏显示颜的彩方式，它们是由 R、G、B 三种光质通加光混合产生的。RGB 彩模式是一种加模式，将红光、绿光和蓝光以不同的比例相加以合成各种各样的光。R、G、B 三种颜各能产生 2 的 8 次幂，即 256 级不同等级亮度的颜。256*256*256 即 16777216种颜。RGB 彩模式主要用在电脑显示器和电视上。RGB 彩模式是绘图软件最常用的一种颜模式。

3. CMYK

CMYK 由C（）、M（品红）、Y（黄）、K（黑）四高饱和度的墨以不同角度的网屏叠印形成复的彩图。CMYK 彩模式是一种颜料模式，它用料三原混原理，加上黑墨，形成各种各样的彩。

这种模式属于相减混色模式，广泛运用于绘画印刷领域。CMYK 的色域范围比 RGB 的色域范围小，某些色彩无法用 CMYK 油墨印刷出。当这些不能印刷出的颜色出时， PS 的「拾色器」对话框会显示一感叹的三角形警告标志，表示这些颜色超出 CMYK 的色域。即使设了比较鲜艳的颜色，如果超出了 CMYK 印刷颜色的色域，算机就会用一接近它的较灰暗的颜色去顶替它。可见部分 CMYK 印刷颜色的色域小于 RGB 屏幕颜色的色域。

我们仔细研究下 CIE 色域范围，CMYK 当中的黄色色域一小段超过了 RGM 的色域。这就明黄色的饱的 CMYK 的原色间色可能 RGB 的范围之外。

其的还有一个方法去验证。就是在 PS 面新建颜色模式为 CMYK 的文件，开拾色器界面，把颜色调右上角改变色相值的 0-360度 的范围。色相在 38-58 度的黄色域对话框上不会显示带叹号的三角形警告标志，表示黄色域的 CMYK 色域值是超过 RGB 的色域值。这就是为什 iOS 系统规范中的黄色色值必须是三种颜色混而成的。这候殊的颜色就需要殊理。

CMYK配色法使用技巧

CMYK 配色法就两种颜色的色 0%，但黄色因色域问题由三色组的（c尽小于10）。

色域集中在纯色系的范围，浊（灰）色系和暗色系除外。

界面的色（纯色系为）、图标设计、牌色（纯色系为）都可使 CMYK 配色法。

总结

CMYK 配色法目前多适于互联产，虽说在创意上要敢于创，但在实际的工作中还是需要性地根据公司牌和产定位，合地进行色彩搭配。目前此方法没有更多的论依据支撑，如有疑问希望多多交流。

欢迎关注作者微信公众号：「水手哥学设计」