Как заставить мой логотип выглядеть одинаково в Web & Print?


16
  • Мой клиент хотел использовать цвет # dd0017 в качестве основного красного цвета на своем веб-сайте.
  • На протяжении всего пути мы разрабатывали весь сайт и логотип в этом цвете (я делал логотип в RGB).
  • Теперь он просит печатную версию. Я пытался сделать логотип такой же, как # dd0017. Но это не имеет значения в иллюстраторе или фотошопе. Он автоматически переключается на # db1e26.
  • Кроме того, большинство веб-сайтов показывают, что эквивалентный цветовой код для CMYK равен (0,100,93,13). Когда я пытаюсь это сделать, он получает другой шестнадцатеричный код # d11628.
  • Обратите внимание, что я немного новичок в вопросе цвета. Я веб-дизайнер, но иногда мне нужно делать логотипы. Но я действительно не очень их понимаю.

Так есть ли решение? Если нет, пожалуйста, подскажите, как мне это объяснить клиенту?


Во-первых, убедитесь, что все используют одну и ту же марку и модель монитора.
Просьба

Ответы:


28

вот технический ответ

Сказать, что цвет # dd0017 не имеет смысла, если только он не связан с информацией о том, какое цветовое пространство вы используете! Поэтому и преобразование из # dd0017 в CMYK не имеет смысла. С этим вне нашей повестки дня мы можем начать смотреть, что же будет означать в вашем сценарии.

Когда вы говорите о чистом цвете, таком как # dd0017, вы указываете цвет, который отличается на каждом мониторе. Если говорить о том же, то возникают проблемы, потому что мы не знаем, имеете ли вы в виду:

  • То же, что на вашем мониторе
  • То же, что на мониторе ваших клиентов
  • То же, что и в стандартном цветовом пространстве

Увидеть одно и то же число делает разные цвета в разных цветовых пространствах. Для того чтобы иметь какой-либо смысл преобразовывать точный цвет, вы должны указать используемое цветовое пространство. Так, например, имеет смысл # dd0017 в цветовом пространстве sRGB . Цифры не важны и без этой информации совершенно бесполезны. Таким образом, числа не представляют цвет как таковой, они представляют цвет в одном пространстве, разные пространства RGB будут иметь разные числовые значения. *

Войдите в управление цветом. Чтобы все это имело смысл, вам нужно знать, какой цвет в каком-то нейтральном пространстве устройства. По сути, вам необходимо измерить монитор с помощью колориметра (например, калибратора Montor, такого как ColorMunki ). Кроме того, вам нужно знать, каковы условия освещения на рабочем столе, поэтому, чтобы быть точным, вам нужно измерить этот монитор там, где он используется (или делать это постоянно). Теперь вы можете создать профиль для своего монитора, который расскажет нам, как выглядит эта конкретная комбинация монитор / рабочее пространство, поскольку каждый монитор в мире уникален.

Затем мы можем связать это магическое число с этой информацией профиля, чтобы получить нейтральные значения устройства или привести дисплей в соответствие со стандартным цветовым пространством, таким как sRGB. Если вы сделаете дисплей монитора похожим на sRGB, то увидите, что цвета соответствуют стандарту, которым и должен быть веб.

Хорошо, теперь вы можете преобразовать цвет в нейтральное пространство, но, очевидно, вам все еще нужно знать пространство принтеров. Для принтера процесс такой же. Коммерческий принтер, скорее всего, использует калибровку для некоторого стандартного пространства, поэтому повторять значения CMYK без указания места не имеет смысла. Но если вы хотите сделать то же самое с офисным принтером, то он тоже должен быть откалиброван, я рекомендую, по крайней мере, 3 раза на срок службы картриджа с тонером.

Поймать 13

