sketch颜色和html颜色不一致,Sketch教程:在Sketch中我该选择什么样的颜色配置文件?...

Sketch教程:在Sketch中我该选择什么样的颜色配置文件?

Sketch可以使用两种颜色配置文件(sRGB和Display P3)渲染文档。为简单起见,Sketch默认使用非托管颜色配置文件。这仅意味着Sketch使用您系统的默认颜色配置文件-例如MacBook Pro上的“ Color LCD”。

但是,根据项目,您可能需要使用其他颜色配置文件。以下信息对每个配置文件以及何时使用它们进行了一些说明。

0b299ea01ab9fa60e7de168fa69b99a6.png

默认情况下的颜色配置文件

如前所述,默认情况下,Sketch文档使用非托管颜色配置文件。如果您不想管理您的颜色配置文件或您的项目不要求它,那么您可以直接保留这些首选项。

您将从应用程序中更好的性能中受益,但请注意,导出文件时,颜色看起来可能与Sketch中屏幕上看到的颜色不同。

如果确实需要使用特定的颜色配置文件,则可以在sRGB和P3之间进行选择。

sRGB颜色配置文件

如果您是网页设计师或移动UI设​​计师,则可能会习惯于使用RGB颜色配置文件,仅因为这是您在HTML中表达颜色值的方式。但是,您可能不习惯选择颜色配置文件,因为它通常是由浏览器分配的。

如果必须在“草图”中的屏幕上看到的颜色与最终导出文件中的颜色完全匹配,那么您应该使用sRGB颜色配置文件。

如果您是为Web或各种输出显示而设计的,则sRGB最有可能是您的最佳色彩空间-sRGB是在Web上显示颜色的通用标准,并且所有手机和Mac都能够显示这些颜色颜色。

P3 Display颜色配置文件

长期以来,色彩空间sRGB是数字设计师唯一需要关心的。随着最近推出的可以显示更鲜艳色彩的宽色域显示器,这种情况已经改变。

这种显示器可以显示更多数量的颜色,并导致引入了一种新的颜色配置文件,称为Display P3。

如果您专门针对已知设备支持P3颜色配置文件,并且希望利用可用的更鲜艳的颜色,或者您的项目是照片或视频密集型项目,那么最好使用此颜色配置文件。

重要的是要注意,如果在创建设计时未使用宽色域显示,则将无法在P3图像中看到更明亮,更鲜艳的色彩。这将使得在P3色彩空间中工作非常困难,因此建议您在这种情况下坚持使用sRGB或不受管配置文件。

请记住,您应该根据显示工作的最终媒介来选择文档的颜色配置文件。如果您知道P3图像只会显示在具有sRGB颜色配置文件的屏幕上,则无需提供这些P3色域图像。

何时选择颜色配置文件或变为“不受管理”

使用特定颜色配置文件还是坚持使用Sketch的默认“非托管”配置文件之间的选择将受到您正在处理的项目,预期的输出以及与谁一起工作的影响。这里有一些重要的事情要记住。

如果在与要导出的文件具有相同颜色配置文件的显示器上进行设计,则在非托管配置文件和该颜色配置文件之间在屏幕上不会看到差异。在这种情况下,您可以简单地使用非托管颜色配置文件。

如果您与使用多个Mac和显示配置文件的团队一起工作,则选择一个颜色配置文件可能是在所有这些屏幕上保持一致的好主意。

在某些没有独立GPU的低端Mac上,您可能会发现,分配颜色配置文件后,在Sketch中编辑文档的速度可能会比在非托管模式下慢。

选择使用颜色配置文件然后选择要使用的配置文件时,需要考虑很多因素。如果您的项目确实要求使用特定的颜色配置文件,这是在Sketch中对其进行更改的方法。

更改默认颜色配置文件

如果要使用Display P3或sRGB颜色配置文件,则可以在“偏好设置”›“画布”›“颜色配置”中,从“非托管”更改默认配置文件。

0b299ea01ab9fa60e7de168fa69b99a6.png注意:当您打开的文档的颜色配置文件与默认颜色不同时,您将在Sketch中收到通知。

如果您已经开始工作项目,请放心,您也可以更改现有文档的颜色配置文件。

更改现有文档的颜色配置文件

在Sketch中更改现有文档的颜色配置文件很容易。只需在菜单中选择文件›更改颜色配置文件…,然后选择要使用的颜色配置文件。

0b299ea01ab9fa60e7de168fa69b99a6.png

执行此操作时,有两个选项-您可以为文档分配新的颜色空间,也可以将文档中的每种颜色转换为新的颜色空间。您选择的选项取决于最终图像中颜色的显示方式。注意:您可能需要宽色域显示,才能正确判断更改文档颜色配置文件的效果。

因此,什么时候应该分配颜色配置文件,什么时候应该转换文档?

为文档分配新的颜色配置文件

当您将新的颜色配置文件分配给文档时,RGB值仅从一个配置文件转换为另一个配置文件。您可能会注意到文档中的颜色略有变化,但RGB值将保持不变。这是一个例子。

假设您使用的是非托管或sRGB颜色配置文件,并且要将配置文件更改为P3:如果文档中的RGB值基于样式指南,并且您知道图像将与其他P3内容一起显示,那么您想要分配新的色彩空间来保留品牌的RGB值。

将颜色空间从sRGB更改为P3是非破坏性的操作-因为您没有更改基础RGB值,因此可以根据需要频繁地来回转换,而不会丢失数据。如果选择“转换”而不是“分配”,则不是这种情况。

转换文件的色彩配置文件

当您告诉Sketch将文档转换为新的颜色空间时,给定颜色的RGB值将发生变化,但是当您导出图像时,该颜色在查看器中将看起来相同-本质上,显示的实际颜色优先于该颜色的RGB值。

当您将文档从P3转换为sRGB时,请格外小心,因为P3色彩配置文件可以呈现比同等颜色更亮的颜色,并且当转换为sRGB时,由于最亮的颜色被封顶,因此颜色通常看起来较暗。注意:“转换回P3”不会恢复该亮度,因此您应该完全确定要转换整个文档。

这是转换文档颜色配置文件可能是最佳选择的示例。

再次,假设您正在使用非托管或sRGB颜色配置文件,并且想要将配置文件更改为P3-如果您知道图像将与其他不一定紧密匹配颜色的内容一起出现,并且您想要保留您的文档而不是基础RGB值,那么转换文档是正确的选择。

在分配和转换之间进行选择始终是在保留文档外观和原始RGB值之间进行选择。如果您更关心前者,请选择“转换”。如果您更关心后者,请选择“分配”。

官方文档

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值