Mancata corrispondenza del colore nelle esportazioni di schizzi


11

Esportando con lo schizzo i colori che ottengo sono saturi rispetto agli originali. Vedi la cattura di seguito:

disadattamento di colore

La mancata corrispondenza del colore viene visualizzata in qualsiasi software che utilizzo per aprirlo. L'esportazione può essere di qualsiasi tipo di file e si verifica il problema.

Quando importare l'immagine esportata nello schizzo, Sketch la mostra con i colori originali.

Ho fatto qualche ricerca ma non sono riuscito a trovare nulla di rilevante. Potrebbe venire dai profili di colore del mio mac? (Ho provato a crearne uno nuovo ma questo non ha cambiato nulla). Grazie per l'aiuto

Risposte:


8

Gli sviluppatori sono a conoscenza del problema ma non sono disposti a risolverlo, lo considerano una "caratteristica".

Quando esportiamo un'immagine, interpretiamo i nostri valori di colore nello spazio colore sRGB. Salviamo anche lo spazio colore nei metadati, a meno che tu non abbia selezionato "Salva per Web" nel pannello di esportazione. Indipendentemente da questa impostazione, l'intenzione è stata quella di salvare con sRGB, che funziona bene con Safari in quanto interpreta tutte le immagini come salvate con sRGB in primo luogo. Se aprissi anche l'immagine in Anteprima, riconoscerebbe il profilo sRGB e lo renderebbe il più vicino possibile a Safari. Crediamo in questo modo di ottenere la rappresentazione cromatica più coerente possibile.

Sembra ragionevole. Il problema è che per qualche motivo non rendono lo spazio di lavoro reale usando sRGB. Perché è "più semplice" (per loro, presumo). Lo rendono utilizzando il profilo colore del sistema, che, se calibrato, non sarà sRGB.

Quindi cosa fa Sketch? Quando scegli un colore in Sketch, memorizziamo solo i valori RGB. Quando eseguiamo il rendering sullo schermo, intercettiamo [sic] quei valori usando lo spazio colore del monitor.

Il che è un difetto ovvio per me. Software per la progettazione di contenuti destinati a un browser, che non viene visualizzato come un browser.

Quindi praticamente chiunque abbia uno schermo calibrato non può usare questo software se si preoccupano dell'accuratezza dei colori con cui stanno lavorando. L'unica opzione è impostare il profilo del tuo schermo su sRGB. Devo compensare lo schermo del mio macbook perché si appoggia troppo pesantemente all'estremità blu dello spettro, quindi questa non è un'opzione per me - sarebbe completamente inattuabile - i colori finirebbero per apparire diversi da quello che mi aspetto in entrambi i modi. Indipendentemente da ciò, la maggior parte dei designer professionisti (e dovrebbero!) Calibreranno i loro schermi. Quindi sembra esserci una disconnessione tra gli sviluppatori del software e la comunità per cui stanno sviluppando.

E a meno che tutto ciò per cui usi la tua macchina sia un lavoro sul web, non è un buon consiglio lasciare il profilo colore del monitor su sRGB. È uno spazio colore piuttosto limitato, come indicato dal grafico nel link di origine.

Inoltre , sostengono che:

se usi gli stessi valori RGB nella tua opera d'arte in Sketch che usi nei CSS sul tuo sito web, i colori corrisponderanno.

È un po 'vero . In realtà ho scoperto che anche usando sRGB ovunque e ri-colorando la mia intera palette, c'era ancora una differenza tra il colore dell'immagine esportata e i valori RGB indicati in Sketch. (almeno se visualizzato in Chrome). Il colore definito CSS e il colore definito Sketch erano identici, ma l'immagine esportata con lo stesso colore (esportata con il profilo monitor sRGB e con l'opzione "Salva per web" selezionata) era sempre leggermente diversa.

Personalmente non sono sicuro di come procedere con l'utilizzo di Sketch. Mi piace il software, ma questa è una svista fondamentale e fondamentale, e sta causando un vero attrito nel mio flusso di lavoro.

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


Questo è davvero un vero problema ... La soluzione più veloce che ho trovato è usare un ottimizzatore di immagini web (ImageOptim) per cancellare tutti i profili di immagine incorporati dopo lo slicing.
Guillaume Gautier,

@GuillaumeGautier, in che modo contribuirà alla mancata corrispondenza del colore? L'ho provato e i colori sono ancora molto saturi rispetto a quando sono nell'app.
CheeseCake

6

Le nuove versioni di Sketch hanno una funzione semplice per assicurarsi che i colori durante l'esportazione siano gli stessi di quelli che vedi sullo schermo.

Passare a Preferenze ›Generale› Profilo colore, quindi modificare l'impostazione del colore su Visualizza P3. Questo cambierà il tuo profilo colore in quello che usano i Mac. Quindi, fai di nuovo la stessa cosa, ma questa volta seleziona sRGB. Ora puoi selezionare l'opzione "Converti" e quindi fare clic su "Cambia profilo" per convertire i colori nello spazio colore standard. Ora, quando esporti, i colori appariranno esattamente come in Sketch.

Ulteriori informazioni al riguardo sono disponibili qui https://www.sketchapp.com/docs/other/color-management/


Fantastico, dovrò provare questo quando aggiorno Sketch! Grazie per il testa a testa!
alxscms,

2

Le impostazioni del colore del sistema cambiano tutto

Tengo il mio su sRGB per una certa misura della rappresentazione del browser. Uso anche un sacco di altre preimpostazioni e schermate per verificare la variazione. Ecco un esempio di sRGB vs Adobe RGB.

sRGB

inserisci qui la descrizione dell'immagine

Varianza all'interno di uno schermo

Il tuo problema sembra strano, però. Se la variazione deriva dalle impostazioni del colore, dovresti vederla nel documento. L'immagine esportata può cambiare a seconda di dove la si visualizza, ma non si dovrebbe essere in grado di discernere una differenza tra la tavola da disegno e il pannello di esportazione. È solo strano.

Penso che potresti essere alla ricerca di un bug con il tuo file specifico o l'app stessa. Prova a ricreare il comportamento con altri colori e documenti. Controlla con i ragazzi della Boemia (di solito li raggiungo su Twitter ) e vedi se riescono a trovarli nel codice da qualche parte.


Grazie per la risposta, purtroppo non funziona per me, non riesco nemmeno a descrivere il comportamento della gestione del colore in quanto è così casuale. Ad esempio, se apro l'immagine esportata in Chrome ha i colori giusti e quando comincio a cambiare desktop, il colore cambia improvvisamente in una versione più satura. Guarda il video qui cl.ly/1e1n102T2V2Q
alxscms

È strano, ma certamente non è Sketch. Hai un problema a livello di sistema operativo. Hai provato la stessa immagine su una macchina diversa? Per lo meno, accedi a un altro account e vedi se persiste.
borghese


0

Mi dispiace rivivere un thread così vecchio, ma questo è ancora un problema ... Ma ho trovato una soluzione alquanto contorta! Avvia Zeplin, scegli i colori di esportazione come .clr e copia il file in ~ Library / Colors. Crea un nuovo AppleScript con "scegli il colore". All'estrema destra ci sarà una nuova scheda con i colori del .clr. Fai clic sul colore desiderato, quindi fai clic sulla seconda icona da sinistra, i cursori RGB. Fai clic sulla rotellina delle impostazioni e seleziona un profilo sRGB dal menu a discesa. I valori RGB risultanti dovrebbero essere quelli desiderati.

Buona colorazione!


Dove posso trovare ~ Libreria / Colori?
CheeseCake

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.