Роль фирменных цветов в изображениях на сайте
Фирменные цвета — это определённая цветовая палитра, используемая компанией в визуальной коммуникации, обычно состоящая из основного, вспомогательных и акцентных цветов. На корпоративном сайте фирменные цвета присутствуют не только в логотипе, навигации, кнопках и других элементах интерфейса, но и должны разумно проникать в контентные изображения, чтобы усилить общую согласованность. При обновлении изображений на странице полный отказ от фирменных цветов может сделать сайт разрозненным, а чрезмерное их использование — загромождённым. Поэтому ключ — найти баланс.
Принципы применения фирменных цветов для разных типов изображений
Фоновые изображения и атмосферные снимки
Такие изображения обычно занимают большую площадь и задают тон страницы. Рекомендуется, чтобы тон фона сочетался с основным фирменным цветом, например, использовать градиенты в той же цветовой гамме или фирменные цвета с низкой насыщенностью, избегая ярких чистых цветов, которые могут отвлекать внимание. Если фирменный цвет слишком яркий, можно снизить его яркость или добавить серый оттенок, чтобы текст оставался читаемым.
Изображения товаров и реальных объектов
Основная цель изображений товаров — показать сам объект, поэтому фирменные цвета должны выступать в качестве вспомогательных элементов. Их можно использовать на небольших участках: фон, тени, световые эффекты или реквизит. Это связывает изображение с брендом, не отвлекая от главного. Например, под изображением товара на белом фоне можно добавить тонкую линию фирменного цвета или использовать его в оттенке тени.
Иконки и декоративные элементы
Иконки, разделители, блоки цитат и другие декоративные элементы хорошо подходят для прямого использования фирменных цветов. Такие элементы имеют небольшую площадь, поэтому цвета могут быть ярче — это усиливает запоминание бренда, не перегружая зрение. Для группы иконок рекомендуется единый тон, используя основной или вспомогательный цвет.
Изображения с текстом
Когда изображение содержит текст (например, диаграммы, карточки с цитатами), фирменные цвета можно применять для фона текста, выделения заголовков или рамок. Сам текст не рекомендуется окрашивать в фирменные цвета, если только он не крупный и контраст достаточен, иначе страдает читаемость.
Типичные сценарии и примеры сочетания фирменных цветов
Предположим, основной цвет бренда — синий (#0066CC), вспомогательные — серый (#F5F5F5) и оранжевый (#FF6600).
- Слайдер на главной странице: фон с синим градиентом (от #0066CC до #003366), основной объект выделен, текст белый или светло-серый, кнопки с оранжевым акцентом.
- Детальное изображение товара: белый фон, под товаром тонкая синяя линия, иконки синего или оранжевого цвета, ценник выделен оранжевым.
- Изображение кейса: серый фон, на скриншоте полупрозрачная синяя накладка, заголовок белый, ключевые данные отмечены оранжевым.
Важные детали
Не используйте более трёх фирменных цветов в одном изображении. Насыщенность и яркость цветов должны быть согласованы, чтобы избежать визуальной усталости. При обновлении изображений рекомендуется брать значения цветов из брендбука, а не выбирать на глаз. Кроме того, расположение фирменных цветов в изображениях должно быть примерно одинаковым, например, единый цвет для иконок, единое положение рамок — это создаёт систему.
Итоги и рекомендации
При обновлении изображений на сайте не обязательно делать каждое изображение одинаковым, но следует придерживаться единой логики: для крупных элементов — мягкая гармония, для мелких — чёткая узнаваемость. Рекомендуется заранее разработать простое руководство по цветам для изображений, где будут указаны правила использования фирменных цветов для разных типов изображений. Это поможет контент-менеджерам и дизайнерам сохранять визуальное единство сайта, оставляя пространство для творчества.
