您是否曾经瞥过别人的电脑屏幕,并认为他们的颜色看起来比您的更鲜艳或更暗淡?即使你们都打开了同一个文件,并且亮度都调到了最大?很有可能,你们的显示器使用了不同的色彩配置文件。
如果您不确定这是什么意思,那么您来对地方了!我们即将向您介绍色彩配置文件是什么,以及它们对设计师为什么重要。我们还将了解两种常见的色彩配置文件——sRGB 和 Display P3——以便您可以更有信心地进行设计。
让我们开始吧。
什么是色彩配置文件?
分配十六进制代码是选择设计中所需颜色的方法之一。但这不足以控制屏幕上显示的颜色。这是因为并非每个屏幕都以相同的方式显示颜色。每个屏幕都有独特的最小和最大鲜艳度级别。以颜色青绿色为例。虽然青绿色只有一个十六进制代码(#008080),但它在不同显示器上看起来会更强烈或更暗淡。
色彩配置文件有助于标准化您的颜色在不同屏幕上的显示方式。在设计领域,您最常遇到的两种色彩配置文件是:sRGB 和 Display P3。让我们仔细看看它们的区别。
sRGB
sRGB 诞生于 90 年代中期。顾名思义,它基于 RGB 颜色模型,该模型使用红色、绿色和蓝色来产生各种颜色。如今,很难找到不支持 sRGB 的智能手机、电视、平板电脑或台式机。
Display P3
2015 年,苹果公司创建了 Display P3——这是第一款配备视网膜显示屏的 iMac 推出的新色彩配置文件。从那时起,出现了更多配备广色域显示屏的设备——也称为支持 Display P3 的显示屏。
虽然它也基于 RGB 颜色模型,但 Display P3 提供的色域比 sRGB 宽得多——确切地说,宽了四分之一。这意味着颜色在 Display P3 空间中可以显得更加鲜艳。这也意味着,当您在 Display P3 中选择一种颜色,然后在 sRGB 空间中渲染它时,它看起来会稍微褪色。

我们可以从上面的表示中看出,Display P3 的颜色范围比 sRGB 更广。
我应该选择 sRGB 还是 Display P3?
选择正确的色彩配置文件取决于您正在设计什么——以及您为谁设计。
例如,如今几乎所有显示器都支持 sRGB。这意味着您不必担心颜色在别人的屏幕上看起来暗淡,这使得 sRGB 成为设计用于各种设备时的安全选择。sRGB 也是 Web 设计的默认色彩配置文件。因此,如果您在 CSS 中键入十六进制代码,则可以确保它们将以 sRGB 显示。
但是,如果您正在创建显示大量照片和视频的应用,或为使用广色域显示屏的新设备(如最新的 Mac 和 iPhone)设计,那么拥有支持 Display P3 的设计工具会让您更有优势。这样,您可以确保您选择的颜色在用户屏幕上按预期显示——无需猜测。例如,我们的 Mac 应用允许您在 sRGB 和 Display P3 色彩配置文件之间切换,使您可以为更广泛的受众进行设计。
如何在 Sketch 中应用色彩配置文件
除了 sRGB 之外,Sketch 还支持 Display P3,使您可以为使用广色域显示屏的用户(例如较新的 Mac 和 iPhone 设备)进行设计。
在 Mac 应用中应用色彩配置文件有两种方法——每种方法都有其自身的优点。
如果您希望从现在开始将色彩配置文件应用于所有新文档,请转到Sketch > 首选项 > 画布。然后,单击色彩配置文件下拉菜单,并在Display P3和sRGB之间进行选择。
如果您只想将色彩配置文件应用于当前文档,请转到文件 > 文档设置… > 画布。然后从下拉菜单中选择一个色彩配置文件。
应用新的色彩配置文件后,您会在画布底部看到一个弹出消息,通知您已将其应用于文档。这也意味着您可以打开多个具有不同色彩配置文件的文档。如果您在设计过程中中途更改了色彩配置文件,则可以选择转换颜色或分配新值。
不确定选择哪个?您可以这样想。如果您想保留颜色的外观——无论其十六进制代码如何——请选择转换。如果您有意选择十六进制代码以匹配其他设计资源,请选择分配。

如果您在设计过程中中途更改了色彩配置文件,则可以选择转换颜色或分配新值。
现在您已经了解了色彩配置文件,是时候尝试一下了!使用 Sketch 的免费试用版亲自体验 sRGB 和 Display P3 之间的差异。您可能无法再忽视它。👀