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

Date 2026-04-20 15:20:33

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

界面配色

2016 年玩追波的时候,有幸加入 FreedomUnion 团队,当时团队中的小D(Dea_n)界面渐变风很受欢迎,颜色干净、舒适、有感染力,很快就形成了自己独特的设计风格。

我被他的配色深深吸引,特别想研究他的配色,所以我试着把他的作品放在一边 PS 打开它,试着吸收颜色,找到他经常使用的颜色范围。为什么他的颜色很吸引人,长时间看眼睛也不会太累?让我们先欣赏一下小D(Dea_n)设计作品。

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

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

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

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

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

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

作品已经三年了。如果是一般配色作品,应该看起来有点过时,但是小D(Dea_n)看起来没有作品,还有很多作品的配色,现在看起来也很前卫。让我们来看看我的小D(Dea_n)大部分作品的吸色情况。

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

小D(Dea_n)颜色真的很大胆,很多都是边缘颜色。当我上大学的时候,老师曾经说过,尽可能少地使用边缘的颜色设计,包括灰色,也可以使用有颜色倾向的高级灰色。现在我终于明白了为什么小D(Dea_n)配色这么亮眼。

当然,我也有自己的小发现。我发现每部作品的主色调都是主色调 CMYK 总有两种颜色值 0%,比如C:0%、M:91%、Y:95%、K:0%。

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

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

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

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

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

只是偶然吗?当时我也问过小D。(Dea_n)是否是故意的,答案是否定的。然后小D(Dea_n)凭借其卓越的配色能力进入小米 RIGO 设计团队。

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

当小米 miui9 当系统官网海报出来的时候,我拿到了作品 PS 一吸色,结果告诉我小D 一定参与了这部作品的配色设计。那为什么只有黄色呢? CMYK 的色值是有 3 由颜色混合而成。

仅仅依靠一点吸色就能确定吗? CMYK 配色方法的存在?CMYK 配色方法是否只存在 UI 界面设计中?CMYK 配色能增加其扩展性吗?CMYK 配色方法能作为配色方法帮助设计师完成配色工作吗?带着这些问题,我继续研究配色。

图标配色

让我们看一看「子弹短信」应用图标,它的颜色基本上符合前面提到的 CMYK 当然,配色方法不包括子弹上的深色。渐渐地,我发现 CMYK 配色方法越来越宽。

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

Asher 他是追波画写实图标的大神。他的写实作品色彩饱和度高,光影透明到位,需要很强的手绘技巧。在他的设计作品中,除了深色和深色之外,其他配色基本上都是使用的 CMYK 配色技巧。

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

“为什么大师的配色这么抢眼?

大厂系统规范

我们都知道 iOS 系统和 Android 在各自的系统规范中,系统对配色也有相应的规范。我们提取两个系统规范中的配色进行吸色分析。

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

经过猛吸,发现大厂系统规范的用色基本符合要求 CMYK 配色方法的标准。

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

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

前段时间 IBM 在产品配色中,重新定义了他们的设计语言 Blye 60、Alert60、Alert40、Alert20、Alert50 符合主要配色 CMYK 配色方法。

配色中的主色或品牌色

最近很多互联网公司都进行了品牌改版,从深色到浅色逐渐成为一种趋势。

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

新版的 Facebook LOGO 从深蓝色到亮蓝色,字体继续保持原样。 CMY 适当降低值。此外,图标部分也从原来的圆角正方形变为圆形,图标中「f」从右边的位置移到圆的中间位置。

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

全球旅行者最喜欢的B&B预订平台 Airbnb 的品牌 logo 主色也符合 CMYK 配色方法。和 2019 潘通流行色珊瑚橙非常接近。

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

微信 7.0 这个版本使用了一个新的调整图标。除了原来的绿色渐变背板变浅外,两个标志性的对话气泡和背景板的比例也相应地调整了。颜色 CY 值减少了。除了空间感和符号感,调整后的新版图标整体变得更强「更轻」了。

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

