Цвета для карусели: палитра под бренд

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

Почему цвет важнее, чем кажется

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

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

Вторая роль цвета направлять глаз. Внутри одного слайда цвет говорит: смотри сюда, потом сюда, а вот это вторично. Если все элементы равны по контрасту, глазу не за что зацепиться, человек скользит дальше. Если контраст расставлен, он читает в нужном порядке. И третья роль: цвет создаёт настроение. Тёплая палитра разговаривает иначе, чем холодная, монохром иначе, чем многоцветка. Под тему статьи нужно подбирать тон, а не просто «что красиво».

Как разобраться, какие цвета вам подходят

Палитра для карусели начинается не с Pinterest и не с готовых наборов на сайтах вроде Coolors. Она начинается с вопроса: кто вы и для кого. Психолог, который работает с тревожностью, не может говорить ярко-оранжевым, это противоречит сути. Бренд детских игрушек не должен уходить в чёрно-серый минимализм, родители не считают это игровым. Юрист в кислотно-розовом теряет доверие. Соответствие тона и сути это первое, что я проверяю, когда мне присылают «помоги собрать палитру».

Дальше идёт насмотренность в своей нише. Не воровать палитру у конкурента, а понять, в каком цветовом поле существует ваша аудитория. Скажем, вы нутрициолог, и весь сегмент работает в зелёно-бежевой гамме. Тогда ваш ярко-фиолетовый будет выделяться, но не в хорошем смысле, а как «чужой». Выделяться надо, но в своём поле, а не вылетая из него. Это значит: те же базовые семейства цветов, но свой акцент, своя пропорция, свой нюанс оттенка.

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

Сколько цветов нужно

Три. Иногда четыре. Никогда не семь. Это правило живёт в графическом дизайне последние сто лет, и в ленте соцсетей оно работает даже жёстче. У вас есть полсекунды и квадратик 1080 пикселей.

Базовая структура палитры выглядит так: основной цвет (он же фон или доминанта), вторичный (для контраста и акцентов), один акцентный (для самого важного: заголовка, кнопки, цифры). Плюс нейтральный, обычно чёрный, белый или тёмно-серый, для основного текста. Всё. Этого хватает на любую карусель из десяти слайдов и на годовую ленту впридачу.

Когда люди вываливают на слайд пять-шесть цветов, они думают, что «делают живо». На деле получается шум. Глаз не понимает, что главное, и ничего не запоминает. Лучше скучная палитра из трёх цветов, но последовательная, чем «креативная» из семи, которую вы не сможете повторить через неделю.

Цвет фона карусели: что обычно работает, а что нет

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

Чисто белый фон работает безотказно, но у него два недостатка. Он сливается с интерфейсом Инстаграма (там тоже белое поле) и выглядит слегка стерильно. Если бренд про теплоту, белый будет ему мешать. Тогда берут off-white: молочный, кремовый, песочный, очень светлый бежевый. Эти оттенки тёплые, спокойные, не утомляют и при этом отделяют карточку от ленты.

Тёмный фон стоит особняком. Он эффектен, выглядит дорого, отлично работает у брендов из сегмента lifestyle, премиума, технологий. Но требует продуманного контраста по тексту и часто плохо смотрится на телефонах с пониженной яркостью. Если выбираете тёмный фон, тестируйте на разных экранах, не только на своём.

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

И ещё одна частая ловушка с фоном: градиенты. Они выглядят соблазнительно, особенно когда видишь их у крупных брендов. Но в карусели градиент почти всегда мешает читать текст. Где-то он темнее, где-то светлее, и одна и та же подпись на одном слайде читается, а на другом теряется. Если очень хочется градиент, делайте его едва заметным, в пределах одного-двух тонов, и никогда не пускайте текст поперёк перехода. Лучше плоский цвет, чем половинчатый градиент.

Сочетание цветов в карусели: на чём держится гармония

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

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

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

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

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

И отдельно стоит нейтральная схема с одним акцентом. Девяносто процентов нейтрального (белый, бежевый, серый, чёрный) плюс десять процентов одного яркого цвета как фирменного. Это, на мой взгляд, самый универсальный вариант для SMM. Минимум риска, максимум узнаваемости.

Отдельно скажу про сезонность. Многие пытаются менять палитру под праздники: к Новому году добавляют красный с зелёным, к 8 марта розовый, осенью терракотовый. Не делайте. Палитра бренда должна жить год за годом, иначе вся работа по узнаваемости обнуляется каждые два месяца. Если очень хочется сезонного оттенка, добавьте его как дополнительный акцент на один-два слайда внутри одной карусели, но базовая тройка остаётся той же. Это как с одеждой. Куртку носят весь сезон, а шарф меняют под повод.

Как подобрать цвета для карусели: практический порядок

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

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

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

И последний шаг: фиксирую палитру в виде цветовых кодов и сохраняю себе. Не «вот эти красивые», а конкретные коды, например #2A4D3E, #F5E6D3, #C9A961. Чтобы через две недели не подбирать заново и не уехать на полтона в сторону.

Контраст текста и фона: отдельная боль

Палитра может быть гармоничной и красивой, но если текст плохо читается, всё впустую. Соцсети это телефон в руке, на улице, при солнечном свете, через бликующее стекло. Текст должен пробиваться через эти помехи. Поэтому я отдельно проверяю каждую связку «текст на фоне», не глазом, а на самом телефоне. Открываю карточку, отношу руку подальше, смотрю прищурившись. Если читается, годится.

Самая частая ошибка с контрастом это серый текст на бежевом или белом фоне. На макбуке выглядит стильно и спокойно, на телефоне превращается в кашу. То же с тонкими шрифтами акцентного цвета, например мятным или светло-голубым на белом. На большом экране это «дизайн», на маленьком «непонятная подпись внизу». Если хочется именно такого нежного эффекта, увеличивайте кегль и делайте текст плотнее. Контраст можно набрать не только цветом, но и весом шрифта.

Где собирают палитру в Каруселине

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

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

И для маркетплейсов, кстати, тоже сделано. Палитра под бренд работает на главных фото, инфографике, before-after, на полной карточке Wildberries и rich-контенте Ozon. То есть один раз настроили цвета, получили согласованную визуальную систему и в соцсетях, и на маркетплейсах.

Если ещё не пробовали, при регистрации даём пятьдесят токенов, этого хватает на одну карусель из десяти слайдов. Сначала настройте палитру под себя, потом сгенерируйте. Увидите, как меняется ощущение, когда цвет становится дисциплиной, а не случайностью. И, главное, ваши подписчики наконец начнут узнавать вас по пятну в ленте, не дочитывая до подписи автора.