Как самостоятельно сделать обложку ВКонтакте

Если человека встречают по одежке, то сообщество ВКонтакте – по его дизайну. Чем дизайн креативнее и при этом понятнее, тем лучше, ведь главная задача дизайна – это привлечение внимания пользователей.

Как правило, в понятие «дизайн сообщества» включают несколько графических элементов:

• Обложка

• Аватар

• Кнопки в быстром меню

• Товарные карточки в магазине

• Визуальное оформление используемых в сообществе приложений

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

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

1. Какой обложка сообщества может быть?

2. Что важно учесть при ее разработке?

3. Как сделать ее самостоятельно?

Технические нюансы: виды обложек для сообщества ВКонтакте

Есть 2 основных вида обложки:

• Главная обложка

• Живая обложка

Поговорим о каждой из них.

1. Главная обложка

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

   

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

   

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

   • Размер 1920×768

   • Формат JPG или PNG

   Однако вся фишка в том, что главная обложка – это не единственный вариант.

2. Живая обложка

   Она не заменяет главную, а дополняет ее, так как отображается только в мобильной версии ВК. То есть если вы установите живую обложку, в десктопной версии всё равно будет видна главная, поскольку она является основной. Но в мобильной версии соцсети картинка будет отличаться.

   Живая обложка – это набор до 5 баннеров (статичных или видео), которые сменяют друг друга с периодичностью в 5-6 секунд. Отличается живая обложка и размером, у нее вертикальная ориентация, она занимает больше места на экране, а при клике можно открыть полную версию баннера в размере сторис. Оцените разницу сами:

   

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

   Конечно, у живой обложки больше технических ограничений:

   • разрешение файлов 1080 × 1920

   • длительность видео — не более 30 секунд

   • размер файла — до 20 МБ

   • видеокодек Н.264 (настройка сжатия видео)

   • аудиокодек ААС (настройка сжатия звука)

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

Как загрузить обложку ВКонтакте

Загружается и та, и другая обложка в одном и том же разделе «Управление à Настройки». Ниже, под пунктом «Тип сообщества», находим раздел «Обложка» и загружаем туда готовый вариант.

В чём суть: что важно учесть при разработке обложки для сообщества ВКонтакте

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

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

Что еще можно вынести на обложку:

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

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

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

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

Как создать обложку для сообщества ВК самостоятельно: примеры сервисов и инструкции к ним

Ну а теперь переходим к главному вопросу: как сделать обложку самому и возможно ли это? Ответ – да, возможно, если воспользоваться сервисами-помощниками. Мы покажем два самых простых и удобных.

Но, прежде чем приступить непосредственно к творчеству, вам необходимо продумать общий шаблон, какой обложка будет:

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

Есть 2 основных способа создания обложки:

1. выбрать готовый шаблон и переделать его под свои нужды

2. разработать свой вариант с нуля

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

Сервис №1: Wilda

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

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

После редактирования готовую обложку нужно оплатить для скачивания и можно устанавливать в сообщество.

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

Сервис №2: Supa

Этот сервис позиционирует себя как русскоязычный аналог всем известной Канвы. У него есть бесплатный тариф с ограниченным количеством инструментов и некоторыми шаблонами — за полное использование нужно платить от 415 рублей в месяц.

Регистрация доступна по email, а также через соцсети, что довольно удобно. Интерфейс действительно во многом напоминает Канву, поэтому, если ранее вы работали с данным сервисом, разобраться с Supa будет несложно.

Здесь есть все основные шаблоны для соцсетей, в том числе и обложки ВК:

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

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

Вместо вывода: так все-таки стоит ли делать обложку для сообщества самостоятельно?

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

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

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

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

---