Психология цвета в соцсетях: что подтверждено исследованиями, что миф и как выбрать палитру бренда для ленты

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

Что известно точно

Обзор психологии цвета Эллиота и Майер в Annual Review of Psychology (2014) отмечает, что тема привлекательна, но теория в ней развита слабо, а многие ранние исследования проведены на маленьких выборках. Тем не менее несколько выводов повторяются в разных работах.

Что оказалось мифом или преувеличением

Главный вывод: значение цвета не фиксировано. Один и тот же красный в ленте пиццерии говорит «горячее и вкусное», а в ленте банка может читаться как тревога.

Почему контраст и узнаваемость важнее значений

В ленте пост видят на маленьком экране, часто в тёмной теме, за доли секунды. Работает то, что выделяется на фоне соседних постов и позволяет узнать бренд без чтения подписи.

Контраст. Белый текст на светло-жёлтом фоне не прочитать, какое бы значение ни приписывали жёлтому. Проверить контраст можно любым бесплатным калькулятором по WCAG: вводите два цвета и смотрите соотношение.

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

Узнаваемость. Подписчик листает ленту и узнаёт ваш пост раньше, чем прочитает название. Для этого нужен один повторяющийся элемент: цвет плашки, рамка, фон. Регулярность здесь важнее выбора оттенка.

Как выбрать палитру бренда для ленты: 5 шагов

Шаг 1. Посмотрите на конкурентов

Откройте ленты 5–7 конкурентов и выпишите их основные цвета. Пример для вымышленной кофейни «Зерно и пар» в спальном районе:

Коричнево-бежевая гамма уже занята, и «Зерно и пар» в ней потеряется. Свободное место: глубокий синий с тёплым акцентом.

Шаг 2. Определите характер бренда

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

Это отправная точка, а не правило. Бренд может осознанно идти против ожиданий категории, если этим отличается от конкурентов.

Шаг 3. Соберите палитру по схеме «основной, акцент, нейтральные»

• Основной цвет: фон плашек, обложек, шапки. Занимает много места.
• Акцент: кнопки, цены, главная цифра. Один.
• Нейтральные: белый, тёмно-серый вместо чистого чёрного, один светлый фон.

Дизайнеры часто используют ориентир 60–30–10: 60% нейтральных, 30% основного, 10% акцента. Это эмпирическое правило, а не результат исследования, но оно защищает от пёстрой ленты.

Пример для «Зерна и пара»:

Шаг 4. Проверьте на телефоне

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

Размеры обложек и сеток для разных площадок собраны в статье размеры картинок для соцсетей.

Шаг 5. Зафиксируйте в мини-гайде

Запишите HEX-коды, роли цветов и 2–3 примера «можно» и «нельзя». Если посты делают несколько человек или нейросеть, без гайда палитра расползётся за месяц. Шаблон есть в статье брендбук для соцсетей.

Цвет в тёмной теме и на разных площадках

Значительная часть подписчиков читает Telegram и ВКонтакте в тёмной теме. Картинка с белым фоном там выглядит как яркий прямоугольник, а тёмно-синий логотип на прозрачном фоне может исчезнуть совсем.

Проверьте аватар в списке чатов Telegram: он занимает несколько миллиметров на экране, и узнаётся там в основном цветом и простой формой.

Цвет и нейросети

Генераторы картинок плохо держат точный оттенок: «синий #1E2F4D» в промпте не гарантирует этот синий на изображении. Надёжнее генерировать фото или иллюстрацию в нейтральной гамме, а фирменный цвет добавлять плашкой, рамкой или текстом в шаблоне. Как писать запросы для картинок, разобрано в статье промпты для картинок. В LABRICA LABI рисует картинки к постам с тарифа Start, одна картинка стоит 5 токенов. Фирменную плашку при этом лучше держать в шаблоне.

Ошибки

• Палитра из таблицы значений. «Мы юристы, значит синий» приводит к ленте, неотличимой от десятка конкурентов.
• Пять акцентов. Если выделено всё, не выделено ничего.
• Текст на фото без подложки. На пёстром фоне контраст меняется по всей строке, часть текста не читается.
• Смысл только цветом. Зелёная и красная цена без подписи «было» и «стало».
• Смена палитры каждые два месяца. Узнаваемость строится годами повторения. Подробнее о стиле ленты в статье визуальный стиль соцсетей.

Частые вопросы

Правда ли, что красный цвет повышает продажи?

Убедительных доказательств, что красный сам по себе повышает продажи, нет. Красная плашка «скидка» работает, когда она контрастна остальному оформлению и сообщает о реальной выгоде.

Откуда цифра «62–90% решения о покупке зависит от цвета»?

Она из обзорной статьи 2006 года, где приведена без описания, как это измеряли. Использовать её как научный факт не стоит.

Сколько цветов должно быть в палитре бренда?

Обычно хватает одного основного, одного акцентного и двух-трёх нейтральных. Больше цветов усложняет шаблоны и снижает узнаваемость.

Как проверить, что текст на обложке читается?

Проверьте контраст калькулятором по стандарту WCAG: для мелкого текста нужно не меньше 4,5:1, для крупного не меньше 3:1. И посмотрите обложку на телефоне в тёмной теме.

Нужно ли менять цвета бренда под каждую соцсеть?

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