恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
RGB色彩配置你知道吗?
0.0°
2018-02-24 原创文章 经验/观点 举报 6066 43 36 1

在这里梳理了一份在日常使用的软件中遇到的色彩配置的问题。

分享这篇文章主要是因为在日常使用中因为色彩配置的原因出过一些问题,并且发现周围一些同学也遇到过这些问题,所以整理发出来,希望能够帮助到大家。

不知道大家在工作中有没有遇到设计稿与打印效果不一样?

同一台电脑,Photoshop里的设计和已经导出图的色值不一样?

同一个设计在不同的设备显示色彩也不一样?

RAM导入Photoshop色彩细节不足?

同一图片放进不同软件色彩发生变化?

............

这些都和色彩配置、显示器等等都有关系,如果不重视它,就可能会出现问题,而你却不知道问题来自哪里。



色彩配置来自这里

每当我们在新建一个文档时,在最下面的设置中有一个高级设置,如果放任它不管,是可能会出现设计事故的,那既然我们需要设置它,那首先就需要了解它。


Photoshop中高级选项默认是收起的,一般点开之后系统会默认出现以下3种或更多情况(在我使用期间出现最高的是以下3种):

第1种:不做色彩管理;

第2种:sRGB IEC61966-2.1

第3种:Display

Image title

大部分人可能会选择 工作中的RGB:sRGB IEC61966-2.1,但你可能并不知道为什么要选择它,或者,如果不选择它会怎样。

就像我上面说的,在不打开高级选项之前并不知道系统默认为你选择了什么色彩模式,更别说有时还会随机选择其他的色彩模式。



举个“栗”子

下面我们先看一下关于不同色彩配置下,同一张图的色值对比,有些配置在色彩上的变化很微妙,人眼不容易看到。

Image title

由上图我们可以看出,在不同的色彩配置中,同一个像素内的的色块的色值都不一样。

这也是为什么我们做完的设计稿在打印的时候会出现色彩偏差;

在相同显示器上也会出现色彩偏差等一系列的原因之一。



色彩之间的关系

根据上图我们在看以下几种不同RGB在广色域中的显示范围,因为模式不同,支持的可见光的数量不同,对色值的定义也不同。

那么我们在以像素为单位看它们的色值的时候,也会不同。

总结:ProPhoto RGB > Adobe RGB(1998) > P3 > sRGB

Image title



软件、显示器对色彩的影响

在我们日常生活中,常规显示器、LED屏、广告屏等等,都是支持sRGB级别显示的,较少有支持sRGB级别以上的,除非是有一些特殊的需求,例如设计师、摄影师、调色师等这些职业的人会对显示器显示的色彩要求很高,这时需要P3以上色彩级别的显示器,当然还有更好的Adobe RGB显示器。


但我上面说的只是显示器能够支持的显示级别,我们工作的时候是需要软件进行辅助工作的,而软件支持的色域和显示器支持的色域是有区别的。

比如说在Photoshop中调色好的照片,导出到桌面再打开之后,会发现2张图片显示的色彩是有些不一样的。

这是因为一个是基于软件支持的色域的色值,一个是基于显示器支持显示的色域的色值,并且在导出图片的时候,软件会对图片中的像素进行压缩,所以我们看到的色值会不同,只能说通过这些调整来尽量减少偏差。

Image title

而有些时候我们也需要好几个软件共同协作进行设计或者修图等等,像Photoshop、Affinity Designer等是支持用户根据自己的需要手动调整色彩配置的,像illustrator、InDesign、Sketch、Principle等就不支持手动调整色彩配置,这类软件大部分的色彩配置是受显示器支持的色彩配置影响的。

Image title

Image title

那么当一些支持色彩配置的软件需要与其他不支持色彩配置的软件协同使用时,色彩不统一我们应该怎么办呢?

当这些软件的色彩配置与显示器的色彩配置不统一时,我们应该怎么办呢?

我们可以根据以下2种方法减少它们的差距。



解决方法


Mac OS

先说一下苹果电脑的问题,由于苹果屏幕大部分默认是显示P3级别的色彩配置,所以它的显示效果会比普通的显示器更加鲜亮一些,而当你的设计文件色彩配置是sRGB的时候,两者就有了较为明显的区别,如果希望看到导出之后的设计或者图片和在软件里面一样时,就需要以下步骤:点击左上角苹果图标>系统偏好设置>显示器>颜色

Image title


Windows 10

然后我们再来说一下常规的显示器,目前大部分显示器都已经支持sRGB IEC61966-2.1级别的色彩显示,而我们软件中常用的也是sRGB IEC61966-2.1,如果不是其他的特殊需求,可以不用修改电脑的色彩配置。

这里以Win10为例:控制面板>所有控制面板项>颜色管理>高级

Image title

通过以上两种方法,首先可以减少显示器对视觉的影响(分辨率低的显示器除外,过低的分辨率怎么调整也会感觉很糟),因此来减少视觉对色彩的误判;其次减少在使用协同软件时,因为色彩配置不同带来的视觉影响。




色彩配置简介及应用场景

最后我们再来了解一下关于这些色彩配置的不同属性及在使用中如何根据需求选择正确的色彩配置。


sRGB IEC61966-2.1

sRGB(standard Red Green Blue)通用色彩标准。

IEC:国际电工委员会(IEC)成立于1906年,至2017年已有111年的历史。

