Невідповідність кольору експорту ескізів

При експорті з ескізом кольори, які я отримую, перенасичені порівняно з оригіналами. Дивіться знімок нижче:

Невідповідність кольорів з’являється в будь-якому програмному забезпеченні, яке я використовую для його відкриття. Експорт може бути будь-якого типу файлу, і виникає проблема.

Коли я імпортую експортоване зображення у ескізі, Sketch показує його оригінальними кольорами.

Я провів деякі дослідження, але не зміг знайти нічого відповідного. Чи може це походити з кольорових профілів мого Mac? (Я намагався зробити нове, але це нічого не змінило). Спасибі за вашу допомогу

Розробники знають про проблему, але не бажають її виправляти, вони вважають це "особливістю".

Експортуючи зображення, ми інтерпретуємо наші значення кольорів у кольоровому просторі sRGB. Ми також зберігаємо кольоровий простір у метаданих, якщо на панелі експорту ви не встановили прапорець "Зберегти для Інтернету". Незважаючи на це налаштування, наміром було збереження за допомогою sRGB, що добре працює з Safari, оскільки він інтерпретує в першу чергу всі зображення як збережені за допомогою sRGB. Якщо ви також відкриєте зображення в Preview, він розпізнає профіль sRGB і зробить його максимально наближеним до Safari. Ми вважаємо, що таким чином ми отримуємо найбільш послідовне можливе кольорове зображення.

Звучить розважливо. Проблема полягає в тому, що вони чомусь не надають фактичну робочу область за допомогою sRGB. Тому що це "простіше" (для них я припускаю). Вони надають це за допомогою кольорового профілю вашої системи, який, якщо відкалібровано, не буде sRGB.

Отже, що робить ескіз? Коли ви вибираєте колір у Sketch, ми зберігаємо лише значення RGB. Коли ми виводимо на екран, ми інтерпретуємо [sic] ці значення, використовуючи кольоровий простір вашого монітора.

Що для мене очевидна вада. Програмне забезпечення для розробки вмісту, призначеного для браузера, який не відображається як браузер.

Тому в основному будь-хто з каліброваним екраном не може використовувати це програмне забезпечення, якщо вони дбають про точність кольорів, з якими вони працюють. Єдиний варіант - встановити профіль вашого екрана на sRGB. Мені належить компенсувати екран моєї книги, оскільки він занадто сильно схиляється до синього кінця спектру, тому для мене це не варіант - це було б абсолютно непрацездатно - кольори в кінцевому підсумку виглядають інакше, ніж я очікую в будь-якому випадку. Незалежно від того, більшість професійних дизайнерів будуть (і повинні!) Калібрувати свої екрани. Тому, мабуть, існує розрив між розробниками програмного забезпечення та спільнотою, для якої вони розробляються.

І якщо все, для чого ви використовуєте свій апарат, це робота в Інтернеті, це не чудова порада залишити кольоровий профіль монітора на sRGB. Це досить обмежений кольоровий простір, на що вказує діаграма у посиланні на джерело.

Більше того , їх твердження, що:

якщо ви використовуєте ті самі значення RGB у творі ілюстрації в Sketch, що й у CSS на своєму веб-сайті, кольори будуть відповідати.

Це правда . Я фактично виявив, що навіть при використанні sRGB скрізь і перефарбовуванні всієї палітри все ще залишається різниця між кольором експортованого зображення та значеннями RGB, зазначеними у Sketch. (принаймні, при перегляді в Chrome). Колір, визначений CSS, і колір Sketch, де дійсно однаковий, але експортоване зображення з тим самим кольором (експортований із профілем монітора sRGB та вибраним параметром "Зберегти для Інтернету") було дещо іншим.

Я особисто не впевнений, як рухатись за допомогою Sketch. Мені подобається програмне забезпечення, але це такий базовий і фундаментальний нагляд, і це викликає справжні тертя в моєму робочому процесі.

Джерело: http://blog.sketchapp.com/post/133932511180/colors-in-sketch

Нові версії Sketch мають просту функцію, щоб переконатися, що кольори при експорті збігаються з тими, які ви бачите на екрані.

Перейдіть до Налаштування ›Загальні› Кольоровий профіль, а потім змініть налаштування кольору на Відображення P3. Це дозволить змінити ваш кольоровий профіль на той, який використовується в Mac. Потім повторіть те саме, але цього разу виберіть sRGB. Тепер ви можете вибрати параметр «Перетворити», а потім натиснути «Змінити профіль», щоб перетворити кольори у стандартний кольоровий простір. Тепер, коли ви експортуєте, кольори будуть виглядати так, як це зроблено в Sketch.

Більше інформації про це можна знайти тут https://www.sketchapp.com/docs/other/color-management/

Налаштування кольору системи все змінюють

Я тримаю своє в sRGB для деякої міри представлення браузера. Я також використовую купу інших пресетів та екранів, щоб перевірити на наявність варіантів. Ось приклад sRGB проти Adobe RGB.

Варіантність екрана

Однак ваша проблема здається дивною. Якщо варіант залежить від ваших налаштувань кольору, ви повинні побачити його через документ. Експортоване зображення може змінюватися залежно від того, де ви його переглядаєте, але ви не повинні мати змогу розрізнити різницю між вашою графікою та панеллю експорту. Це просто дивно.

Я думаю, ви можете дивитися на помилку з вашим конкретним файлом або самою програмою. Спробуйте відтворити поведінку з іншими кольорами та документами. Зверніться до богемських хлопців (я зазвичай натискаю на них у Twitter ) і перевірте, чи зможуть вони його десь знайти у коді.

Ця проблема виправлена ​​(і відповіла) в офіційному документі Sketch: https://www.sketchapp.com/learn/documentation/other/color-management/

Під час експорту обов'язково поставте прапорець "Зберегти для Інтернету", оскільки це забезпечить отримання чистих кольорових зображень профілю та переконайтеся, що колір виглядає ідентичним кольорові у вашому ескізному файлі.

Вибачте, що відроджуєте таку стару тему, але це все-таки проблема-- Але я знайшов дещо заплутане рішення! Запустіть Zeplin, вибрав кольори експорту як .clr та скопіюйте файл у ~ Бібліотека / Кольори. Зробіть новий AppleScript з "виберіть колір". У правій крайній частині буде нова вкладка з кольорами з .clr. Клацніть на потрібний колір, а потім клацніть другий значок зліва, повзунки RGB. Клацніть на колесі налаштувань та виберіть профіль зі sRGB зі спадного меню. Отримані значення RGB повинні бути потрібними.

Щасливі розмальовки!

Якщо ви вже працюєте над проектом, ви можете перетворити кольоровий профіль з Файл ›Змінити кольоровий профіль… (виберіть улюблений профіль)

Більше інформації тут: https://www.sketchapp.com/docs/other/color-management/#changing-the-color-profile-of-an-existing-document

Тут ви можете встановити профіль за замовчуванням: Ескіз ›Налаштування› Загальні ›Кольоровий профіль