В этой статье статье мы с вами подробно поговорим об оформлении сторис в 2024 году:

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

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

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

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

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

Все мы когда-то вели сторис «как умели» и оформляли соответственно так же: масочки-собачки из SnapChat, обилие гифок и опросников, любимый шрифт Comic Sans с его «красивеньким» выделением в виде мазка кисти — помните это время?

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

Хорошо, что это длилась она не долго — оформление таких сторис было очень сложным, замудрённым и отнимало очень много времени.

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

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

✔️ грамотное использование композиции ✔️ шрифтов и типографики ✔️ соблюдение иерархии текста ✔️ единообразную цветовую гамму

Как вы уже поняли, оформление сторис важно по нескольким причинам:

1. Повышение вовлеченности: Хорошо оформленные и интересные сторис позволяют увеличить вовлеченность аудитории. Это может привести к большему числу просмотров и реакций, таких как лайки, комментарии и репосты.
2. Выделение среди конкурентов: Если ваше содержание выделяется, больше шансов, что подписчики будут возвращаться к вашим историям и рекомендовать их другим.
3. Укрепление личного бренда: оформление сторис и дополнительные графические элементы, такие как стикеры и цветовое решение, помогают усилить ваш бренд. Вы можете использовать конкретные цвета, шрифты и стили, которые соответствуют вашему бренду, чтобы укрепить его идентификацию и узнаваемость.
4. Повышение интерактивности: С помощью стикеров и других интерактивных элементов, таких как опросы и слайды, вы можете сделать свои истории более интерактивными и вовлекающими для подписчиков.

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

Повторюсь:

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

1. ВИЗУАЛЬНАЯ КОНЦЕПЦИЯ

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

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

Вот несколько советов, которые помогут вам в этом:

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

2. ШРИФТЫ И ТИПОГРАФИКА

Грамотное использование шрифтов — это уже 90% успеха в оформлении сторис, потому что даже изначально красивую фотографию или видео можно испортить уродским шрифтом или цветовым сочетанием.

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

Для этого используются дополнительные программы: Studio, Базарт, Phonto, PicsArt, CapCut, InShot, VN.

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

