Niezgodne kolory podczas eksportowania szkicu


11

Podczas eksportowania ze szkicem kolory, które otrzymuję są przesycone w porównaniu do oryginałów. Zobacz zrzut poniżej:

niedopasowanie kolorów

Niedopasowanie kolorów pojawia się w każdym oprogramowaniu, którego używam do jego otwarcia. Eksport może być dowolnego typu i problem występuje.

Kiedy importuję eksportowany obraz do szkicu, Sketch pokazuje go w oryginalnych kolorach.

Przeprowadziłem badania, ale nie znalazłem nic istotnego. Czy to może pochodzić z profili kolorów mojego komputera Mac? (Próbowałem zrobić nowy, ale to nic nie zmieniło). Dzięki za pomoc

Odpowiedzi:


8

Programiści zdają sobie sprawę z problemu, ale nie chcą go naprawić, uważają go za „funkcję”.

Podczas eksportowania obrazu interpretujemy nasze wartości kolorów w przestrzeni kolorów sRGB. Przestrzeń kolorów zapisujemy również w metadanych, chyba że w panelu eksportu zaznaczono opcję „Zapisz dla Internetu”. Niezależnie od tego ustawienia, celem było zapisywanie za pomocą sRGB, który działa dobrze w Safari, ponieważ interpretuje wszystkie obrazy jako zapisane w sRGB. Jeśli również otworzysz obraz w podglądzie, rozpozna profil sRGB i uczyni go jak najbliższym Safari. Wierzymy, że w ten sposób uzyskamy możliwie najbardziej spójne odwzorowanie kolorów.

Brzmi rozsądnie. Problem polega na tym, że z jakiegoś powodu nie renderują rzeczywistego obszaru roboczego za pomocą sRGB. Ponieważ to „prostsze” (zakładam, że dla nich). Renderują go przy użyciu profilu kolorów twojego systemu, który, jeśli zostanie skalibrowany, nie będzie sRGB.

Co robi Sketch? Kiedy wybierzesz kolor w Sketch, przechowujemy tylko wartości RGB. Podczas renderowania na ekran interpretujemy [sic] te wartości przy użyciu przestrzeni kolorów monitora.

Co jest dla mnie oczywistą wadą. Oprogramowanie do projektowania treści przeznaczonych dla przeglądarki, która nie renderuje się jak przeglądarka.

Zasadniczo więc każdy, kto ma skalibrowany ekran, nie może korzystać z tego oprogramowania, jeśli zależy mu na dokładności kolorów, z którymi pracuje. Jedyną opcją jest ustawienie profilu ekranu na sRGB. Muszę zrekompensować ekran mojego macbooka, ponieważ zbyt mocno opiera się on na niebieskim końcu spektrum, więc nie jest to dla mnie opcja - byłoby to całkowicie niewykonalne - kolory wyglądałyby inaczej niż się spodziewam. Niezależnie od tego większość profesjonalnych projektantów (i powinna!) Skalibruje swoje ekrany. Wydaje się więc, że istnieje rozdźwięk między twórcami oprogramowania a społecznością, dla której opracowują.

I jeśli nie używasz wyłącznie urządzenia do pracy w sieci, pozostawienie profilu kolorów monitora w sRGB nie jest świetną wskazówką. Jest to dość ograniczona przestrzeń kolorów, jak pokazano na wykresie w linku źródłowym.

Co więcej , twierdzą, że:

jeśli użyjesz tych samych wartości RGB w kompozycji w Sketch, co w CSS w swojej witrynie, kolory będą pasować.

To trochę prawda . Przekonałem się, że nawet przy wszędzie używanym sRGB i ponownym wybieraniu kolorów z całej palety nadal istnieje różnica między kolorem eksportowanego obrazu a wartościami RGB podanymi w Sketch. (przynajmniej w przeglądarce Chrome). Kolor zdefiniowany przez CSS i kolor zdefiniowany przez Szkic były rzeczywiście identyczne, ale eksportowany obraz w tym samym kolorze (eksportowany z profilem monitora sRGB i wybraną opcją „Zapisz dla Internetu”) był jeszcze nieco inny.

