小莫

关于RGB三原色、CMYK印刷色我们做设计每天都在用,但很少人会去了解背后的原理,以及什么时候该去用什么颜色模式,甚至相当一部分设计师对Ptone潘通专色没有任何接触。那么,本期我们通过先了解这些颜色的原理,再去了解它们的使用基本方法。

先抛出几个我们设计常遇到的问题:

  1. 为什么设计稿喷绘出来颜色那么脏 ?
  2. 为什么设计文件送去打印店打印出来颜色都变绿了 ?
  3. 供应商送过来的样品,为什么每次颜色都偏的很厉害 ?
  4. CMYK模式下一些颜色为什么怎么调都特别灰?

要解决这些问题,首先要了解RGB、CMYK这些原理。

 

关于RGB颜色:

RGB色彩模式是显示屏的一种颜色标准,每个颜色等级从0~255,可以组成1670万种颜色。

1

是通过对红(R)、绿(G)、蓝(B)三个颜色的变化以及它们相互之间的叠加来得到各式各样的颜色,RGB即是代表红、绿、蓝三个颜色通道的颜色,是目前运用最广的颜色系统之一。

2

 

运用范围:

显示器显示、RGB色打印、RGB色喷画等。色彩丰富饱满,但不能进行普通的分色印刷。

 

关于CMYK颜色

3

CMYK也称作印刷色彩模式,顾名思义就是一种专门针对印刷设定的颜色标准,是通过对青(C)、洋红(M)、黄(Y)、黑(K)四个颜色变化以及它们相互之间的叠加来得到各种颜色的,CMYK即是代表青、洋红、黄、黑四种印刷专用的油墨颜色,也是Photoshop软件中四色通道的颜色。

4

运用范围:

四色印刷、四色打印等。色彩不如RGB色丰富饱满,在PHOTOSHOP中运行速度会比RGB色慢,由于颜色种数没有RGB色多,当图像由RGB色转为CMYK色后颜色会有部分损失(从CMYK转到RGB则没有损失),但它也是唯一一种能用来进行四色分色印刷的颜色标准。

5

放大看CMYK四色印刷都是有无数个四种颜色的墨点组成。

6

设计送到印刷厂后基本都是四道颜色经过滚印出来的。

7

 

工作中如何使用?

上面说的这些都是百度可以查阅的到的知识,那么实际工作中这些工作流程该是怎么样?一般在电脑上做设计都是以RGB格式开始的,为什么不是直接设置CMYK模式进行设计?

因为一般的设计首先要满足电脑状态下的颜色,RGB三原色是对设计还原度最高的色彩模式,也是最容易得到的色彩,而且也便于设计图稿给需求方进行设计确认。除非你的设计文件直接被用于设计印刷或直接送去制作打样形式,不通过显示屏幕,那么可以直接选择CMYK模式。

8

还是以微小米为例,(上图)这个是设计好的RGB格式图稿,因为大家都比较熟悉RGB,所以不详细去讲解。

比如要去用这个形象去制作印刷文件,那么我们在AI软件(PS软件也一样)里直接将其转成CMYK格式(下图)。

9

转成CMYK印刷格式后的微小米,就成了下面这个样子。

10

再来一张前后对比图,右边CMYK格式的样子是不是感觉像刚从土堆里钻出来似的,蒙了一层灰?

11

就是设计圈里大家转载很多的那张网红图(下图)一个样。

12

为什么会这样呢?其实这就是三原色和印刷四色的本质区别,RGB三原色每个颜色的等级是255个,可以组成1670万种颜色。CMYK虽然是四色,但与RGB相比,很多颜色是缺失的,一些很饱和的颜色CMYK是无法显示出来,更不可能印出来。

13

那么直接转成CMYK模式后的文件是不是可以直接送给印厂打印了呢?我们看一下(上图)这个红色的CMYK值,都是一些带小数点的数值。标红圈处的色值是3.73,这也是本期的重点要讲解地方:

一般低于8%以下(或大于93%以上)的色值,为了保持色彩的纯度,根据实际操作情况,建议调到0%(或100%)使色彩更加纯粹。特别是C和K的色值低于8%以下,都会让颜色显脏。

送给印刷厂的印刷文件,CMYK一般都要调整5的倍数,这是比较规范的做法。5的倍数色值也更方便你通过四色色谱查看印刷色样。

14

很明显(右上图)5倍数调整完之后,特别是那些小于8%的颜色被清0后,颜色干净许多,如果色彩打样后对比会更加明显。就是因为调整前色彩里混入了少许的杂色。

15

当然,没有办法达到RGB的效果,但至少可以让CMYK在可控的印刷范围内,不至于使打印出来的色彩偏差效果太多。

另外,不只是色块儿要调整,包括设计里的描边、阴影都需要在送给印厂前统一调整5的倍数。虽然,图片看起来调整前后差别不大,但是涉及到一些高质量印刷项目,这个步骤绝对少不了,也是设计师专业能力的体现。

最后,之前抛出的那些问题,是不是也很容易解决了?由于篇幅有限,关于潘通专色的知识,以及潘通色谱如何使用,可以在星球里讨论或在以后几期有机会给大家分享了解。

16

 

原文地址:我们的设计日记(公众号)

作者:sky

skyqr

转载请注明:学UI网 » 那些你早晚都要掌握的颜色基础常识

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@xueui.cn,也可以找各个群的管理】

 
你可能喜欢的:
如何在UI设计中运用颜色如何在UI设计中运用颜色
对色彩没感觉?三个方法提高你的色感训练!对色彩没感觉?三个方法提高你的色感训练!
【野蛮生长】四种类型主体的细节刻画!【野蛮生长】四种类型主体的细节刻画!
【野蛮生长】两招让你掌控设计中的风格!【野蛮生长】两招让你掌控设计中的风格!
你的设计有依据吗?详解用户体验设计中的规律与逻辑你的设计有依据吗?详解用户体验设计中的规律与逻辑
设计分享:你不知道的色彩密码设计分享:你不知道的色彩密码
14个以秋为主题的配色方案14个以秋为主题的配色方案
浅析色彩原理浅析色彩原理
电商都被红色占领了!分享5招电商最常用的色彩搭配电商都被红色占领了!分享5招电商最常用的色彩搭配
黄色在电商设计中的玩法与禁忌【设计干货】黄色在电商设计中的玩法与禁忌【设计干货】