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

Разделите цвета по ролям

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

Проверяйте контраст текста и фона

Текст должен читаться на любом экране и при любой яркости. Ориентир из рекомендаций по доступности WCAG — контраст не ниже 4,5 : 1 для обычного текста и 3 : 1 для крупных заголовков. Проверить пару цветов можно в любом онлайн-калькуляторе контраста. Светло-серый текст на белом и тёмно-синий на чёрном — частые примеры пар, которые выглядят стильно, но читаются плохо.

Один акцент сильнее пяти

Акцентный цвет работает, только пока его мало. Если ярким выделены заголовок, три слова в тексте, рамка и иконка, глаз не понимает, куда смотреть. Выделяйте акцентом одну вещь на слайде. Хорошая проверка: прищурьтесь, глядя на карточку, и посмотрите, что заметно первым. Это должно быть главное.

Подберите палитру от бренда или от фотографии

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

Текст поверх фото — только с подложкой

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

Светлая или тёмная тема — решите для всей серии

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

Проверьте палитру в ленте, а не только в редакторе

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

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

Сколько цветов использовать в карусели?

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

Какой контраст нужен для текста на слайде?

Ориентируйтесь на рекомендации WCAG: не ниже 4,5 : 1 для обычного текста и 3 : 1 для крупных заголовков. На практике лучше брать с запасом, потому что телефон часто смотрят на ярком свету.

Что лучше для карусели: светлый или тёмный фон?

Оба варианта работают. Тёмный фон заметнее в ленте и подходит для коротких тезисов, светлый удобнее для длинного объясняющего текста. Главное — выбрать одно направление для всей серии.

Как сделать, чтобы текст читался на фотографии?

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

Можно ли менять цвета от публикации к публикации?

Можно, если сохраняется система: те же роли цветов, тот же контраст и одинаковое место акцента. Узнаваемость серии держится не на одном оттенке, а на повторяющейся логике оформления.