它是世界上成立最早的国际性电工标准化机构,负责有关电气工程和电子工程领域中的国际标准化工作。

我们使用的显示器也是属于电子产品的一种。

( IEC标准的权威性是世界公认的。IEC每年要在世界各地召开一百多次国际标准会议,世界各国的近10万名专家在参与IEC的标准制订、修订工作。截止到2000年12月底,IEC已制定了4885个国际标准。)


Adobe RGB(1998)

Adobe RGB色彩空间是一种由Adobe Systems于1998年开发的色彩空间。

开发的目的是为了尽可能在CMYK彩色印刷中利用计算机显示器等设备的RGB颜色模式上囊括更多的颜色。

Adobe RGB色彩空间粗略包括了50%的Lab色彩空间中的可视色彩,所以它的色域是小于Lab的。

因为许多专业工作流程都是围绕Adobe RGB(1998)ICC色彩配置文件构建的。

所以Adobe RGB(1998)配置文件被广泛采用作为工作空间,它提供了一个相对较大和平衡的色域,可以很容易地在各种设备上进行再现。

( 用于捕获和再现图形和图像的每个设备(无论是扫描仪,数码相机,监视器还是打印机)具有不同的再现颜色的能力,导致颜色不一致。在基于ICC的颜色管理系统中,为每个设备创建颜色配置文件,以便在整个工作流程中修改图像中的颜色,以补偿每个受支持设备的差异。目标是尽可能保持图像的视觉外观。https://www.adobe.com/digitalimag/adobergb.html


这里有一点是需要注意的,如果你显示器是支持Adobe RGB级别色域的显示,而在新建时选择了sRGB那么你的色彩也已经失去了。

更不要说在导出时软件对图片的压缩了,那只会失去更多色彩。

所以需要使用无损的格式进行保存,例如:PSD、*.TIF、*.TIFF等等。


Apple RGB

Apple RGB,则是为了兼容老式Apple显示器以及处理由低版本的Photoshop软件设计的图像文件而保留的一种色彩空间。

对于不使用老式Apple显示器和低版本Photoshop软件的情况,不建议使用这种色彩空间。

就目前的硬件技术而言,在苹果机上,也应选用Adobe RGB(1998)来完成要求较高的图像处理工作。


Display

Display属性在网页布局中非常常见,但经常用到的仅仅是block、inline-block、inline和none等寥寥几个属性值。

当Photoshop高级设置自动选择Display的时候,记得一定要改为你需要的色彩模式。

( 更多关于Display的描述可自行查找,在我日常使用中用到的不多。 https://baike.baidu.com/item/display/4838671?fr=aladdin ) 

Pro Photo RGB

一种色域非常宽的工作空间,其色域比Adobe RGB大得多,由于其色域较大,能最大限度地保留颜色信息。

ProPhoto RGB非常适合用于处理数码相机生成的原始数据文件,但其色域比大多数捕捉和输出设备大得多,在小色域空间设备上处理时,会损失掉图像文件许多细节。


ECI V2 RGB

之所以说这个是因为那天的presentation 有人问到了色彩空间里的RGB 的icc 的选择。

我说用sRGB.icc今天看了相关的文章,在这里,我纠正一下,sRGB.icc 是一个不错的选择,但不是最好的选择。

最好的选择应该是ECIRGBV1.icc 或者ECIRGBV2.icc. 理由是sRGB.icc 是用的D65的光源,Gamma 曲线是2.2,而ECIRGB.icc 用的是D50, Gamma 曲线是1.8.这也就意味着后者在做色彩管理的时候由RGB 到CMYK 转换的时候是在同一个白点下的(这里的白点是由D65 和D50定义的)。

这也就意味着你的颜色不需要做在不同光源下的色彩影射转换,因为我们的印刷用的光源(白点)是D50(定义的)。

提高颜色转换的正确性。特别是如果你的色彩管理的一些设置如果不正确,影响可能会比较大。

所以在这里,ECIRGB.icc 要比sRGB.icc 更好一些。

( 信息来源于:http://www.cnprint.org/bbs/thread/81/136588/ 中文印刷社区 )


总结:

基于互联网或显示器之类的需求

如:网页、UI、平面、日常插画等可选择 sRGB IEC61966-2.1作为色彩配置基础。

基于摄影、插画、海报、易拉宝等对于色彩要求较高,并且需要打印出来的实物的,最优选择 ECI V2 RGB,其次选择 Adobe RGB(1998)作为色彩配置基础,需要直接打印的需求建议在颜色模式为CMYK的情况下选择色彩配置。

(ECI V2 RGB在一些软件、显示器中默认色彩配置里是没有的。)

对色彩有极致要求的,可选择 Pro Photo RGB作为色彩配置基础。

其他色彩配置可根据自身需求进行选择。

( 以上部分结论来源于百度、知乎、论坛、中文印刷社区等,更多的是自己对色彩配置的疑问解惑,仅供参考。)

更新:2018-02-24

收藏

43人已收藏

One_Nine

把设计看做生命的一部分,挥剑向前沖~~~

  • 1

    作品

  • 2

    粉丝

  • 0

    关注

    猜你喜欢

      2018-02-24 原创文章 经验/观点 举报 6066 43 36 1

      RGB色彩配置你知道吗?

      0.0°

      你确定要举报RGB色彩配置你知道吗?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年02月23日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      36
      43
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录