Traffic Cardinal Traffic Cardinal написал 06.11.2024

Как разнообразить дизайн сторис в Instagram: советы дизайнеров

Traffic Cardinal Traffic Cardinal написал 06.11.2024
12 мин
0
597
Содержание

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

banner banner

Крупные бренды привлекают дизайнеров и создают оригинальный контент, который нравится аудитории. Но добиться результатов и удерживать внимание ЦА по силам и предпринимателю, и инфлюэнсеру-новичку без огромных бюджетов и большой команды. Для начала сделайте сторис интереснее с помощью стандартных инструментов редактора Instagram и нестандартного подхода. Мы собрали лайфхаки, советы и секреты дизайнеров, о которых вы, возможно, не знали.

Советы и идеи по дизайну в Instagram

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

Тени и рамки для текста

Из доступных шрифтов в редакторе Instagram только для одного (Strong) можно включить тень. Для остальных доступны рамки или подсвечивание.

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

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

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

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

При наложении надписей друг на друга также работает анимация
При наложении надписей друг на друга также работает анимация

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

  • выбираем шрифт Comic Sans и на панели инструментов включаем выделение;

  • с помощью пробелов формируем рамку нужного размера (в конце или в начале поля ставим точку, иначе рамка просто исчезнет);

  • с помощью основного шрифта отдельно вводим текст;

  • накладываем текст на рамку.

Добавить рамку для текста можно в несколько кликов
Добавить рамку для текста можно в несколько кликов

Больше шрифтов

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

Чтобы добавить больше шрифтов:

  • перейдите через браузер на страницу igfonts.io;

  • в текстовом поле вверху введите текст;

  • появится список с фразой, выполненной разными шрифтами — скопируйте понравившийся;

  • в редакторе Instagram кликните по инструменту добавления текста и вставьте фразу.

Расширьте выбор шрифтов с помощью сайта igfonts.io
Расширьте выбор шрифтов с помощью сайта igfonts.io

Список шрифтов для кириллицы заметно меньше в сравнении с латиницей. Но все равно много интересных вариантов.

Используйте буквы и символы как элементы дизайна

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

Символы и буквы могут быть элементами дизайна
Символы и буквы могут быть элементами дизайна

Например, в этой сторис все элементы дизайна — символы и буквы. Цветочек вверху справа — это немного повернутая и увеличенная звездочка. Диаграмма справа внизу и линия слева под текстом выполнены из повернутой на 90° и увеличенной английской «I». Элемент вверху и пунктирная линия под надписью — это точки.

Обратите внимание! Текст, как и стикеры, наброски от руки можно увеличивать и произвольно вращать, используя жесты «растягивания» и «вращения» двумя пальцами.

Креативный коллаж

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

Один из вариантов шаблона для коллажа
Один из вариантов шаблона для коллажа

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

Сделайте анимацию или публикации, которые поэтапно раскрывают информацию

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

Идеи для рассказа в сторис

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

Постепенно открывайте сообщение. Сделайте фотографию или выберите фото из галереи. Подумайте, что вы планируете сообщить аудитории. Разбейте сообщение на 3–4 одинаковых части. Теперь действуем по такому алгоритму:

  • введите первую часть и сохраните через кнопку «Скачать»;

  • добавьте вторую, третью часть сообщения, каждый раз не забывая сохранять изображение на устройстве;

  • выйдите из редактора, сбросив истории, и начните новую публикацию;

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

  • подтвердите выкладывание публикации.

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

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

  • сделайте дизайн stories для публикации: добавьте фото, текст, стикеры;

  • перейдите во вкладку «Создать», выберите карандаш, цвет, зажмите на экране, чтобы заполнить все изображение текстом;

  • поверх сделайте интригующую надпись, которая подстегнет аудиторию узнать, что спрятано в stories. Скачайте изображение;

  • с помощью ластика «приоткройте» часть stories и сохраните, повторите так 3–4 раза, каждый раз сохраняя изображение;

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

Используйте цветовые наложения

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

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

  • добавьте в историю текст или видео;

  • с помощью пробелов создайте пустое текстовое поле (в начале и конце поставьте любой символ, например точку, их потом можно скрыть за кадром);

  • увеличьте текстовое поле и поверните его под нужным углом;

  • если нужно, наложите сверху текст.

Увеличенное текстовое поле можно использовать для формирования рамок и наложений
Увеличенное текстовое поле можно использовать для формирования рамок и наложений

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

Доступно и полупрозрачное фоновое наложение. Его можно сделать с помощью инструмента «Создать»:

  • выберите кисть «Маркер», настройте цвет;

  • коснитесь пальцем экрана и подержите 1–2 секунды — все изображение будет заполнено полупрозрачным цветом;

  • с помощью ластика очистите часть изображения.

Таким способом сложно сделать ровную кромку (удобнее всего установить самый большой размер). Зато можно сделать фигурный край.

Добавьте оригинальный фон для фотоисторий

Один из способов сделать сторис интереснее — добавить оригинальный фон. И вы не ограничены градиентами или однотонным цветом.

Идеи для фона:

  • используйте в качестве фона видео. Можно скачать ролик или снять с экрана Смарт ТВ видео с красивыми кадрами природы, дровяным камином. Через стикеры добавьте фотографию и растяните до нужного размера, наложите текст;

  • залейте фон одним цветом, с помощью кистей добавьте разноцветные точки, которые будут имитировать конфетти;

  • выберите тематическое изображение под тему историй и залейте полупрозрачным цветом с помощью «маркера».

Добавьте светящиеся или анимированные эмодзи

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

Светящийся эмодзи
Светящийся эмодзи

Сделать это можно в несколько кликов:

  • выберите неоновый курсивный шрифт;

  • через клавиатуру добавьте эмодзи из списка;

  • включите фон текста (для этого шрифта включается эффект свечения), выберите цвет;

  • если нужно, включите анимацию — эмодзи будет мерцать.

Еще можно добавить стикеры с эмодзи через инструмент «Стикеры». Выберите кнопку «Gif», найдите нужные эмоции через поиск.

Стикеры в формате эмодзи (инструмент «Стикеры» — «GIF»)
Стикеры в формате эмодзи (инструмент «Стикеры» — «GIF»)

Несколько приложений, которые помогут создать яркий дизайн

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

  • Adobe Express (Spark) — универсальный мобильный редактор, разработанный компанией «Адоби»;

  • Motionleap — анимация статического изображения в пару кликов;

  • A Design Ki — рисование и письмо от руки;

  • Prisma Photo Editor и Enlight Photofox — много эффектов, превращение фото в картину;

  • Font Style Candy Text on Photo — приложение для дизайна надписей.

Интерфейс приложений для дизайна stories
Интерфейс приложений для дизайна stories

Заключение

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

Здравствуйте! У вас включен блокировщик рекламы, часть сайта не будет работать!