色彩管理

颜色配置文件(Color Profile)简称 “ICC 配置文件” ,是用于确保在不同设备和媒介之间颜色的一致性和准确性的文件。它决定了设计中的颜色呈现方式,这有助于在不同显示器上保持颜色的准确性。使用颜色配置功能可以:

  • 为新创建的文件设置默认“颜色配置文件”。
  • 更改文件的“颜色配置文件”。
  • 导出与文件的“颜色配置文件”相同的设计内容。

在 sRGB 和 Display P3 之间进行选择

MasterGo(莫高设计)支持 sRGB 和 Display P3 两种颜色配置文件,可根据项目和正在使用的设备,选择需要使用的颜色配置文件:

sRGB

如果设计内容主要为网页或在各种显示器上展示,则使用 sRGB 作为默认颜色配置文件是更适合的选择。现代网络浏览器遵循 W3C 标准并使用 sRGB 作为其颜色配置文件。几乎所有 Web 浏览器和显示器都支持它。

Display P3

Display P3 的色彩更加鲜艳,比 sRGB 的视觉色彩清晰约 49%。虽然它还不是网络和显示器的标准,但它越来越受欢迎。如果是为 iOS 设备或视网膜屏幕进行设计,Display P3 非常适合。

色彩管理-01.PNG

上图表示 sRGB 和 Display P3 在 CIE 色度图中的颜色范围。 sRGB 外的区域意味着 P3 可以支持比 sRGB 范围更大的颜色。

在设置颜色配置文件时,需要确认显示器是否支持所选择的颜色配置文件,不然无法保证显示效果。比如 Display P3 的颜色无法在不支持该“颜色配置文件”的显示器上正确显示。

设置文件的默认“颜色配置文件”

创建文件时,每个文件都会有默认的颜色配置文件,可以通过以下操作设置新建文件的「默认颜色配置文件。

步骤:

  1. 打开可编辑的文件。
  2. 点击左上角「主菜单」-「偏好设置」-「显示效果」。
  3. 从颜色配置文件设置模式中,选择 sRGB 或 Display P3。
  4. 点击关闭,自动保存设置。

色彩管理-02.PNG

更改文件的“颜色配置文件”

支持修改特定文件的颜色配置文件,便于优化视觉体验。

步骤:

  1. 打开可编辑的文件。
  2. 点击左上角「主菜单」-「文件」-「颜色配置文件」。
  3. 从菜单中,选择 sRGB 或 Display P3。

色彩管理-03.PNG

更改后保留色值

更改文件的颜色配置文件时,颜色在视觉上会发生变化,但其色值(如十六进制代码或 HSB 值)保持不变。 例如:在使用特定的颜色(如品牌颜色、设计系统的颜色样式)时,在不同的颜色配置文件下颜色看起来略有不同,但是颜色的色值在文件是保持一致的。 示例如下: 色彩管理-04.png

导出内容

导出时会根据文件的颜色配置文件导出内容。例如,当文件的颜色配置文件为 Display P3,导出内容的颜色配置文件也是 Display P3。 色彩管理-05.png

客户端颜色配置文件的设置说明

“客户端”和“浏览器”均可以设置颜色配置文件,也会影响颜色的显示效果,当客户端和浏览器出现颜色效果不一致时,则需要修改下客户端的“颜色配置文件”与浏览器保持一致。

客户端支持 “sRGB” 和“系统设置”。当选择“系统设置”时,则客户端的“颜色配置文件”跟随当前显示器的“颜色配置文件”保持一致,浏览器以谷歌为例,目前谷歌浏览器默认跟随显示器颜色配置文件保持一致。 设置客户端ICC.png

颜色配置文件相互影响原理图: 颜色配置文件影响图.png