赞助商
立即赞助

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

平面设计3年前 (2021)发布 流光
3.8K 0 0

界面配色

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 配色法!

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

大厂系统规范

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

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

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

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

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

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

配色中的主色或品牌色

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

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

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

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

球旅行者喜爱的民宿预订平台 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 配色法!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

对于设计配色而言,系统的理论学习固然重要,但是对于初学者或者对色彩理论提不起兴趣学习的人来说,难道就没有可以快速完成...
Adobe color
@研习设K先生 :配色是很多人都比较关心的一个问题,之前的教程我也给大家讲解过一些配色思路和配色方法,而今天我就教大家一...
入门
今天将要分享的是一个我们在设计中经常会用到的「配色」。 很多设计师工作几年后还是对配色摸不着头脑,每次做设计依旧没有...
入门
在纷繁复杂的视觉信息中,设计的首要任务是吸引视觉的注意力。在人的视觉层次中,色彩占据着第一顺位,最先被人的视觉所感知...
主色
不知道大家有没有听过这么一个故事:某家餐厅销量一直不太好,老板究其原因也没有查明白到底是为啥,明明选址在闹市区,价格...
色彩搭配
@研习设K先生 :关注我们研习设的朋友一定都或多或少的了解一些色彩理论和配色技法,但是我相信大家往往都容易忽视一个问题就...
色彩基础
@WOOD短腿木 、@LXYFLASH :如今,配色工具已经铺天盖地多到数都数不过来,但每次选好配色拖进软件里一吸,发现实际效果总是...
Paletton
@木TONG同 :配色是设计师永恒的话题,之前神器小分队也给设计师们推荐了很多关于配色的神器网站,但网站每次都要去收藏夹里...
你丫才美工