Особенности дизайна в Инстаграм

Время прочтения: 5 минут

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

1. Учитывай интерфейс Инстаграм. В сторис — не заполняй важными элементами низ и верх, так как там «отправить сообщение»,ава и счетчик сторис. Также не располагай там детализированные элементы, они будут визуально спорить с интерфейсом приложения.

А на некоторых телефонах, наоборот, интерфейс не залазит на сторис. И это тоже надо учесть.
В каруселях — учитывай, что в правом верхнем углу есть счетчик картинок, и иногда он может залазить на твой контент.
2. Пользуйся возможностями Инстаграм. И добавляй визуальную изюминку в свои посты, чтобы хотелось листать и перелистывать. Просто масса пространства для креатива. Добавляй в карусели графические элементы, которые переходят из одной картинки в другую (1). Добавляй к ним призывы (2) и увеличивай шансы удержать аудиторию.
3. Придерживайся своей стилистики и айдентики 

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

В этих аккаунтах все гармонично: setters.me, kukuruza_blog, omg__agency
Но если твоя стилистика — не соблюдать стилистику, то придерживайся ее до конца (srsly.ru, dzen.hub ).
К примеру, в srsly.ru сложно отследить систему шрифтов, композиции, цветов, все посты довольно разные, но в этом и есть их фишка, в этом и есть их стилистика. Это такой симбиоз-пародия на дизайн 2000-х, эпоху мемов и диджитализации. И если увидишь их пост в ленте, ты сразу поймешь чей он (правда загвоздка в том, что сейчас подобных аккаунтов все больше и больше; дифференцироваться сложнее становиться). 
4. Используй свою дизайн-систему. Чтобы оформлять посты в одном стиле, необязательно придерживаться определенного шаблона, потому что он может как упрощать создание публикации (не нужно каждый раз заморачиваться над дизайном), так и усложнять (меньше свободы действий при создании поста).

Если ты не хочешь себя «‎сковывать‎» в рамки шаблона – используй дизайн-систему. Дизайн-система – это набор правил и компонентов, которые будут использоваться в дизайне.

Что нужно обязательно включить в дизайн-систему аккаунта в Instagram:
  • Колористика. Выбери цвета, их сочетания и градиенты, если они у тебя будут.

  • Типографика. Выбери шрифты, с которыми будешь работать. Определи шрифтовую пару, и иерархию, дай им текстовые стили. Поскольку мы в Инстаграм, то, к примеру, в кегле шрифта мы уже слегка ограничены: меньше 25pt текст уже будет нечитабельный, а больше 100pt длинные слова не поместятся и будут композиционно впритык макету.

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

  • Прием и принципы, которые заложены в твою дизайн-систему. Давай рассмотрим на примере.

Работа с фото (1). В этой рубрике мы используем фото человека, стилизуем его с помощью дополнительных графических элементов, в зависимости от контекста.

Работа с текстом (2). В некоторых рубриках первое короткое слово заголовка можем подавать под углом.

Работа с типографикой (3). Если большой массив текста, можем разбить его с помощью плашек цветных и нецветных.

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

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

Чек-лист:

  • учитывай в визуалах интерфейс Инстаграм;
  • используй возможности Инстаграм на полную;
  • всегда придерживайся своей стилистики и айдентики;
  • разработай и используй свою дизайн-систему.
Начать тест
Выбери пункт, который на совсем уместен в дизайн-системе аккаунта в Instagram:
Уместно, это про обработку фотографий — пример
Это какой-то ситуативчик, а не прием, которые будет дублироваться.
Это годиться как правило
Подходит
Дальше
Проверить
Готово
В какой истории могут быть проблемы с интерфейсом Инстаграм?
Дальше
Проверить
Готово
ВЫБРАТЬ ТАРИФ
ВЫБРАТЬ ТАРИФ