Обложка для группы ВК

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

Зачем группе оформление

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

Правильное оформленное сообщество решает сразу несколько задач;

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

Легко можно продвигать бизнес компании, которая на рынке давно и зарекомендовала себя. Но если вы «ноунейм» и вас ещё никто не знает, придется приложить немало усилий.

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

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

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

Размеры обложки в ВК

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

• 795×200 пикселей — этот размер по умолчанию отображается на всех мониторах десктоп.
• 1590×400 — в связи с алгоритмом сжатия для оптимизации ВК картинки рекомендуется создавать обложки в увеличенном размере, чтобы исключить ухудшение качества изображений на обложке.

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

Чтобы вся важная и нужная информация на обложке в мобильном режиме отображалась корректно нужно знать, какие зоны обрезаются в телефоне.

Если вы создаете обложку с размерами 1590 пикселей по ширине — не размещайте призыв к действию, название группы, лого или контакты в пределах 197 пикселей справа и слева. Это мертвая зона.

Сверху 85 пикселей также заняты элементами интерфейса телефона: время, уровень заряда, уведомления, данные оператора.

Итого — мы имеем рабочую область 1196 x 315 пикселей.

Что должно быть на обложке сообщества

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

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

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

• Заголовок — любой сайт, страница в соцсети, статья имеет заголовок, обложка не исключение. Но не стоит переусердствовать с креативом, пользователь должен понять куда попал и какую пользу ему принесет пребывание в группе.
• Подзаголовок — задача подзаголовка дополнить информацию или расшифровать заголовок.
• Логотип — если у вас есть логотип его стоит разместить на обложке. Это повысит узнаваемость бренда.
• Контакты — если у вашей компании есть единый номер телефона для приема заказов, есть смысл разместить его на обложке.
• Фотография целевой аудитории — речь идет о портрете ЦА, а не случайного человека. Предварительно требуется провести маркетинговое исследование и составить портрет вашего «идеального» подписчика. Это способствует повышению интереса к вашей группе.
• Фотографии продукта — резонно размещать фото продукта для интернет-магазина. Стоит использовать качественные фото товаров в «шапке».

Здесь стоит упомянуть, чего НЕ стоит отображать на обложке:

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

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

Как создать обложку для ВК

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

И вот мы подошли к технической части. Обложку можно делать в различных программах, сложных редакторах и сервисах, таких как Adobe Photoshop или, если вы не умеете работать с такими инструментами, можно сделать обложку с помощью бесплатного сервиса Canva. Сначала мы рассмотрим простой способ и немного затронем создание обложки в Фотошопе.

В Canva

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

1. Зарегистрируйтесь по ссылке https://www.canva.com/.
2. Находясь на главной странице нажмите «Создать дизайн».
3. Выберите вариант «Настраиваемый размер».
4. Введите в поля значения ширины и высоты 1590 x 400 пикселей и нажмите «Создать дизайн».

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

1. Переключитесь на вкладку «Загрузки», чтобы добавить свои фото или картинки, которые нужно подготовить предварительно. Добавьте медиа из устройства, социальных сетей или облачного хранилища. Для подключения картинок из социальных сетей и из облака их нужно подключить к вашей учетной записи в Канве.
2. Нажмите на загруженное фото, чтобы добавить его на холст.
3. Растяните картинку на весь экран или на ту часть, где предполагается разместить фото. Изображение растягивается с сохранением пропорций, для этого нужно просто потянуть за один из углов или за край.
4. Переключитесь в колонке слева на инструмент «Текст».
5. Выберите инструмент «Добавьте заголовок». В центре экрана на холсте появится соответствующий заголовок. Вам достаточно кликнуть нему, чтобы изменить и добавить свое название группы или креатив.
6. При необходимости добавьте подзаголовок. Перетащите его в удобное место.
7. Если необходимо доставить ещё текст, можно использовать соответствующий инструмент.

Оформляем дальше:

1. Если вы не используете фотографий или готовых изображений в качестве фонов можно добавить фон из доступных в Канве. Переключитесь на вкладку «Фон» и выберите цвет, или один из готовых фонов.
2. В разделе «Элементы» находится огромное количество самых разнообразных инструментов, чтобы сделать ваш дизайн запоминающимся: здесь есть популярные на сегодняшний день векторные иллюстрации, линии, стрелки, градиенты, фигуры, рамки, стикеры, группы элементов, распределенных по категориям и тематикам.
3. Любой элемент можно разместить на переднем плане или на заднем. Нужно выполнить на нем правый клик мыши и в контекстном меню выбрать соответствующий пункт.
4. Чтобы удалить элемент выделите его кликом мыши и нажмите клавишу Delete или на значок мусоный корзины в редакторе.
5. Каждый элемент обладает своей панелью инструментов для динамического настраивания. Вы можете изменить цвет линий, фона, обрезать, повернуть, изменить прозрачность добавить ссылку.
6. При работе со шрифтами вы можете изменить сам шрифт, размер, кегль, межстрочный интервал, выравнивание и использовать другие возможности стандартного редактора шрифтов.
7. Когда обложка готова нажмите «Скачать» и выберите формат JPEG, PNG или GIF. Скачайте готовую обложку на ПК.

В Adobe Photoshop

Как мы уже упомянули дизайн сообществ можно создавать в профессиональных редакторах. Программа Adobe Photoshop обладает просто невероятным количеством инструментов. Мы здесь не будем описывать, как создать обложку для группы ВК, это заняло бы много времени. Но коротко расскажем о возможностях.

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

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

Живые обложки

В декабре 2018 года при очередном обновлении в ВК появились живые обложки для сообществ. Вы можете загрузить до 5 изображений в формате 1080 x 1980 пикселей или до 5 коротких видео. С появлением этой возможности пропала необходимость размещать на главной обложке важные элементы дизайна в видимой области, о чем мы писали выше, ведь при добавлении такой обложки, адаптированной под мобильные устройства горизонтальная шапка заменяется вертикальной.

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

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

• Области сверху и снизу по 345 пикселей в сокращенном виде автоматически обрезаются.
• В видимой области 138 пикселей занимает интерфейс устройства и меню.
• В нижней части 132 пикселя занимают кнопка «Подписаться».
• Чуть выше 230 пикселей занято названием группы и аватаром.
• По ширине видимая область оставляет 970 пикселей.

Итого мы имеем размер видимой области обложки в ВК для группы — 970 x 730 пикселей, чтобы пользователь, когда попадает в вашу группу видел корректно название, и все необходимые призывы к действию. При создании обложки в Канве можно примерно на глаз руководствоваться подсказкой из скриншота, или, если вы собираетесь создавать обложку в Фотошопе, тогда можно найти в сети в бесплатном доступе специальные PSD макеты с готовой сеткой.

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

1. После того как вы создали обложку перейдите в свою группу и нажмите «Управление».
2. В блоке «Основная информация» напротив раздела «Обложка» нажмите «Добавить».
3. Нажмите «Добавить обложку».
4. Выберите созданный файл JPEG или PSD в проводнике из памяти ПК.
5. И нажмите «Открыть». Шапка подгрузится, нажмите «Сохранить и продолжить». Далее вы можете загрузить новую шапку, редактировать имеющуюся или удалить её.

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

Заключение

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