Incompatibilidade de cores nas exportações de esboço

11

Ao exportar com rascunho, as cores que recebo ficam saturadas em comparação com os originais. Veja a captura abaixo:

incompatibilidade de cores

A incompatibilidade de cores está aparecendo em qualquer software usado para abri-lo. A exportação pode ser de qualquer tipo de arquivo e o problema ocorre.

Quando importo minha imagem exportada no sketch, o Sketch mostra com as cores originais.

Eu fiz algumas pesquisas, mas não consegui encontrar nada relevante. Isso pode vir dos perfis de cores do meu mac? (Tentei fazer um novo, mas isso não mudou nada). Obrigado pela ajuda

alxscms
fonte

Respostas:

8

Os desenvolvedores estão cientes do problema, mas não estão dispostos a corrigi-lo, eles o consideram um 'recurso'.

Quando exportamos uma imagem, interpretamos nossos valores de cores no espaço de cores sRGB. Também salvamos o espaço de cores nos metadados, a menos que você tenha marcado "Salvar para a Web" no painel de exportação. Independentemente dessa configuração, o objetivo é salvar com sRGB, que funciona muito bem com o Safari, pois interpreta todas as imagens como sendo salvas com sRGB em primeiro lugar. Se você também abrir a imagem na Visualização, ela reconhecerá o perfil sRGB e a renderizará o mais próximo possível do Safari. Acreditamos que dessa maneira obtemos a representação de cores mais consistente possível.

Parece sensato. O problema é que, por algum motivo, eles não renderizam o espaço de trabalho real usando o sRGB. Porque isso é 'mais simples' (para eles, eu suponho). Eles o renderizam usando o perfil de cores do sistema, que, se calibrado, não será sRGB.

Então, o que o Sketch faz? Quando você escolhe uma cor no Sketch, armazenamos apenas os valores RGB. Quando renderizamos na tela, interpomos esses valores usando o espaço de cores do seu monitor.

O que é uma falha óbvia para mim. Software para projetar conteúdo destinado a um navegador que não é renderizado como um navegador.

Portanto, basicamente qualquer pessoa com uma tela calibrada não pode usar este software se se preocupa com a precisão das cores com as quais está trabalhando. A única opção é definir o perfil da sua tela para sRGB. Eu tenho que compensar a tela do meu macbook porque ela se inclina muito no extremo azul do espectro, então essa não é uma opção para mim - seria completamente impraticável - as cores acabariam parecendo diferentes do que eu espero de qualquer maneira. Independentemente disso, a maioria dos designers profissionais irá (e deve!) Calibrar suas telas. Portanto, parece haver uma desconexão entre os desenvolvedores do software e a comunidade para a qual eles estão desenvolvendo.

E, a menos que você use apenas sua máquina para trabalhar na Web, não é um bom conselho deixar o perfil de cores do monitor em sRGB. É um espaço de cores bastante limitado, conforme indicado no gráfico no link de origem.

Além disso , eles afirmam que:

se você usar os mesmos valores RGB em seu trabalho artístico no Sketch que você usa no CSS do seu site, as cores corresponderão.

É meio que verdade . Na verdade, descobri que mesmo ao usar o sRGB em todos os lugares e colorir novamente a paleta inteira, ainda havia uma diferença entre a cor na imagem exportada e os valores RGB declarados no Sketch. (pelo menos quando visualizado no Chrome). A cor definida pelo CSS e a cor definida pelo Sketch eram realmente idênticas, mas a imagem exportada com a mesma cor (exportada com o perfil do monitor sRGB e com a opção 'Salvar para a Web' selecionada) era um pouco diferente.

Pessoalmente, não sei como seguir em frente com o uso do Sketch. Eu gosto do software, mas essa é uma supervisão tão básica e fundamental e está causando um atrito real no meu fluxo de trabalho.

Fonte: http://blog.sketchapp.com/post/133932511180/colors-in-sketch

