Как красиво оформить сторис

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

Что влияет на дизайн сторис

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

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

Тренды в дизайне сторис

Сторис от крупных компаний создают целые команды: SMM-специалисты, маркетологи, дизайнеры, копирайтеры. Поэтому бренды используют продуманный сюжет, за которым хочется следить — участвовать в акциях, оставлять комментарии, пересылать близким. В этом особая роль дизайна — VR- и 3D-объекты до сих пор удивляют, а продуманные движения камеры и монтаж выглядят стильно.

Фирменный стиль

Элементы оформления по брендбуку и гайдлайну — фишка крупных компаний. Их сторис можно «опознать» в ленте по цветам, шрифту, логотипу, иллюстрациям или 3D-рендерам.

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

«Живой» контент

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

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

Нейросети

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

Инструкции и чек-листы

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

Анимация

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

Еще отрисовывают персонажей и их движения в профессиональных программах вроде Adobe After Effects. А отдельные элементы будто «зависают» в пространстве — это добавляет картинке объем.

Как снимают сторис блогеры

Часто у блогеров нет времени на дизайн — вовлечение скорее поднимет аутентичный или мемный контент, а не стильный. А нестареющие приемы верстки используют, чтобы оформить хайлайтс (сторис к закрепе профиля) или прогреть аудиторию к покупке своего продукта.

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

Базовая анимация. Для монтажа видео часто достаточно простых и интуитивно понятных приложений. Поэтому и эффекты для сторис предустановленные — плавные растворения картинки, пленочные засветы, микродвижения объектов, пролеты камеры.

Как повторить успешные сторис

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

Придумать сценарий

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

На этом же этапе стоит проработать текст. Его не должно быть много — одно-два предложения на одну сторис. Иначе придется мельчить и будущая картинка станет нечитабельной. 

Сценарий можно доверить нейросети. Например, редактор Unisender в своем Telegram-канале советует методику PMPHSA — плавный переход от боли аудитории к решению.

Сделать фото

Когда сценарий готов, нужно собрать под него все материалы. Учитывайте, что размер сторис — 1080х1920 или 9:16 в пропорции. 

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

Атмосферно смотрятся снимки с естественным солнечным светом, разным кадрированием — от общего плана до макросъемки. Такие кадры можно найти на Unsplash, Pixabay или Life of Pix — последний пригодится также для сторис с видео. Например, можно указывать тематические запросы: «Interior design», «summer food», «pet».

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

Автор статьи ведет канал о йоге — а промпты, которые выдает ChatGPT переносит в Recraft. В итоге получается сет из 5-8 картинок в едином стиле — занятия дома и в группе, летняя природа, метафоры духовного роста.

Подготовить видео

Сторис можно собрать на основе видео — по сценарию, который подготовили на прошлом этапе. Это могут быть несколько роликов, которые на этапе монтажа объединятся в один. 

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

Строгих правил по съемке сторис нет — и это дает пространство для творчества и экспериментов с трендами. Для вдохновения можно посмотреть больше сторис в каналах брендов и блогеров. А еще обучающие туториалы, как в примерах ниже.

Собрать сторис

Последнее — собрать сторис по готовому сценарию и визуалу. На этом этапе важно обратить внимание на согласованность всех элементов — карточки должны последовательно погружать в тему и предлагать четкое решение. 

Чтобы упростить себе задачу, можно создавать сторис в специальных сервисах:

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

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

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

500 Stories. В приложении на iOS можно работать с фото и видео — выбрать шаблон и стоковые фото или музыку, посмотреть руководство по дизайну.

CapCut или VN. Приложения для работы с видео помогут смонтировать ролик и наложить трендовые блогерские эффекты — цвета, фоны, переходы между кадрами.