Тренды дизайна Stories
Всем привет! На связи Катя, автор ТГ-канала «Банк идей — Stories».
Каждый день я пролистываю сотни антитрендовых Stories блогеров и бизнесов, отбирая актуальный контент для канала.
Именно эти муки поиска и вдохновили меня на написание статьи, главная цель которой — добавить вкуса и красоты в каждую Stories.
В статье вы найдете подробное описание трендов, реальные примеры их реализации и полезные дополнительные материалы.
Вся информация актуальна как для новичков, так и для профи в сфере Instagram.
Создание Stories занимает много времени у каждого блогера, эксперта и владельца коммерческого аккаунта. Из этой многоуровневой работы мы сегодня разберем одну из самых важных частей — оформление Stories.
Как говорится, встречают по одежке, а по уму только провожают. Поэтому даже самый смысловой контент в плохом оформлении будет безжалостно пролистан!
Из этого получаем нехитрую формулу: НЕКАЧЕСТВЕННЫЙ контент = УПУЩЕННАЯ выгода
Я думаю, вряд ли кто-то из вас хочет осознанно тратить часы своего времени, не получая максимального результата от своей работы.
Данная статья ДЕЙСТВИТЕЛЬНО может вам помочь улучшить качество вашего контента и посмотреть на свою работу под новым углом.
Для этого рекомендую прибегнуть к моим советам по прочтению:
- Останавливайтесь на визуальных примерах и рассматривайте каждый по отдельности с помощью приближения
- Беглое прочтение статьи не принесет высоких результатов! Выделите время на вдумчивый анализ теории и примеров
- Выписывайте всю новую и интересную информацию для дальнейшего быстрого поиска
- Применяйте в своем Instagram-акккаунте
- Если не хватает технических знаний и дополнительных материалов для реализации понравившихся идей — не пропустите видео-уроки и подписывайтесь на канал.
Антитренды и Тренды: как отличить?
Для начала обсудим общие тенденции.
Антитренд в Stories: нагроможденный дизайн, перегруженный текстом и элементами, которые затрудняют восприятие заложенных смыслов.
Даже если вы видите подобные примеры в Pinterest, Telegram-каналах, TikTok или на просторах Instagram, это совершенно не значит, что такие Stories актуальны в 2021 году.
ПРИМЕРЫ АНТИТРЕНДОВОГО ДИЗАЙНА STORIES:
Тренд в Stories: лаконичный, эстетичный дизайн, простота дополнительных элементов и шрифтов.
Основная тенденция: упрощение дизайна Stories. В процессе прочтения статьи вы увидите, что именно простота и минимализм объединяют все тренды.
ПРИМЕРЫ ТРЕНДОВОГО ДИЗАЙНА STORIES:
Актуальные тренды оформления Stories
Разделим процесс создания Stories на составляющие. У нас получится:
Теперь перейдем к обзору трендов каждой части:
I.Подложка
Тренд №1. Однотонный приглушённый фон
Для базовой (цветовой) подложки Stories предпочтение отдается пастельным тонам.
Как фон не используем яркие, флуоресцентные, кричащие цвета. Они нам пригодятся для акцентов в трендах ниже.
Тренд №2. Фон с акцентными пятнами
К однотонной подложке добавляются яркие цвета для фокуса внимания и выделения дополнительных элементов в Stories.
Как акцент используются цвета, не рекомендованные в тренде выше.
И по сей день градиент остается трендом.
Его актуальная реализация — использование пастельных цветов, добавление воздушности и легкости визуальному восприятию Stories.
Комбинация двух типов подложки, где на одной части располагаются текст и дополнительные элементы (цветовой фон), а вторая является началом следующей Stories или продолжением предыдущей (фото).
Комбинация нескольких фото\видео\цветовых фонов, составляющих правильную или неправильную геометрию экрана телефона.
II Обработка подложки
Эффект блюра позволяет аудитории сосредоточиться на тексте и его смыслах, убирая фото-подложку на второй план.
Размытие применяется ко всей фотографии, если она занимает всю или большую часть подложки, а поверх добавляются текст и\или дополнительные элементы.
Тренд №2. Эффект блюра на определенную область
Применяется для выделения части фото-подложки.
Дополнительные элементы используются только для усиления акцента на область без размытия.
Чаще всего в тексте Stories с таким эффектом речь идет о выделенном на фото объекте.
Тренд №3. Цветовой акцент на выбранную область
Выделение цветом происходит по тем же правилам, что и выделение размытием в тренде выше.
Тренд №4. Полупрозрачная заливка
Добавление полупрозрачного цвета поверх всей основной подложки.
Благодаря этому эффекту текст и дополнительные элементы выходят на передний план, и даже наполненная подложка не перетягивает все внимание аудитории на себя.
Трендовый вариант этого эффекта создается в дополнительных приложениях, а не с помощью функций в самом Instagram!
Чаще всего зернистость используют в паре с другими трендами для усиления их эффекта. В самом простом варианте зерно используется самостоятельно.
Эффект динамики на фото-подложке, усиливающий смысл и эмоциональный фон самого изображения.
Используется в совокупности с минимальным количеством текста и дополнительных элементов.
III.Текст
Тренд №1. Дополнительные шрифты
Использование шрифтов, не встроенных в Instagram, самый актуальный тренд этого года. Они помогают создать уникальный дизайн, выделиться и запомниться среди многочисленных блогов.
Использование шрифтов с имитацией рукописного текста или использование дополнительных гаджетов для написания текста вручную в сторонних приложениях.
Составление из текста контуров или абстрактных и геометрических фигур.
Использование нестандартного расположения букв или символов в главном по смыслу слове.
Хаотичный текст фокусирует на себе внимание аудитории, за счет чего помогает увеличить длительность просмотра Stories.
Тренд №5. Деформированный текст
Эффект помятого текста используется двумя способами. Первый — как самостоятельный элемент и основной акцент дизайна Stories. Второй — как оформление части или всей подложки.
Один из самых часто используемых трендов 2021 года — расположение текста по окружности или ее части. Зачастую текст анимируют, задавая ему движение по кругу, что добавляет динамики статичной Stories.
Тренд №7. Текст с эффектом блюра
Еще один вариант использования эффекта размытия — это применение его на текст.
При правильном использовании этот тренд не только добавляет свежести дизайну вашей Stories, но и усиливает заложенную смысловую нагрузку.
Создает эффект многослойности на вашей Stories. Позволяет «играть» с расположением элементов по планам.
Тренд №9. Текст в графичексом объекте
Заполнение объекта текстом без или с обводкой по контуру. Чаще всего, как объект, используют круги, но также можно выбрать любую другую форму. Отлично подходит как для смыслового акцента, так и для декоративного использования.
Многократное дублирование одного слова или фразы хорошо комбинируется с другими трендами текста. Например: блюр, задний план, изогнутый текст и другие.
Тренд №11. Цветовой акцент на тексте
Изменение основного цвета текста на частях под доп. элементами.
Этот эффект в текстах Stories редко несет в себе смысловую нагрузку, чаще являясь исключительно дизайнерским решением.
IV. Дополнительные элементы
Внесение части информации или фотоматериалов в стандартные макеты устройств: экраны телефонов\ноутбуков\компьютеров\планшетов.
Тренд №2. Выход за пределы объекта
Суть тренда состоит в добавлении фото в любой объект, при этом фотография частично ограничена контурами дополнительного объекта, а частично выходит за его границы.
Выход за пределы объекта — еще один хороший вариант создания многоплановости и визуальной глубины вашей Stories.
Тренд №3. Фото в графической объекте
Поверх основной подложки (будь то цветовой фон или фотография) накладывается дополнительный элемент с фото внутри.
У этого тренда много вариантов реализации. Автор Stories сам выбирает количество фотографий, форму объекта и ширину или отсутствие обводки.
Один из самых вариативных трендов, в котором каждый может выделиться и проявить весь свой креатив.
Примеры с фото в различных геометрических фигурах:
Чаще всего используется как акцентная подложка под текст Stories, чтобы выделить его на фоне фотографии.
Тренд №5. Полупрозрачные формы
Применение эффекта полупрозрачной заливки к части подложки в форме абстрактной или геометрической фигуры.
Дополнительный элемент, который всегда использовался и будет использоваться. С течением времени меняется только варианты реализации.
Ниже приведены девять актуальных дизайнов Stories с использованием этого тренда.
Скриншот-стикерами могут быть:
Новые посты, отзывы, статистика:
Комментарии, ответы на вопросы и т.д.
Если в тренде выше речь шла об использовании скриншотов интерфейса Instagram, то в этом тренде мы создаем стикеры из интерфейса любых мобильных приложений и виджетов.
Вариантов таких стикеров безграничное множество, перечислить их все просто невозможно.
Ниже приведены несколько примеров актуальной реализации этого тренда:
Создание личных стикеров из собственных или cтоковых фотографий.
Стикеры могут быть с разными вариантами цветного контура и/или с наложением трендовых эффектов.
Тренд №9. Графические элементы
Линии, стрелки, геометрические и абстрактные фигуры, использующиеся для наполнения дизайна и придания завершенности Stories.
Микроэлементы, которые можно найти на расширенной клавиатурной раскладке. Используются для придания эстетичности и красоты минималистичной Stories.
Их можно скопировать себе в заметки на телефоне и вставлять нужные символы через текст: ✹ ✺ ✻ ✼★☆✫✬✭✮✯✰⋆✧✩
Дизайн Сторителлинга
Если выше мы говорили о трендах каждой составной части (подложка, эффекты, текст и дополнительные элементы), то сейчас обсудим, как выглядит готовое оформление.
Один из главных трендов дизайна Stories заключается в оформлении единым стилем не одной, а сразу нескольких Stories подряд, при этом дизайн и смыслы перетекают из одной Stories в другую, создавая целостную картину, как показано на примерах ниже.
Идеально работает со сторителлингом, когда необходимо эффективно донести информацию и не потерять интерес аудитории. Нет необходимости всю подложку одной Stories забивать текстом, можно растянуть это на серию Stories, но при этом сохранить вовлеченность за счет актуального дизайна.
Другое использование трендов
Помимо Stories все тренды, которые мы разбирали в этой статье, можно применять в визуале личного Instagram аккаунта:
или коммерческого Instagram аккаунта:
А также в дизайне Taplink, личного сайта, гайдов, чек-листов и т.д.:
Полезные ссылки для вдохновения и развития насмотренности
Все тренды в оформлении Instagram берут свое начало из трендов дизайна. Если вы хотите, чтобы ваши Stories были самыми актуальными и разлетались по доскам на Pinterest, необходимо схватывать все новые веяния до того, как они заполонят все Instagram аккаунты, и сразу же внедрять в свои Stories.
Telegram канал «Банк идей — Stories» в поиске вводи #трендовый_дизайн
Bēhance — популярная среди дизайнеров и иллюстраторов всего мира социальная медиа-платформа
Статья «Девять главных трендов в UX/UI-дизайне в 2021 году»
Статья «Тренды дизайна 2021 года, которые вас вдохновят»
Статья «Тренды веб-дизайна 2021»
Использование статьи
Для создания данной статьи все визуальные примеры (Stories) были взяты из Pinterest и публичных Instagram аккаунтов с указанием авторов за исключением нескольких. Если неподписанные работы принадлежат тебе, пиши в TG @bankidey
Данная Статья является объектом интеллектуальной собственности.
Я, как автор, не против распространения данной статьи или ссылок на нее в некоммерческих целях, с указанием источника — Telegram канала.