Раздел 4.10 · Дизайн франшизы Глава 72 из 151

4.10.4Теория цвета для бренда: палитра, контраст, носители

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

3 мин чтения

Что цвет делает для бренда

С 50 метров прохожий не читает название — он видит пятно цвета. Если оно своё и постоянное, бренд узнают до того, как прочитают. Поэтому цвет — самый важный элемент визуала для сети с физическими точками, и его постоянство важнее любых нюансов.

Палитра

  • Основной — один. Цвет вывески, стойки, стакана. Тот, который «ваш».
  • Акцентные — один-два. Для кнопок, цен, выделений. Контрастны основному.
  • Нейтральные — два-три: белый или светлый фон, тёмный для текста, серый для второстепенного.

Больше — расползается. Каждый цвет записывается в бренд-бук с кодами для всех носителей: HEX и RGB для экрана, CMYK для печати, RAL для краски и плёнки (Pantone — для точной полиграфии). Без этого «фирменный синий» на вывеске, в меню и на сайте будет тремя разными синими.

Сочетания

Простые схемы работают надёжнее: основной + нейтральные + один контрастный акцент. Акцент выбирают из противоположной части цветового круга (к синему — оранжевый или жёлтый, к зелёному — красный или розовый) либо рядом, но ярче. Три ярких цвета в равных долях — хаос; правило 60/30/10: нейтральный фон 60 %, основной 30 %, акцент 10 %.

Две полосы: пропорция 60, 30 и 10 процентов и три ярких цвета поровнуРаботает60 / 30 / 1060 % — нейтральный фонстены, светлый фон, белый30 % — основнойвывеска, стойка10 % — акцентцены, кнопкиХаостри ярких поровнуглавного цвета нет — глаз не знает, куда смотреть
Рис. 1. Правило 60/30/10: нейтральный фон, основной цвет бренда и акцент. Три ярких цвета в равных долях спорят друг с другом, и главного не видно.

Значения цветов культурны и контекстны: красный — аппетит и срочность, зелёный — природа и здоровье, синий — надёжность и спокойствие, жёлтый — дешевизна или радость в зависимости от оттенка. Но важнее не «психология», а отличие от соседей: если на улице три зелёных кофейни, зелёный — плохой выбор, каким бы «натуральным» он ни был.

Контраст и читаемость

Текст должен отличаться от фона по светлоте, а не только по оттенку: красный на зелёном одинаковой яркости не читается, хотя цвета «разные». Норма для текста — контраст 4,5:1, для крупных заголовков — 3:1; проверяется бесплатными инструментами в браузере по HEX-кодам. Около 8 % мужчин не различают красный и зелёный — не кодируйте важное только цветом.

Шесть пар цвет текста и фона с коэффициентом контраста и оценкой читаемостиКапучино 250 ₽14,1 : 1✓ годится для текстатёмно-синий на беломКапучино 250 ₽8,3 : 1✓ годится для текстабелый на синемКапучино 250 ₽2,3 : 1✕ не читаетсясветло-серый на беломКапучино 250 ₽6,6 : 1✓ годится для текстатёмный на оранжевомКапучино 250 ₽2,1 : 1✕ не читаетсябелый на оранжевомКапучино 250 ₽1,3 : 1✕ не читаетсякрасный на зелёном
Рис. 2. Контраст текста и фона по светлоте. Норма для обычного текста — 4,5 : 1, для крупных заголовков — 3 : 1. Белый на оранжевом и красный на зелёном выглядят «яркими», но читаются плохо.

Носители

Экран светится, бумага отражает, плёнка на солнце выгорает, подсветка меняет оттенок. Один и тот же код выглядит по-разному. Решение: утверждать цвет на образцах реальных материалов (кусок плёнки, выкраска краски, отпечаток), а не на экране, и дать партнёрам точные артикулы материалов у проверенных подрядчиков.

Для партнёров

Партнёр не выбирает цвета — он берёт из палитры. В шаблонах цвета заданы; в бренд-буке — коды и артикулы; в гайде по помещению — какие поверхности красятся в основной, какие остаются нейтральными. Проверка в аудите: фото фасада и интерьера рядом с эталоном. Как цвет и шрифт собираются в логотип — следующая глава.

Поделиться:
Telegram MAX ВКонтакте WhatsApp Одноклассники

Новости портала — на почту

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

Сайт защищён reCAPTCHA.

Пришлём письмо со ссылкой для подтверждения