Фотография-референс может задать настроение рекламы, но ряд образцов пикселей — ещё не палитра. Выберите несколько цветов под конкретные задачи: фон, читаемый текст, вспомогательные детали и акценты. Затем проверьте их с настоящим продуктом и текстом. Цвета, которые хорошо смотрятся на фотографии, могут спорить друг с другом или теряться, если использовать их как однотонные заливки.
Выберите референс, подходящий кампании
Фотография продукта может подсказать дополнительные оттенки, а утверждённое изображение бренда — задать направление кампании. Выбирайте референс, цвета которого действительно хотите перенести в рекламу.
Берите образцы из характерных участков, а не из отдельных бликов или теней. Яркое отражение может передавать освещение, а не цвет поверхности продукта. Сохраните референс и отметьте, откуда взят каждый кандидат, чтобы другой дизайнер мог восстановить ход выбора.
Если референсов несколько и они противоречат друг другу, выберите один основной. Обязательные фирменные цвета оставьте неизменными, а референс используйте для остальных ролей. Не подменяйте утверждённый цвет бренда только потому, что на фотографии нашёлся более привлекательный.
Назначьте каждому цвету роль
Прежде чем доводить образцы, поместите выбранные цвета в настоящую рекламу. Начните с фона, цвета текста и акцента. Добавляйте цвет, только когда элементу нужна отдельная роль: восемь цветов в референсе не требуют восьмицветного макета.
Представьте упаковку чая на зелёной столешнице. На фотографии есть тёмно-зелёный цвет, кремовая упаковка и небольшая оранжевая этикетка. Можно взять тёмно-зелёный для фона, кремовый для текста, а оранжевый для кнопки. Но если сама упаковка тёмно-зелёная, такой фон может её скрыть. Дизайнер может добавить светлую подложку за упаковкой и оставить зелёный в других частях макета.
Сохраните выбранные сочетания парами: заголовок на фоне, мелкий текст на подложке, логотип на своей поверхности, акцент в окружении соседнего цвета. Тогда новый кроп или языковую версию можно проверить, не восстанавливая исходные цветовые решения.
Проверьте контраст в готовом макете
Измерьте контраст текста с его реальным фоном, особенно для мелкого текста и условий предложения, затем прочитайте его в размере показа. На фотографии проверяйте самые светлые и тёмные участки под текстом, а не средний цвет изображения. Сервис проверки контраста оценивает заданную пару; он не скажет, исчезает ли продукт в сцене и не перетягивает ли акцент внимание с заголовка.
Если текст не проходит проверку, выберите более контрастную пару, перенесите его на спокойный участок или добавьте однотонную подложку. Проверьте исправление в макете, прежде чем обводить буквы или добавлять тень.
Отдельно проверьте логотип и продукт. Светлый логотип может пропасть на ярком участке даже при достаточном контрасте заголовка. Зелёная бутылка может слиться с зелёным фоном, который красиво выглядел отдельным образцом. Пересмотрите цвет фона или явно отделите продукт от него, вместо того чтобы добавлять акцентные цвета.
Проверьте палитру во всех нужных размещениях. При кадрировании текст может оказаться на другом участке фотографии, и фактический контраст изменится. Для согласованности всей кампании сравните варианты с руководством по единству бренда.
Зафиксируйте палитру для другого дизайнера
Для каждого цвета укажите значение и цветовое пространство, роль, допустимые сочетания и референс. Например: «Тёмно-зелёный — фон кампании; кремовый — текст на зелёном; оранжевый — акцент действия; за зелёной упаковкой обязательна светлая подложка». Добавьте в эту запись конкретные выбранные значения.
Сохраните вместе с палитрой характерный готовый макет. Следующий дизайнер должен суметь воспроизвести контраст и отделение продукта от фона, включая исключение со светлой подложкой, а не просто скопировать ряд неподписанных образцов.