Nathan Hornby
fonte
Este é realmente um problema ... A solução mais rápida que encontrei é usar um otimizador de imagens da web (ImageOptim) para apagar todos os perfis de imagens incorporados após o corte.
Guillaume Gautier
@GuillaumeGautier, como isso vai ajudar na incompatibilidade de cores? Eu tentei e as cores ainda estão altamente saturadas do que quando estão no aplicativo.
CheeseCake
6

As novas versões do Sketch têm um recurso fácil para garantir que as cores ao exportar sejam as mesmas que você vê na tela.

Navegue para Preferências ›Geral› Perfil de cores e altere a configuração de cores para Exibir P3. Isso mudará seu perfil de cores para o que os Macs usam. Depois, faça o mesmo novamente, mas desta vez selecione sRGB. Agora, você pode selecionar a opção "Converter" e clicar em "Alterar perfil" para converter as cores no espaço de cores padrão. Agora, quando você exporta, as cores terão a mesma aparência do Sketch.

Mais informações sobre isso podem ser encontradas aqui https://www.sketchapp.com/docs/other/color-management/

Xenon
fonte
Incrível, vou ter que tentar isso quando atualizar o Sketch! Obrigado pela atenção!
Alxscms 17/10/19
2

As configurações de cores do sistema alteram tudo

Eu mantenho o meu no sRGB para alguma medida de representação do navegador. Eu também uso várias outras predefinições e telas para testar a variação. Aqui está um exemplo de sRGB vs Adobe RGB.

sRGB

insira a descrição da imagem aqui

Variação dentro de uma tela

Seu problema parece estranho, no entanto. Se a variação for das suas configurações de cores, você deverá vê-la no documento. A imagem exportada pode mudar dependendo de onde você a visualiza, mas não é possível discernir a diferença entre a prancheta e o painel de exportação. Isso é estranho.

Eu acho que você pode estar olhando um bug com seu arquivo específico ou o próprio aplicativo. Tente recriar o comportamento com outras cores e documentos. Verifique com os caras boêmios (eu costumo acessá-los no Twitter ) e veja se eles podem encontrá-lo no código em algum lugar.

roupas comuns
fonte
Obrigado pela resposta, infelizmente isso não funciona para mim. Não consigo nem descrever o comportamento do gerenciamento de cores, pois é tão aleatório. Por exemplo, se eu abrir a imagem exportada no chrome, ela terá as cores certas e quando eu começar a mudar de área de trabalho, a cor mudará repentinamente para uma versão mais saturada. Veja o vídeo aqui cl.ly/1e1n102T2V2Q
alxscms
Isso é estranho, mas certamente não é o Sketch. Você tem um problema no nível do sistema operacional. Você já tentou a mesma imagem em uma máquina diferente? No mínimo, faça login em uma conta diferente e veja se ela persiste.
à paisana
1

Esse problema foi corrigido (e respondido) no documento oficial do Sketch: https://www.sketchapp.com/learn/documentation/other/color-management/

Ao exportar, verifique 'Salvar para a Web', pois fornecerá imagens de perfil de cores limpas e garantirá que a cor pareça idêntica à do seu arquivo de desenho.

HJ Chan
fonte
0

Desculpe reviver um tópico tão antigo, mas isso ainda é um problema. Mas achei uma solução alternativa complicada! Inicie o Zeplin, escolha exportar cores como .clr e copie o arquivo em ~ Library / Colors. Faça um novo AppleScript com "escolha a cor". Na extrema direita, haverá uma nova guia com as cores do .clr. Clique na cor desejada e, em seguida, clique no segundo ícone da esquerda, nos controles deslizantes RGB. Clique na roda de configurações e selecione um perfil sRGB no menu suspenso. Os valores RGB resultantes devem ser o que você deseja.

Coloração feliz!

jusynth
fonte
Onde posso encontrar ~ Biblioteca / Cores?
CheeseCake