Скачать шрифты для оформления сторис вы можете на моём бесплатном канале ПРО REELS & STORIES ( 🔍 ищите по тегу #шрифты) или подобрать на сайтах:

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

Вот несколько общих рекомендаций:

1. Сложные каллиграфические шрифты. Такие шрифты могут выглядеть красиво, но они часто трудно читаемы, особенно на маленьких экранах мобильных устройств.
2. Шрифты с мелкими деталями. Если детали слишком маленькие, они могут стать неразличимыми, особенно при масштабировании.
3. Шрифты, которые слишком схожи с фоном. Особенно это касается гарнитур Light и Thin, они слишком утончённые и текст может стать трудно читаемым.
4. Шрифты, которые не соответствуют вашему стилю. Шрифт должен помочь передать тональность вашего сообщения и быть в гармонии с вами.

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

Это принцип явного контраста, он применим и для шрифтов внутри Инстаграм* и для сторонних скачанных шрифтов:

Для оформления сторис я советую использовать не более двух шрифтов: первый шрифт используем для заголовков из не более 6-8 слов, второй шрифт для набора основного текста — это называют шрифтовой парой.

Шрифтовая пара — это два шрифта, которые используют в сторис для оформления текста на одном пространстве: для заголовка и основного текста.

В шрифтовой паре один шрифт считается главным, другой — второстепенным.

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

Если текст большой и объёмный, особенно с несколькими абзацами, то использовать выравнивание по левому краю.

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

3. ИЕРАРХИЯ ТЕКСТА

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

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

Обязательно группируйте текст в сторис по смыслам:

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

Так же важное правило при оформлении сторис:

Не пытайтесь «впихнуть невпихуемое» в одну историю (пожалейте зрителя, которому всё это придётся читать 😄), лучше разбить на несколько историй.

А что делать, если нужно донести большой объём информации?

1 — Если у вас уже есть готовый большой текст, например в заметках, поделите информацию на части, каждая из которых не должна содержать больше двух, а максимум трёх предложений! Каждый смысловой абзац выносите в отдельную сторис или в одной не более 3-4 абзацев (меньше ещё лучше).

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

3 — Только после того, как текст разделён и переработан приступаем к его визуальному оформлению. На этом этапе нам важно, чтобы он стал ПОНЯТНЫМ и ЧИТАЕМЫМ.

4. ЦВЕТОВАЯ ГАММА

Вспомните ваших любимых блогеров, наверняка каждый из них у вас ассоциируется с каким-либо цветом. Например: Эня Таипова — это голубой, Арина Алекс — фуксийно-розовый, Артем Сенаторов — оранжевый и т.д.

Если пока вам сложно ответить на этот вопрос, то можно прибегнуть в двум способам его определения:

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

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

Еще несколько общих рекомендаций по выбору цветовой палитры:

1. Соответствие бренду. Цвета ваших сторис должны соответствовать вашему личному бренду (если речь идёт о коммерческом аккаунте магазина, то повторять цвет логотипа или фирменного стиля). Это поможет усилить узнаваемость бренда и создать целостный образ. Цвет в сторис может стать вашем визуальным якорем.
2. Контраст. Используйте контрастные цвета для обеспечения хорошей читаемости текста и выделения важной информации. Избегайте аляпистости: не нужно использовать все цвета радуги в одной или серии сторис. Лучше остановите свой выбор на двух цветах: основной (например, белый) и акцентный (например, розовый).
3. Учитывайте вкусы своей целевой аудитории. Цвета могут вызывать различные эмоции и ассоциации у разных людей, поэтому важно учитывать предпочтения и ожидания вашей целевой аудитории. Например, если речь идёт о аккаунте магазина одежды для новорожденных, то уместнее использовать цвета нежных пастельных оттенков, если магазин для тинейджеров, то тут уже можно добавить что-то яркое и дерзкое (зелёный, жёлтый, ярко синий).
4. Согласованность. Если вы используете несколько слайдов в одном сторис, старайтесь сохранять согласованность в цветовой палитре, чтобы создать гармоничный и целостный образ. Это значит используем одну выбранную палитру во всех сторис, без импровизации.
5. Простота. Не используйте слишком много цветов, это может сделать ваши сторис перегруженными и сложными для восприятия.

Что делать если текст на сторис не читается?

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

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

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

5. КОМПОЗИЦИЯ И ПРОСТРАНСТВО

1. Баланс элементов. Постарайтесь распределить элементы равномерно по всему пространству. Это поможет избежать перегрузки одной части сторис и создаст ощущение гармонии.
2. Использование отрицательного пространства. Отрицательное пространство (или пустое пространство) помогает выделить важные элементы и делает дизайн более "воздушным" и лёгким для восприятия.
3. Правило третей. Это классическое правило композиции, которое предполагает деление изображения на девять равных частей и расположение важных элементов по линиям или на пересечениях этих линий.
4. Иерархия элементов. С помощью размера, цвета и расположения элементов вы можете показать, какая информация важнее и как зритель должен двигаться по сторис.

6. РАЗНОПЛАНОВОСТЬ

Например, сначала «говорящая голова», потом общий план, затем фотография, потом опять меняем план – на крупный, а после совсем другой формат контента.

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

Делайте из ваших историй мини-фильмы, которые хочется досмотреть до конца.

7. ДОПОЛНИТЕЛЬНЫЕ ЭЛЕМЕНТЫ

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

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

Канал «Дизайн твоих Stories» был создан мной более двух лет, с целью упростить и сократить время на создание контента для Stories и у меня это получилось!

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

Дизайн твоих Stories — закрытый телеграм-канал, где всего за 990₽ 1590₽ единоразово (не подписка) вы получаете все необходимые элементы для оформления красивых сторис.

Канал существует уже более двух лет, на нём собрано и создано мной:

✦ более 9.000+ элементов ✦ надписи, готовые фразы ✦ плашки, пятна, инфографика ✦ стикеры для реакций и репостов ✦ дни недели, праздники, для особых событий

Плюс каждый месяц на канале выходят новые обновления (до 5 раз в месяц) в соответствии с инфоповодами, праздниками, трендами и новинками в оформлении сторис.

Без преувеличений, это самый быстрый способ, создания красивых сторис!

И уже более 4.200 участников канала тому подтверждение:

При покупке доступа на канал, вам будут доступны все материалы, вышедшие за два года его существования, а это 9.000+ готовых стикеров, фонов, элементов и надписей.

Если ссылка не открывается или возникли сложности с оплатой: отключите VPN или обратитесь в службу заботы — на поможет быстро решить ваш вопрос.

Благодарю вас за изучение этого материала, верю, что он оказался для вас полезным и жду вас на канале «Дизайн твоих Stories»!

Всем красивых сторис и высоких охватов! ❤️ Валентина А.

*Instagram (компания Meta) — признана экстремистской организацией и запрещена в РФ