网易云音乐 6.0 在版本中,品牌 LOGO 再次调整。新网易云音乐图标最明显的变化是红色的主色调,其次是「留声机」和「音符」组合而成的图形部分。

红色比以前更明亮,图标红色背景从以前的纯色变成了轻微的红色渐变填充。新的红色侧重于用户长期使用屏幕造成的视觉疲劳「轻」颜色可以有效地减少这个问题。其中颜色 CMY 这三种颜色都降低了。在图形部分,新版本的图形缩小了中间交叉部分的面积,顶部向右弯曲的弧形变大。整体效果比以前更清晰,特别是在较小的应用尺寸中,显示效果明显优于以前。

CMYK不同颜色的色域范围

当你看到上面的描述时,你特别想知道吗? CMYK 中间的两个色值同时为 0 不同颜色的色域范围?带着这样的想法,选择红、橙、黄、绿、蓝、紫三种颜色进行区域研究。打开 PS,不同颜色的色域在拾色器中截取如下:

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

上图中的白色区域是红色 C 值为 0、K值为 0 时间的色域范围,范围还很小。

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

黄色的 CMYK 在色相中,色域很奇怪 38-58 当黄色纯度最高时,CMY 都有色值。也就是说 PS 里面最纯的黄色也是由 CMY 复色调和。这就是为什么以前用黄色的时候,CMYK 色值由三种颜色混合而成。

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

上图中的白色区域为绿色 M 值为 0、K 值为 0 时间的色域范围,范围开始逐渐扩大,这意味着绿色高饱和度可以使用的颜色越来越多。

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

上图中的白色区域为绿色 M 值为 0、K 值为 0 时间的色域范围,范围也开始慢慢扩大,一般范围相当于绿色。

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

上图中的白色区域是蓝色 Y 值为 0、K 值为 0 时间的色域范围,范围应该很大。

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

上图中的白色区域为紫色 Y 值为 0、K 值为 0 当时的色域范围相当于蓝色。

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

上图中的白色区域是洋红色 Y 值为 0、K 值为 0 当时的色域范围相当于蓝色和紫色。

1. CIE

从理论上讲,可见光分布的色域是 CIE 色域。在色彩感知的研究中,CIE 1931 XYZ 色彩空间(也叫)做CIE 1931色彩空间)是首先用数学方法定义的色彩空间之一。从 CIE 从图中可以看出,冷色区域远远大于暖色区域。其中,黄色和红色的色域范围相对较小,完全一致 PS 拾色器内的色域范围。

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

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 屏幕颜色的色域。

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

让我们仔细研究一下 CIE 色域范围,CMYK 其中一小段黄色域值超过了 RGM 色域值。这表明黄色更饱和 CMYK 原色和间色可能在 RGB 在范围之外。

我们还有另一种方法来验证它。是的 PS 里面的新颜色模式是 CMYK 打开拾色器界面,将颜色调整到右上角,以改变颜色值 0-360度 范围。色调在 38-58 带感叹号的三角形警告标志不会显示在黄色区域的对话框上,表示黄色区域 CMYK 超过色域值 RGB 色域值。这就是为什么。 iOS 系统规范中的黄色值必须由三种颜色混合而成。此时,特殊颜色需要特殊处理。

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

CMYK配色法使用技巧

CMYK 配色法是两种颜色的色值 0%,但由于色域问题,黄色由三色组成(c值尽可能小于10)。

除浊(灰)色系和深色系外,色域集中在纯色系范围内。

界面主色(纯色为主)、可以使用图标设计、品牌色(主要是纯色) CMYK 配色法。

总结

CMYK 目前,配色方法主要适用于互联网产品。虽然我们应该敢于创新,但在实际工作中,我们仍然需要根据公司的品牌和产品定位合理地进行颜色搭配。目前,该方法没有更多的理论支持。如果您有任何问题,我希望进行更多的交流。

欢迎关注作者微信微信官方账号:「水手哥学设计」

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