Сопоставление цветов связано с множеством проблем, но главный вопрос заключается в том, что делать с цветами, которые невозможно воспроизвести. Возможно, ваш цвет превышает цвета, которые ваш принтер CMYK может воспроизводить. Размер каждого пространства называется гаммой, и превышение гаммы легко, поскольку пространство sRGB намного больше, чем стандартные пространства CMYK SWOP, FOGRA, GRACol и т. Д.

Вот почему большинство дизайнеров проектируют в обратном порядке. Они выбирают цвет, обычно не в CMYK, а в Pantone, и идут оттуда в обратном направлении. Опять же, Pantone больше CMYK, но обеспечивает хорошие отправные точки для конверсий и имеет цветные чипы, которые точно отражают доступные значения. Главным образом потому, что это проще, чем пытаться сделать технический маршрут, который требует мягко говоря.

Так что да, это может быть сделано, но требует, чтобы вы проделали довольно большую работу.

* Это то, что Photoshop делает для вас, ему сказали, что пространство, с которым вы работаете, - X, а монитор - Y, и поэтому числа меняются в соответствии.


Также обратите внимание, что Adobe предлагает безопасный цвет, ближайший к текущему цвету, при выборе одного из палитры. Он различает цвета, безопасные для печати и безопасные для отображения. Я думаю, что безопасность здесь означает не так рискованно.
Кроули,

5
Это хороший ответ, +1. Вы также можете кратко упомянуть, что цвет, воспринимаемый человеком-наблюдателем, будет значительно различаться в зависимости от множества факторов, включая освещение (например, тени / затенение и т. Д.), И цвета, близкие к наблюдаемым (включая бумагу на который он напечатан, который также может пролить через печать). Существует множество оптических иллюзий, которые четко демонстрируют, что один и тот же цвет будет восприниматься по-разному в зависимости от окружающих цветов / изображения.
Макьен

8

Сопоставление цветов экрана и печати - сложная, а иногда и невозможная задача. Из-за природы света (экраны, RGB) в сравнении с чернилами (CMYK, Pantones и т. Д.) И того факта, что практически каждый монитор будет отображать цвет немного по-разному, а печать будет выглядеть по-разному на разных источниках света. Этот вид управления цветом - это работа сама по себе.

Однако в этом случае вам может повезти. Цвет, о котором идет речь, чистый, ярко-красный, поэтому ваш выбор довольно ограничен. Если вы печатаете CMYK, то, скорее всего, лучшим вариантом будет 100% пурпурный, 100% желтый. Это примерно столько, сколько вы можете получить от технологических чернил, и имеет то преимущество, что оно относительно стабильно, потому что вы просто печатаете твердые частицы. Если у вас есть возможность использовать цвет Pantone Spot, я бы рекомендовал Pantone 485. Опять же, хороший ярко-красный, который является отличным выбором дизайнеров для красного.

Все это, конечно, субъективно, и если вашему клиенту не нравится ни один из перечисленных выше вариантов, лучший способ - передать ему книгу образцов Pantone и позволить ему выбрать красный цвет, который, по его мнению, соответствует. В конечном счете, цвет на экране никогда не будет идеально соответствовать чернилам на бумаге, но найти цвет, который субъективно «такой же», не должно быть сложно, и один из вариантов, который я предложил выше, должен выполнить эту работу.


4

Вы должны выбрать ближайшее значение из каталога Pantone, который вы можете найти в типографиях. Таким образом, у вас будет два цвета для Интернета и печати, и вы должны установить их в соответствии с руководством по фирменному стилю (пример вы можете увидеть в ссылке).

Если вам интересно, что вызвало это, дело в том, что экраны работают на RGB, а печать работает на цветах CMYK, вы можете увидеть разницу здесь .


4

Ваша проблема в том, что RGB и CYMK не имеют одинаковую гамму или диапазон. Есть цвета, которые RGB может производить, а CMYK физически не может.

