020-29815005
预约专线时间:09:00-23:59

【UI设计培训】:UI设计高级进阶--CMYK配色法

新闻来源:本站 日期:2022-04-02
对于UI设计而言,色彩是非常有趣且有非常多知识点的一部分。本文中,笔者主要分享一些CMYK的配色法的分析与思考。今年特别想尝试写写系列文章,赶上公司设计UED分兴趣小组,我最终选择了色彩兴趣小组,其实色彩要学的,能写的还是很多很多的。其实早在三年前我就开始慢慢…
  对于UI设计而言,色彩是非常有趣且有非常多知识点的一部分。本文中,笔者主要分享一些CMYK的配色法的分析与思考。今年特别想尝试写写系列文章,赶上公司设计UED分兴趣小组,我最终选择了色彩兴趣小组,其实色彩要学的,能写的还是很多很多的。其实早在三年前我就开始慢慢研究配色的相关技巧和知识理论。所以在选择兴趣小组的时候,果断的选择了色彩。


【UI设计培训】:UI设计高级进阶--CMYK配色法


  界面配色


  时光飞逝,2016年玩追波的时候,有幸和PP、Dea_n、UISTAR、俊哥、冰箱龙、Penny在一个叫FreedomUnion团队,当时团队小D(Dea_n)的界面渐变风当时很受欢迎,他使用的颜色干净、舒服、有感染力。很快形成了自己特有的设计风格。

  当时被他的配色深深吸引了,我就特别想研究研究他的配色,就尝试把他的作品在PS中打开,尝试吸吸色,找找他经常使用的配色范围,还有看看为什么他配出来的颜色就很吸引人,长时间看眼睛也不会太累?下面先欣赏一下设计作品吧!!!

  作品已经过了三年了,按照正常的配色作品应该看上去会有些过时,但是作品看上去并没有,还是有不少作品的配色现在看上去也是很前卫的。一起来看看我对小D的大部分作品的吸色情况吧。哇,不吸不知道,一吸吓一跳。

  的用色着实很大胆,很多都是贴边用色,我上大学的时候,老师曾经说过使用颜色尽量少用贴边的设计,包括灰色也可以使用带有颜色倾向的高级灰。这下终于明白了为什么小的配色这么亮眼。

  当然我也有自己的小发现,我发现每个的作品主配色的CMYK值总会有两种色值为0%(比如C:0%、M:91%、Y:95%、K:0%)



  当时就很好奇,难道只是偶然。当时我也请教过是否有刻意,得到的答案是并没有。然后靠自己的卓越的配色能力进入小米RIGO设计团队。


  当小米miui9系统官网海报出来的时候,我把作品拿到PS吸色,结果告诉我小D一定参与了这个作品的配色设计。

  为什么只有黄色的CMYK的色值是有3种颜色混合而成的?

  带着上面的疑问,我看到好的作品还是喜欢到PS里面吸吸色,看看好的作品的颜色的CMYK值。总想搞明白为啥CMYK值总会有两种色值为0%这件事?

  如果真的仅这一点点的配色技法就可以肯定CMYK配色方法的存在?

  CMYK配色方法是不是只存在UI界面设计中?

  CMYK配色方法可不可以增加它的扩展性?

  CMYK配色方法可以作为一种配色方法帮助设计师完成色彩搭配的工作?

  带着这些疑问会继续学习研究配色。

  图标配色

  2018年8月,老罗推出社交应用“子弹短信”,子弹短信推出以后,还有一个讨论,是说子弹短信即将挑战微信的地位。现在看来大家都懂得。我们来看一下“子弹短信”的应用图标,它的用色基本符合之前说的CMYK配色方法,当然是不包含子弹上的深色调。渐渐的发现CMYK配色方法的路子越来越宽了。

  Asher是追波绘画写实图标的大神,他的写实作品配色饱和度高,光影通透到位,需要很强的手绘功底。在他的设计作品中除去暗色调和深色调的部分,其他配色基本都使用了CMYK配色的技巧。

  大厂系统规范

  我们知道在移动端主流两大系统是苹果的iOS系统和谷歌的Android系统,在他们各自的系统规范中对配色也有相应的系统规范。iOS是开发者中心系统的配色规范,谷歌的是Material Design对配色也有相应规范。我们提取两大系统规范中的配色进行吸色分析。

  一顿勐吸之后神奇的一幕出现了,发现大厂系统规范的用色也基本符合CMYK配色方法的标准。为什么iOS中的黄色色值是三种颜色混合而成的。文章的后面会很仔细的讲到。大多配色都使用了两种配色。

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

  整体的色彩都是高亮色,由于我们在系统界面设计中能使用的元素大体分为字体、图标、图片、颜色等,所以在系统排版过程中整个界面多为有彩色与无彩色的范畴,即文字配色多位黑白色,可交互可点击的配色或图标多为系统的高亮色,在整个界面设计中会更突出,起到强调吸引用户的目的。  

  以上就是优漫教育小编为大家介绍的“UI设计培训】:UI设计高级进阶--CMYK配色法”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解!