19 сентября 2022 35623

Как красиво оформить сторис в Инстаграм - 35 идей и примеров [2024]

Сторис появились в Инстаграме* в 2016 году — через три года после релиза похожей идеи в Snapchat. Несмотря на копирование, это стало одним из лучших нововведений платформы: интерактивные видео, пропадающие через 24 часа, эффективно вовлекают, легко делаются и быстро листаются. Сторис смотрят ежедневно больше 500 миллионов людей, поэтому они могут стать полезным инструментом продвижения для личных аккаунтов и корпоративных блогов.

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

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


1. Ставить единую подложку для объектов

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

Еще одна фишка, которую можно подметить в этих историях — стрелки, которые ведут от call-to-action и указывают на блок «Отправить сообщение». Они выполнены в фирменных цветах и повышают вовлеченность пользователей.


2. Использовать иконки

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

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


3. Вырезать объекты

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


4. Используй и обыгрывай знакомые образы

Если ton of voice позволяет, то стоит использовать мемы и интересные образы. Они знакомы большинству людей из фильмов, сериалов и книг, поэтому их можно обыграть и адаптировать под свою нишу. Например, чтобы рассказать о своей деятельности, блог использовал знакомый паттерн из фильма «Крестный отец» и отсылку к карьерной лестнице. Сделать красивые рисунки можно в графическом редакторе Adobe Photoshop или сервисах для создания креативов (например, Canva). Сторис не выглядят перегруженными, потому что в одном фрагменте транслируется одна мысль и есть баланс между изображением и текстом.


5. Используй единый фон

Единый фон помогает пользователям понять, что сторис объединены одной темой, выглядят аккуратно и продуманно. Заливку легко сделать при создании сторис в Инстаграм* или заранее в графическом редакторе.


6. Минимум текста и фото для четкости мысли

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

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


7. Показывать количество фрагментов

Чтобы пользователь понимал, сколько материала его ждет впереди и не бросил просмотр сторис на полпути, можно добавлять блоки, показывающие количество элементов, например, «1/4», «2/4». Часто люди оставляют тексты, потому что их пугает количество контента и времени, которое придется на него потратить. Небольшой блок  может повысить досматриваемость сторис и вовлечение аудитории.

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


8. Использовать графические элементы для фона

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

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


9. Выделять главное рамками

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


10. Затемнять фото и использовать фильтры

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


11. Делать акцент на тексте цветом

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


12. Дублировать слова текстом

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

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


13. Использовать яркие цвета для выделения

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

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


14. Использовать мазки кистью

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

Самые высокие ставки по RU, BY, KZ от прямого рекламодателя FONBET PARTNERS! К заливам!

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


15. Структурировать текст

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


16. Комбинировать яркие и черно-белые картинки

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

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


17. Создавать рамку из текста

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

На сторис ниже аккаунт цветочных букетов делает акцент на презентации товара и его стоимости. В рамке текст «Первое сентября» напоминает пользователям о празднике и предлагает повод купить цветы. Сделать динамическую рамку можно в  Figma, а статическую и в редакторе Инстаграма*. Если вы умеете красиво оформлять сторис, опубликуйте портфолио в разделе Резюме и получите классные прибыльные заказы!


18. Вставлять фото устройств

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


19. Вставлять фото продуктов фоном

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


20. Добавлять абстракции в рамки

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


21. Вставлять скрины из других приложений

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

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


22. Адаптировать форматы

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


23. Используйте единый шрифт

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

Разные шрифты передают разное настроение. Начертания с засечками говорят о строгости, серьезности компании, легко читаются. Шрифты без засечек выглядят современнее и мягче.

 


24. Добавляй свои фоны

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


25. Ставить фото постов фоном

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


26. Использовать предыдущие сторис фоном

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


27. Использовать заливку

Заливка в сторис помогает удерживать внимание подписчиков и сохранять интригу. Это простой инструмент, который можно найти в редакторе Инстаграм*. В сторис ниже в первом фрагменте залили всю площадь кроме небольшой области и добавили вовлекающую фразу «Угадайте, что на ланч?». На втором элементе выделили красным меньшую часть, чтобы дать ответ на поставленный вопрос. В такие интерактивы можно добавлять опросы и голосования, разыгрывать призы.