К сожалению, вы должны вернуться к своему клиенту и объяснить это, что вы должны были сделать в первую очередь, когда клиент выбрал этот цвет. Возможно, вы получите плашечный цвет, который близок (у меня нет книги Pantone или Trumatch для проверки), но если нет единого плашечного цвета (предварительно смешанные чернила), который работает, или CMYK не может его создать значение, то ваш клиент должен будет как-то пойти на компромисс.

Сделайте поиск на этом сайте через rgbи cmykтег , и вы получите более подробную информацию о двух цветовых гаммах и каким образом перевода между ними.


2

Невозможно сделать так, чтобы цвета выглядели одинаково на отпечатке и на экране. За исключением случая, экран окрашен в соответствующий цвет.

  • Два разных экрана покажут одну и ту же координату RGB по-разному. Чтобы продемонстрировать это, вы можете подключить ЭЛТ и светодиодный экран к компьютеру и клонировать экран.
  • Один сфотографированный цвет будет представлен по-разному с использованием цветовых пространств Adobe-RGB, s-RGB, LAB и CMYK.
  • Один цвет, сфотографированный с помощью разных камер, будет представлен по-разному. Чипы CMOS от разных производителей имеют немного разные маски фильтра и чувствительности.
  • Одни и те же цвета CMYK (единственное цветовое пространство для печати) будут печататься по-разному на разных типах принтеров. То же самое касается разных брендов.
  • Различные типы цвета и различные базовые материалы будут выцветать / стареть по-разному. Напечатайте простую графику, покройте ее часть и оставьте на неделю на солнце.
  • Различные настройки экрана (яркость, контрастность, температура) также испортят ваше тонкое соответствие цветов.

Есть также несколько дополнительных моментов, слегка коснувшихся темы.

  • Нет способа, как сопоставить напечатанный цвет с фактическим цветом (рекламируемого продукта), используя цветовое пространство CMYK. За исключением случая, когда продукт имеет точный цвет в качестве цвета, используемого в конкретном принтере.
  • Как добиться, скажем, Impreza-Blue (IB) и STi-Purple (SP), цветов на отпечатке, можно использовать расширенное цветовое пространство CMYK-IB-SP, где специальные чернила IB и SP используются вдоль стандартных чернил CMYK. , Эти специальные чернила смешиваются на заказ для точного соответствия. Цвет Impreza-Blue - это металлическая краска, характерная для Subaru Impreza, а STi-purple - это цвет логотипа STi на автомобиле.

Т.Л., д - р
Чтобы продемонстрировать тот факт, что это невозможно создать квадрат с # FF0000 цвета.

Напечатайте этот квадрат, используя чернильный принтер и лазерный принтер. Используйте разные бумаги - тусклые и полированные; белый, "натуральный", затененный.

Покажите вашему клиенту красный квадрат, напечатанный на бумаге, на его (ЖК-экране) экране, на вашем ЖК-экране, на смартфоне, планшете, смартфоне, планшете - все, что вы можете себе представить.

Вы можете увеличить полезную нагрузку аргумента, используя различные настройки принтера (качество фото, стандартный, черновой), принтеры разных марок (HP, Canon, Epson, Brother, UTAX, ...).


Если вас обычно просят добиться такого цветового соответствия, создайте себе цветную палитру типичных цветов и нарисуйте ее, когда это необходимо. В сочетании с экраном клиентов и смартфонами это станет аргументом в пользу клиента. Если это не так, бегите; беги как можно быстрее.


Это просто потому, что красный цвет, скорее всего, вне гаммы. Но, когда вы находитесь в гамме, безусловно, можно подойти очень близко. Проблема в том, что печать намного более чувствительна к условиям освещения, чем сценарии, поэтому для оценки печати вы должны делать это в стандартных условиях просмотра.
Joojaa

@joojaa Хорошая мысль. Используйте это в ваших интересах. Я думаю, что даже если вы находитесь в гамме, различия все равно будут присутствовать. Особенно, если вы используете чернильный принтер низкого разрешения и яркий цвет.
Кроули
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.