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

Идеи для оформления разных типов контента

фон для сторис

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

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

Как оформить разные виды сторис

Оформление фона сторис всегда подстраивается под содержимое публикации. Разбираемся, как разные форматы контента влияют на его дизайн.

Текст. Важно, чтобы он не сливался с фоном и оставался читабельным. В качестве подложки подходит однотонная заливка, мягкий градиент или фотография с сильным размытием.

Пример однотонного фона для stories
Сторис с текстом и однотонным фоном. Источник

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

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

Правило можно нарушить, если это оправдано задумкой. Допустим, ваша цель — создать дизайн в стиле Y2K, для которого характерен максимализм и визуальный хаос.

Stories с картинкой на фоне в Телеграм-канале Спортмастера
Спортмастер использует картинки в качестве фона для сторис с фото товаров и другими изображениями. Источник

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

Статичные фоны для сторис с видео в соцсетях МТС
МТС использует однотонные и градиентные подложки для видео в сторис. Источник

Дизайн историй в соцсетях зависит и от их целей. С этой точки зрения можно выделить три основных типа. Рассмотрим особенности оформления каждого.

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

Дизайн фона для информационных сторис от Литрес
Пример фонов для сторис с акцентом на текст в аккаунте Литрес. Источник

Продающие. Их задача — познакомить аудиторию с товаром или услугой и подтолкнуть ее к покупке. Текст часто сопровождают фото товара или видео с ним, они могут служить фоном для сторис. Это помогает ненавязчиво продемонстрировать предмет, создать нужную атмосферу и пробудить желание его приобрести.

Как сделать фон в stories с фото продуктов на примере ProteinRex
Сторис в Telegram ProteinRex с фотографиями продуктов на фоне. Источник

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

Фон для интерактивной сторис
Фон для сторис с опросом от ВкусВилла. Источник

Виды подложек для сторис

Сделать красивый фон можно с помощью встроенных в социальные сети редакторов или внешних сервисов. Делимся вариантами оформления сторис и инструкциями, как их воспроизвести.

Однотонная заливка. Это сплошной цвет без градиентов, узоров и текстур — самый простой, быстрый и универсальный вариант подложки для сторис. Благодаря ему фокус внимания пользователей остается на сообщении или визуальных элементах. А текст хорошо читается, особенно если выбрать контрастный оттенок.

Однотонный фон для сторис косметического салона SHIK
Сторис с однотонным фоном и контрастным текстом от салона SHIK. Источник

Чтобы сделать цветной фон в сторис во ВКонтакте, нужно открыть приложение и выбрать фотографию, которую хотите опубликовать. В боковом меню нужно нажать на инструмент «Заливка». После клика по нему появится возможность выбрать оттенок — стандартный или кастомный, с помощью «Пипетки».

Как сделать однотонную заливку в сторис во ВКонтакте
Инструкция, как опубликовать историю с однотонным фоном во ВКонтакте

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

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

Пример сторис с градиентным фоном
Градиентная подложка для сторис от Золотого Яблока. Источник

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

Градиенты для stories
Стандартные градиентные фоны для сторис

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

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

Пример фонового паттерна для сторис
Сторис с паттерном на фоне. Источник

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

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

Картинка должна соответствовать контенту по смыслу. Например, если сторис о путешествии, для фона можно выбрать фотографию пляжа или города.

Пример фонового изображения для сторис
Ozon Tech использовал в качестве фона для сторис фото локации анонсированного мероприятия. Источник

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

Инструкция, как сделать полупрозрачный фон в сторис
Инструкция, как наложить полупрозрачный слой на картинку

Чтобы элементы не сливались, лучше сделать их контрастным. Например, разместить цветное изображение на черно-белой подложке, а черно-белое — на цветном фоне. 

Пример цветного и чб фона для сторис
Черно-белый и цветной фон для сторис

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

Шаблоны историй в приложении Canva
Шаблоны для сторис в сервисе Canva

Где искать готовый фон

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

Фотостоки. Там можно находить и скачивать красивые фотографии, текстуры, паттерны и градиенты, подходящие для оформления историй в соцсетях. Многие ресурсы предоставляют контент бесплатно. А на некоторых доступны макеты сторис в формате PSD, которые можно редактировать в Photoshop

Популярные платформы — Unsplash, Pexels, Pixabay, Freepik. Больше фотостоков для любых целей ищите в нашей подборке.

Онлайн-редакторы. Canva, Supa, Unfold, VistaCreate и другие сервисы предлагают готовые шаблоны для сторис. Во многих из них встроены фотобанки, поэтому не придется отдельно искать фон — все можно сделать прямо в приложении.

Визуальные социальные сети. Можно собирать красивые картинки на досках в Pinterest или искать эстетичный визуал в его аналогах — Cosmos, Savee, Bazaar. Для коммерческого использования важно убедиться, что автор разрешает использовать материалы.

Создать картинку для фона можно с помощью нейросетей. Например, мы рассказывали, как сгенерировать изображение в Leonardo AI, KREA, Шедеврум и других сервисах.

Рекомендации по работе с фоном

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

Собрали еще несколько простых советов, как подобрать картинку для фона. Больше рекомендаций — в этой статье.

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

Единый стиль фонов для сторис НМГ
Фон сторис Национальной Медиа Группы выполнен в одном стиле. Источник

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

Фон для сторис в фирменном стиле Unisender
Unisender использует для фонов в сторис фирменные иконки и цветовую палитру. Источник

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

Шаблоны сторис от Авиасейлс
Дизайн-макеты сторис с разными фонами от Авиасейлс. Источник

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

Фон для сторис с местом для ссылки
Дизайнеры медиа «Кинжал» предусмотрели в сторис место для ссылки. Источник

«Честно» — рассылка о том, что волнует и бесит

Искренние письма о работе и жизни, эксклюзивные кейсы и интервью с экспертами диджитала.

Наш юрист будет ругаться, если вы не примете :(
Подписаться на тг 🐶