El color no coincide en las exportaciones de croquis


11

Al exportar con croquis, los colores que obtengo están demasiado saturados en comparación con los originales. Vea la captura a continuación:

desajuste de color

La falta de coincidencia de color aparece en cualquier software que utilizo para abrirlo. La exportación puede ser de cualquier tipo de archivo y se produce el problema.

Cuando importo mi imagen exportada en sketch, Sketch la muestra con los colores originales.

Investigué un poco pero no pude encontrar nada relevante. ¿Podría esto provenir de los perfiles de color de mi mac? (Traté de hacer uno nuevo pero esto no cambió nada). Gracias por tu ayuda

Respuestas:


8

Los desarrolladores son conscientes del problema pero no están dispuestos a solucionarlo, lo consideran una "característica".

Cuando exportamos una imagen, interpretamos nuestros valores de color en el espacio de color sRGB. También guardamos el espacio de color en los metadatos, a menos que haya marcado 'Guardar para Web' en el panel de exportación. Sin embargo, independientemente de esa configuración, la intención ha sido guardar con sRGB, que funciona muy bien con Safari, ya que interpreta todas las imágenes como guardadas con sRGB en primer lugar. Si también abriera la imagen en Vista previa, reconocería el perfil sRGB y lo haría lo más cercano posible a Safari. Creemos de esta manera que obtenemos la representación de color más consistente posible.

Suena sensato El problema es que, por alguna razón, no representan el espacio de trabajo real usando sRGB. Porque eso es 'más simple' (para ellos, supongo). Lo procesan utilizando el perfil de color de su sistema, que, si está calibrado, no será sRGB.

Entonces, ¿qué hace Sketch? Cuando elige un color en Sketch, solo almacenamos los valores RGB. Cuando mostramos en la pantalla, interpretamos [sic] esos valores utilizando el espacio de color de su monitor.

Lo cual es un defecto obvio para mí. Software para diseñar contenido destinado a un navegador, que no se procesa como un navegador.

Entonces, básicamente, cualquier persona con una pantalla calibrada no puede usar este software si se preocupa por la precisión de los colores con los que está trabajando. La única opción es configurar el perfil de su pantalla en sRGB. Tengo que compensar la pantalla de mi macbook porque se apoya demasiado en el extremo azul del espectro, por lo que esta no es una opción para mí, sería completamente inviable, los colores terminarían pareciendo diferentes a lo que espero de cualquier manera. En cualquier caso, la mayoría de los diseñadores profesionales calibrarán (¡y deberían!) Sus pantallas. Entonces parece haber una desconexión entre los desarrolladores del software y la comunidad para la que se están desarrollando.

Y a menos que lo único que use su máquina sea para trabajo web, no es un buen consejo dejar el perfil de color de su monitor en sRGB. Es un espacio de color bastante limitado, como lo indica el gráfico en el enlace de origen.

Además , su afirmación de que:

Si utiliza los mismos valores RGB en su ilustración en Sketch que utiliza en el CSS de su sitio web, los colores coincidirán.

Es un poco cierto . De hecho, incluso cuando utilicé sRGB en todas partes y volví a colorear mi paleta entera, todavía había una diferencia entre el color en la imagen exportada y los valores RGB establecidos en Sketch. (al menos cuando se ve en Chrome). El color definido por CSS y el color definido por Sketch eran , de hecho, idénticos, pero la imagen exportada con el mismo color (exportada con el perfil de monitor sRGB y con 'Guardar para web' seleccionado) era muy diferente.

Personalmente, no estoy seguro de cómo seguir usando Sketch. Me gusta el software, pero esta es una supervisión tan básica y fundamental, y está causando una verdadera fricción en mi flujo de trabajo.

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


Este es un problema real de hecho ... La solución más rápida que encontré es usar un optimizador de imagen web (ImageOptim) para borrar todos los perfiles de imagen incrustados después de cortar.
Guillaume Gautier

@GuillaumeGautier, ¿cómo va a ayudar esto a que el color no coincida? Lo probé y los colores aún están muy saturados que cuando están en la aplicación.
CheeseCake

6

Las nuevas versiones de Sketch tienen una función fácil para asegurarse de que los colores al exportar sean los mismos que se ven en la pantalla.

Vaya a Preferencias ›General› Perfil de color y luego cambie la configuración de color a Pantalla P3. Esto cambiará su perfil de color al que usan las Mac. Luego, vuelva a hacer lo mismo, pero esta vez seleccione sRGB. Ahora, puede seleccionar la opción "Convertir" y luego hacer clic en "Cambiar perfil" para convertir los colores en el espacio de color estándar. Ahora, cuando exporta, los colores se verán igual que en Sketch.

Puede encontrar más información sobre esto aquí https://www.sketchapp.com/docs/other/color-management/


¡Impresionante, tendré que probar esto cuando actualice Sketch! ¡Gracias por el aviso!
alxscms

2

La configuración del color del sistema cambia todo

Mantengo el mío en sRGB para alguna medida de representación del navegador. También uso un montón de otros ajustes preestablecidos y pantallas para probar la variación. Aquí hay un ejemplo de sRGB vs Adobe RGB.

sRGB

ingrese la descripción de la imagen aquí

Variación dentro de una pantalla

Sin embargo, su problema parece extraño. Si la variación es de su configuración de color, debería verla en el documento. La imagen exportada puede cambiar dependiendo de dónde la vea, pero no debería poder distinguir la diferencia entre su mesa de trabajo y el panel de exportación. Eso es raro

Creo que puede estar viendo un error con su archivo en particular o la aplicación en sí. Intente recrear el comportamiento con otros colores y documentos. Verifique con los chicos bohemios (generalmente los golpeo en Twitter ) y vea si pueden encontrarlo en el código en alguna parte.


Gracias por la respuesta, desafortunadamente eso no funciona para mí, ni siquiera puedo describir el comportamiento de la gestión del color, ya que es tan aleatorio. Por ejemplo, si abro la imagen exportada en Chrome, tiene los colores correctos y cuando comienzo a cambiar de escritorio, el color cambia repentinamente a una versión más saturada. Vea el video aquí cl.ly/1e1n102T2V2Q
alxscms

Eso es extraño, pero ciertamente no es Sketch. Tiene un problema a nivel del sistema operativo. ¿Has probado la misma imagen en una máquina diferente? Como mínimo, inicie sesión en una cuenta diferente y vea si persiste.
vestidos de civil


0

Lamento revivir un hilo tan antiguo, pero esto sigue siendo un problema ... ¡Pero encontré una solución algo complicada! Inicie Zeplin, elija exportar colores como .clr y copie el archivo en ~ Biblioteca / Colores. Haga un nuevo AppleScript con "elegir color". En el extremo derecho habrá una nueva pestaña con los colores del .clr. Haga clic en el color que desee, luego haga clic en el segundo icono de la izquierda, los controles deslizantes RGB. Haga clic en la rueda de configuración y seleccione un perfil sRGB en el menú desplegable. Los valores RGB resultantes deben ser lo que desea.

Happy Coloring!


¿Dónde puedo encontrar ~ Biblioteca / Colores?
CheeseCake

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.