Живая (динамическая) обложка — это увеличенная шапка сообщества, которая может состоять из нескольких картинок или видео. Статичные изображения можно анимировать. Функция пока есть только в социальной сети «Вконтакте».
«Сбер» анимировал Сберкота для живой обложки: он показывает разные милые жесты и танцует
Живая обложка — это инструмент для мобильного приложения соцсети. На сайте ее тоже можно добавить, но там работают не все функции. Обложка на сайте будет немного больше обычной, а в шапке можно будет разместить несколько файлов, чтобы сделать карусель. Но видео или анимация здесь не будут отображаться, а изображение не займет целый экран, как в приложении.
В десктопной версии динамичная обложка занимает почти половину экрана, но остается статичной
Зачем нужна живая обложка
Обложка — первое, что видит посетитель группы. Даже если он зашел в сообщество, чтобы отписаться, сначала он заметит обложку. Поэтому это место хорошо подходит, чтобы рассказать человеку о чем-то важном.
Однако на экране смартфона статичная обложка плохо видна. Крупная картинка или слайд-шоу заметнее из-за размера и динамики кадров.
Статичная обложка сообщества Пикабу в приложении. Она занимает меньше ⅓ экрана и не привлекает внимание пользователя
Поэтому придумали живую обложку. В свернутом виде она занимает ⅔ экрана. На обложке видна часть изображения и важная информация о сообществе. Если на нее нажать, картинка развернется на весь экран, а внизу останется логотип и кнопки быстрых действий.
Живая обложка в сообществе образовательной платформы Skillbox. При нажатии на изображение, на полном экране открывается анимация
Такую обложку используют как инструмент для достижения разных целей. Основные из них — ниже.
Прорекламировать событие или акцию. В качестве живой обложки можно разместить полноэкранный баннер. Компании пользуются этим, чтобы рассказать о выгодных предложениях или ближайших мероприятиях.
Слева Skyeng анонсирует акцию «Подарок всем новым ученикам», а справа телеканал ТНТ рассказывает о премьере нового шоу
Повысить узнаваемость. Большая обложка задает тон всему сообществу: это подходящее место, чтобы погрузить посетителя в атмосферу бренда.
Живая обложка банка «ВТБ» выполнена в корпоративных цветах. На картинке посетитель видит разные варианты брендированной продукции: карту, терминал, сейф и подарочный пакет
Пригласить в сообщество. Пользователи часто заходят в сообщество, ищут в нем необходимую информацию, но не подписываются. Простой призыв к действию иногда помогает превратить таких юзеров в подписчиков.
Обложка призывает подписаться, а снизу пользователь видит только два варианта действий: подписаться или отправить сообщение. Такое расположение элементов подталкивает к подписке
Сообщить важную информацию. На обложке часто объяняют то, что вызывает больше всего вопросов у клиентов: например, как заказать товар или как скачать приложение. Это помогает снизить нагрузку на команду поддержки.
«Интернет-магазин орхидей» объясняет в видео-обложке, как заказать цветы в сообществе
Какими бывают живые обложки
Видео. Главное отличие живой обложки от обычной — вместо картинки можно поставить вертикальное видео.
Обложка сообщества «MTC» — это абстрактное короткое видео с предложением отправить свой вопрос в поддержку
Изображение. Динамическая обложка позволяет добавить вертикальное фото или картинку. Они занимают большую часть экрана, поэтому сразу привлекают внимание.
Живая обложка сообщества авиаперевозчика S7 — это тематическое фото летнего отдыха
Карусель. Живую обложку можно наполнить сразу несколькими фото и видео. Главное, чтобы их было не больше пяти. Можно разу рассказать о главных преимуществах компании или об актуальных акциях.
«Додо Пицца» разместила в обложке меню летних новинок: уместилось всё, а изображения при этом остались крупными
Изображения в движении. Функция позволяет анимировать статичное изображение. Для этого при загрузке нажимают на кнопку «Показывать фотографии в движении». Картинка на обложке будет приближаться, а ее масштаб — увеличиваться.
Динамическая обложка «Самоката» загружена в движении. Это не видео, но объекты на картинке медленно увеличиваются, что создает эффект анимации
У всех типов живых обложек есть общая черта — динамичность. И её важно правильно использовать: не злоупотреблять текстом, не мельтешить и не перегружать мелкими деталями, которые с трудом видно даже на статике.
Живая обложка работает как витрина: она должна привлечь внимание, но не обязана (и не может) рассказать всё-всё-всё о вашем бренде или продукте.
Как сделать и загрузить динамическую обложку «ВК»
Как создать живую обложкку
Технические требования к обложке такие:
- Разрешение: 1080х1920 пикс
- Размер: не больше 20 Мб
- Длительность: до 30 сек
- Видеокодек: H.264
- Аудиокодек: AAC
Кроме этого, нужно рассчитать видимые области, чтобы изображение или видео корректно отображалось в свернутом и развернутом видах. Свернутая обложка — то, что пользователь видит, когда заходит в сообщество. Развернутая — часть, которая видна после нажатия по свернутой обложке.
В нижней части свернутой обложки располагаются название и кнопки сообщества — дизайнеру важно это учесть. Источник
Создавать живые обложки удобно при помощи мобильных редакторов. Это быстро и просто. Можно сразу оценить готовый вариант: расположение элементов, читаемость шрифтов, яркость и другие параметры.
Наиболее популярные приложения для редактирования обложек «Вконтакте»:
- Inshot,
- VSCO,
- Mojo,
- Unfold,
- Meitu,
- CapCut.
В некоторых программах, таких как Canva, есть уже готовые шаблоны. В них остается только заменить фон, расположить на свой вкус блоки и проверить видимые области слайда.
Пример шаблона для анонса баскетбольного матча. Остается заменить информацию на картинке — и можно использовать
Как добавить живую обложку
Приложение. В правом верхнем углу нажмите на значок шестеренки. Далее выберите пункт «Информация» и перейдите в раздел «Обложка».
Кнопкой «Добавить обложку» загрузите нужные слайды. Максимальное количество — 5 файлов. Чтобы анимировать статичное изображение, нажмите «Показывать фотографии в движении». Эту опцию не рекомендуют использовать для изображений с длинным текстом — есть вероятность, что символы будут расплываться.
Сайт. На странице группы выберите в основном меню пункт «Управление». В блоке «Основная информация» кликните по пункту «Обложка», а затем — «Добавить».
Далее следуйте тому же алгоритму, что и в приложении. Можно поставить галочку возле пункта «Показывать фотографии в движении», но анимация по-прежнему отобразится только на телефоне.
Главные мысли
- Это увеличенная шапка сообщества в «ВК», которая может состоять из нескольких картинок или видео.
- Все функции живой обложки работают только в мобильном приложении «Вконтакте».
- Динамические обложки бывают в формате видео, изображения, карусели или автоматически анимированной картинки.
- Живые обложки используют, чтобы прорекламировать событие или акцию, повысить узнаваемость бренда, пригласить в сообщество или сообщить важную информацию.