Osobiście nie jestem pewien, jak przejść dalej za pomocą Sketch. Lubię to oprogramowanie, ale jest to tak podstawowy i fundamentalny nadzór, który powoduje prawdziwe tarcie w moim przepływie pracy.

Źródło: http://blog.sketchapp.com/post/133932511180/colors-in-sketch


To naprawdę prawdziwy problem ... Najszybszym rozwiązaniem, jakie znalazłem, jest użycie internetowego optymalizatora obrazu (ImageOptim) do usunięcia wszystkich osadzonych profili obrazu po wycięciu.
Guillaume Gautier

@GuillaumeGautier, w jaki sposób pomoże to w niedopasowaniu kolorów? Próbowałem, a kolory są nadal bardzo nasycone niż wtedy, gdy są w aplikacji.
CheeseCake

6

Nowe wersje Sketch mają łatwą funkcję, aby upewnić się, że kolory podczas eksportowania są takie same, jak te widoczne na ekranie.

Przejdź do Preferencje ›Ogólne› Profil kolorów, a następnie zmień ustawienie kolorów na Wyświetl P3. Spowoduje to zmianę twojego profilu kolorów na ten, którego używają komputery Mac. Następnie zrób to samo jeszcze raz, ale tym razem wybierz sRGB. Teraz możesz wybrać opcję „Konwertuj”, a następnie kliknąć „Zmień profil”, aby przekonwertować kolory na standardową przestrzeń kolorów. Teraz podczas eksportowania kolory będą wyglądać tak samo jak w Sketch.

Więcej informacji na ten temat można znaleźć tutaj https://www.sketchapp.com/docs/other/color-management/


Wspaniale, będę musiał to wypróbować, kiedy uaktualnię Sketch! Dzięki za heads-up!
alxscms

2

Systemowe ustawienia kolorów zmieniają wszystko

Trzymam mój w sRGB dla pewnej miary reprezentacji przeglądarki. Używam również wielu innych ustawień i ekranów do testowania wariacji. Oto przykład sRGB vs Adobe RGB.

sRGB

wprowadź opis zdjęcia tutaj

Odchylenie w obrębie ekranu

Twój problem wydaje się jednak dziwny. Jeśli odmiana pochodzi z ustawień kolorów, powinieneś ją zobaczyć w dokumencie. Wyeksportowany obraz może się zmienić w zależności od tego, gdzie go oglądasz, ale nie powinieneś być w stanie dostrzec różnicy między obszarem roboczym a panelem eksportu. To po prostu dziwne.

Myślę, że patrzysz na błąd związany z konkretnym plikiem lub samą aplikacją. Spróbuj odtworzyć zachowanie z innymi kolorami i dokumentami. Skontaktuj się z Czechami (zwykle trafiam ich na Twitterze ) i sprawdź, czy mogą gdzieś to znaleźć w kodzie.


Dzięki za odpowiedź, niestety to nie działa, nie mogę nawet opisać zachowania zarządzania kolorami, ponieważ jest ono tak losowe. Na przykład, jeśli otworzę wyeksportowany obraz w chromie, ma on właściwe kolory, a kiedy zaczynam przełączać pulpit, kolor nagle zmienia się w bardziej nasyconą wersję. Zobacz wideo tutaj cl.ly/1e1n102T2V2Q
alxscms

To dziwne, ale na pewno nie Szkic. Masz problem z poziomem systemu operacyjnego. Czy próbowałeś tego samego obrazu na innym komputerze? Przynajmniej zaloguj się na inne konto i sprawdź, czy nadal występuje.
przebierańcy


0

Przykro mi, że ożywiam tak stary wątek, ale wciąż jest to problem ... Ale znalazłem nieco skomplikowane obejście! Uruchom Zeplin, wybierz eksportowane kolory jako .clr i skopiuj plik do ~ Library / Colours. Utwórz nowy AppleScript z „wybierz kolor”. Po prawej stronie pojawi się nowa karta z kolorami z .clr. Kliknij żądany kolor, a następnie kliknij drugą ikonę z lewej strony, suwaki RGB. Kliknij koło ustawień i wybierz profil sRGB z menu rozwijanego. Wynikowe wartości RGB powinny być takie, jak chcesz.

Wesołego kolorowania!


Gdzie mogę znaleźć ~ Biblioteka / Kolory?
CheeseCake

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.