草图导出时颜色不匹配


11

用草图导出时,与原始颜色相比,我得到的颜色饱和度过高。请参阅以下捕获:

颜色不匹配

我用来打开它的任何软件中都出现颜色不匹配的情况。导出可以是任何文件类型,并且会出现问题。

在草图中导入导出的图像时,Sketch会以原始颜色显示它。

我做了一些研究,但找不到任何相关的内容。这可能来自我的Mac的颜色配置文件吗?(我尝试制作一个新的,但是没有任何改变)。谢谢你的帮助

Answers:


8

开发人员知道该问题,但不愿意解决,他们认为这是一个“功能”。

导出图像时,我们在sRGB颜色空间中解释颜色值。除非您在导出面板中选中了“保存为Web”,否则我们还将在元数据中保存色彩空间。不管使用哪种设置,其目的都是要保存为sRGB,它与Safari很好地兼容,因为它首先将所有图像解释为使用sRGB保存。如果您还要在“预览”中打开图像,它将识别sRGB配置文件并使其尽可能接近Safari。我们相信通过这种方式,我们可以获得尽可能一致的颜色表示。

听起来很明智。问题是由于某种原因,他们没有使用sRGB渲染实际的工作区。因为那是“简单的”(我想对他们来说)。他们使用您的系统颜色配置文件进行渲染,如果经过校准,则不会是sRGB。

那么Sketch的作用是什么?在“草图”中选择颜色时,我们仅存储RGB值。当我们渲染到屏幕上时,我们使用监视器的色彩空间对这些值进行插值。

这对我来说是一个明显的缺陷。设计用于浏览器的内容的软件,它不像浏览器那样呈现。

因此,基本上,任何经过校准的屏幕的人都无法使用该软件,如果他们关心所使用颜色的准确性。唯一的选择是将屏幕的配置文件设置为sRGB。我必须补偿Macbook的屏幕,因为它在光谱的蓝色端过于倾斜,所以这对我来说不是一个选择-这将是完全行不通的-颜色最终看起来会与我期望的任何一种方式不同。无论如何,大多数专业设计师都会(而且应该!)校准屏幕。因此,软件开发人员与为其开发的社区之间似乎存在脱节。

除非您将机器全部用于网络工作,否则将显示器的颜色配置文件保留为sRGB并不是一个好建议。如源链接中的图表所示,这是一个非常有限的色彩空间。

而且,他们声称:

如果您在Sketch中的图稿中使用与网站CSS中相同的RGB值,则颜色将匹配。

真的。我实际上发现,即使在各处使用sRGB 并重新选择整个调色板的颜色时,导出的图像中的颜色与Sketch中指定的RGB值之间仍然存在差异。(至少在Chrome中查看时)。CSS定义的颜色和Sketch定义的颜色实际上是相同的,但是具有相同颜色的导出图像(使用sRGB监视器配置文件导出并选择了“保存为网络”)与以前有很大的不同。

我个人不确定如何继续使用Sketch。我喜欢该软件,但这是一个基本而根本的监督,它在我的工作流程中引起了很大的磨擦。

资料来源:http : //blog.sketchapp.com/post/133932511180/colors-in-sketch


确实这是一个真正的问题...我发现的最快解决方案是切片后使用Web图像优化器(ImageOptim)擦除所有嵌入式图像配置文件。
Guillaume Gautier

@GuillaumeGautier,这将如何帮助颜色不匹配?我尝试过,并且颜色仍然比在应用程序中时饱和。
CheeseCake

6

新版本的Sketch具有一个简单的功能,可确保导出时的颜色与您在屏幕上看到的颜色相同。

导航至首选项›常规›颜色配置文件,然后将颜色设置更改为显示P3。这会将您的颜色配置文件更改为供Mac使用的颜色。然后,再次执行相同的操作,但是这次选择sRGB。现在,您可以选择“转换”选项,然后单击“更改配置文件”以将颜色转换为标准颜色空间。现在,当您导出时,颜色看起来就像在Sketch中一样。

有关此的更多信息,请参见 https://www.sketchapp.com/docs/other/color-management/


太棒了,升级Sketch时必须尝试一下!感谢您的注意!
alxscms

2

系统颜色设置会改变一切

我将sRGB保留为浏览器表示的某种度量。我还使用了许多其他预设和屏幕来测试变化。这是sRGB与Adobe RGB的示例。

RGB

在此处输入图片说明

屏幕内的差异

但是,您的问题似乎很奇怪。如果变化来自您的颜色设置,则应该在文档中看到它。导出的图像可能会根据您在何处查看而发生变化,但是您应该无法分辨画板和导出面板之间的差异。那太奇怪了。

我认为您可能正在查看特定文件或应用本身的错误。尝试使用其他颜色和文档重新创建行为。与波西米亚人联系(我通常在Twitter上与他们联系),看看他们是否可以在代码中的某个地方找到它。


感谢您的答复,不幸的是这对我不起作用,我什至无法描述颜色管理的行为,因为它是如此随机。例如,如果我用chrome打开导出的图像,则它具有正确的颜色,并且当我开始切换桌面时,颜色突然变为更饱和的版本。在此处观看
alxscms 2015年

那很奇怪,但肯定不是Sketch。您有操作系统级别的问题。您是否在其他计算机上尝试过相同的图像?至少,请登录到其他帐户,然后查看该帐户是否仍然存在。
2015年


0

很抱歉,无法恢复这样的旧线程,但这仍然是一个问题-但是我发现了一个有点复杂的解决方法!启动Zeplin,选择导出颜色为.clr,然后将文件复制到〜Library / Colors。用“选择颜色”制作一个新的AppleScript。在最右边,将出现一个带有.clr颜色的新选项卡。单击所需的颜色,然后单击左侧的第二个图标RGB滑块。单击设置轮,然后从下拉列表中选择sRGB配置文件。结果RGB值应该是您想要的。

快乐着色!


在哪里可以找到〜库/颜色?
CheeseCake

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.