28. Добавлять стикеры

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

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


29. Персонифицировать продукт

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

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

Голосуй за лучшую iGaming партнерку 2024. Престижная премия MAC AWARDS: твой голос может стать решающим

30. Использовать хештеги

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


31. Отвечать на вопросы картинками

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


32. Формировать информационные блоки

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


33. Делать шаблоны для репостов

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

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


34. Вставлять 3D фигуры

3D изображения смотрятся стильно, современно и необычно. Их можно использовать для вовлечения аудитории на сторонние площадки или просто для расставления акцентов в сторителлинге. Их создание занимает немного больше времени, но работу можно оптимизировать в Adobe Photoshop или Figma.


35. Оригинально обрабатывать фото

Вставленные фото или картинки можно интересно обыграть за счет подложки или фона. На сторис ниже в одном фрагменте использовали эффект волны, который несет картинки на тему фильма «Агент 007», а на втором просто добавили светящуюся обводку и изображение стало выглядеть интереснее. Если делается акцент на фото, то фон нейтральный и однотонный. Для вовлечения аудитории тут использовали не голосование от Инстаграма*, а самостоятельно вставили скругленные блоки с вариантами ответа, чтобы не выбиваться из концепции.


5 удобных приложений для оформления сторис

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

Unfold

Бесплатное приложение с несколькими платными шаблонами от 75 рублей. Есть в Google Play и App Store. Два платных тарифа:  Unfold+ за 1499 рублей в год или 229 рублей в месяц; UnfoldPro за 4500 рублей в год или 599 рублей в месяц. С Unfold+ открывются новые шрифты, эфекты, стикеры и шаблоны, а с UnfoldPro можно загружать свои шрифты, лого и цвета, редактировать публикации в браузере, публиковать сторис по короткой ссылке. Оба формата можно попробовать бесплатно в течение 3 дней, для этого нужно привязать карту.

У бесплатного тарифа:

  • 29 шаблонов в минималистичном стиле;
  • фотографии из базы или из галереи;
  • 21 цвет для фона;
  • 6 шрифтов для текста и возможность редактирования;
  • возможность создавать карусели и прослеживать единый стиль;
  • возможность сохранять готовую сторис в галерею или загружать в Инстаграм*.

AppForType

Бесплатное приложение с платными элементами от 50 рублей для Android и iOS. В приложении можно создавать коллажи, добавлять стикеры и текст на фото. Есть 45 текстовых стикеров на 4 темы: Travel, Happy Monday, Dream, Love, платные и бесплатные стикеры — фигуры, абстрактные рисунки или мазки кисти. Есть возможность регулировать прозрачность, стирать часть изображений, менять слои элементов местами.

В AppForType больше 60 шрифтов, половина из которых поддерживают кириллицу. Бесплатно доступно 3, доступ ко всем стоит 229 рублей.

 


Canva

Онлайн-редактор для браузеров с мобильным приложением для iOS и Android. Работает с VPN, основной функционал бесплатный, есть платные элементы и подписка. Подписка на год стоит дешевле, чем на месяц и стоимость зависит от размеров подключенной команды. Минимум — 499 рублей в месяц или 3990 рублей в год для команды из 5 человек.

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


Adobe Spark Post

Приложение для iOS и Android для создания дизайнерских постов и сторис. На бесплатных макетах ставится водная марка, которой нет в платной версии.

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

 

 


InShot

Бесплатное приложение с платными эффектами, фильтрами и стикерами. Чтобы убрать рекламу, нужно заплатить 209 рублей для Android и 229 рублей для iOS, стикеры стоят от 65 рублей для Android и от 75 рублей для iOS.

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

Вывод

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

Будете ли применять советы, чтобы сделать сторис красивее?
8 голосов

*запрещенная в РФ организация

Топовые спикеры международного рынка KJ ROCKER и VAN OAKES на MAC’24 30-31 мая в Ереване. Успей купить билет со скидкой до 30%
Как вам статья?
ПОЛУЧИТЬ АКТУАЛЬНУЮ ПОДБОРКУ КЕЙСОВ

Прямо сейчас бесплатно отправим подборку обучающих кейсов с прибылью от 14 730 до 536 900 ₽.

Топовая партнерка 1xSlots