Оформление обложки группы вк. Обложка для группы ВК: как сделать и поставить шапку сообщества

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

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

Рекомендованный размер обложки для группы ВКонтакте - 1590×400 пикселей . Однако владельцы сообществ могут использовать графику и других размеров. Например, во время просмотра страницы паблика с компьютера обложка отображается в размере 795×200 пикселей. Для пользователей мобильных устройств «шапка» сообщества подстраивается под размер экрана.

Универсальная обложка, которая будет одинаково отображаться как на компьютерах, так и на мобильных устройствах.

Пользователи смартфонов видят «обрезанную» версию обложек сообществ - по бокам срезается по 190–200 пикселей. При создании графики для паблика ВКонтакте не забывайте об этой особенности, иначе призыв к действию или логотип будет обрезаны, а это негативно скажется как на бренде, так и на конверсии.

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

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

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

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

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

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

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

Примеры хороших и плохих обложек для шапки группы ВКонтакте

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

Ещё один пример удачной обложки. «Шапка» не перегружена информацией - на ней присутствует только заголовок, логотип и фотографии товара. Детальная информация о деятельности сообщества размещена в статусе.

Лаконично, просто и со вкусом. На обложке нет ничего лишнего. Все нужные данные - часы и график работы, адрес, контактные телефоны - указаны в информации сообщества.

Не совсем удачный пример обложки группы ВКонтакте. Да, в «шапке» есть контактные телефоны, заголовок и подзаголовок, логотип и УТП. Вот только не совсем понятно, в каких городах работает компания и какие услуги оказывает. Нет расшифровки и в статусе сообщества. Будущим подписчикам придётся читать текст в информации паблика, чтобы понять нужны ли им услуги компании или нет.

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

Теперь, когда вы примерно поняли, как сделать обложку группы ВК и что на ней разместить, пора переходить к практике. А поможет вам в этом простой и бесплатный онлайн-редактор Canva.

Чтобы сделать обложку в , не нужно проходить долгую регистрацию и покупать лицензию. Для входа можно использовать Google-аккаунт или профиль на Facebook.

Шаг 1. После авторизации в Canva приступайте к созданию обложки. Сделать это можно двумя способами - вручную, указав размеры «шапки» . Когда вы нажмёте на кнопку «Создать обложку для группы ВК», Canva откроет новый шаблон с рекомендуемыми размерами - 1590×400 пикселей - и вариантами макетов.

Шаг 2. Если вы не знаете, что разместить на обложке, поэкспериментируйте с бесплатными макетами. Примерьте варианты обложек, попробуйте изменить цвет фона, положение надписей, рамок и логотипов.

Шаг 3. Чтобы поменять фон обложки, загрузите в редактор своё изображение, кликнув по иконке «Загрузки» и нажав на кнопку «Загрузить собственные изображения».

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

Шаг 4. Чтобы наложить текст на обложку, кликните по иконке «Текст» и ознакомьтесь с типами надписей и шрифтами.

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

Шаг 5. Когда обложка будет готова, сохраните изображение, кликнув по кнопке «Скачать» в верхней части меню.

Сервис предложит выбрать формат - PNG, JPG и PDF (стандартный и для печати). Для ВКонтакте лучше использовать первые два формата.

Останется лишь кликнуть на кнопку «Скачать», и через несколько секунд готовая обложка окажется на вашем компьютере.

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

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

Как включить обложку в группе?

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

На вкладке «Настройки» , найдите блок «Обложка сообщества» . Для ее добавления, нужно нажать на ссылку «Загрузить» .

Предварительно нам нужно подготовить картинку. Рекомендованные размеры 1590 x 400 пикселей. Сделайте ее в любом графическом редакторе (см. ).

Выберите и добавьте подготовленный файл. Выделите область на экране предпросмотра, которую хотите использовать. Затем нажмите «Сохранить и продолжить» .

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

Просмотр и настройка обложки в группе Вконтакте

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

Редактирование;
Удаление.

Все готово.

Заключение

Теперь вы узнали еще об одном инструменте, который поможет .

Вопросы?

Вконтакте

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

Немного предыстории

1 апреля соцсеть ВКонтакте начала глобальное тестирование так называемого нового дизайна. Тогда же была анонсирована настраиваемая «шапка». На РИФ+КИБ (http://2016.russianinternetforum.ru/) представители ВКонтакте рассказывали, что это будет блок, который сможет стать для интернет-магазина во ВКонтакте витриной, а в группе кинотеатра там можно будет разместить видеоролик. Шел месяц за месяцем. 17 августа ВКонтакте перевел всех пользователей на новый дизайн, а шапки все не было. Многие стали переоформлять свои сообщества под новый дизайн, и тут 31 октября 2016 года ВКонакте все-таки запустил шапки.

Новый дизайн обложки ВК

Что же в итоге мы имеем: теперь во всех сообществах — группах, пабликах, мероприятиях — можно установить широкое изображение:

Характеристики и размер обложки группы ВКонтакте:

размер: 795х200 рх и 1590х400 рх для экранов повышенной четкости;
формат: JPG, GIF, PNG;
загрузка: из управления сообществом, нужны права администратора;
рекомендации от ВК: размещайте важную информацию ближе к центру для мобильных устройств.

Вот так выглядит дизайн в мобильной версии ВКонтакте

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

Расположение кнопок СТА

Кнопки CTA («написать сообщение», «подписаться», «вступить в группу» и так далее) выстроились в ряд под правым нижним краем обложки друг за другом.
У сообществ появились миниатюры.
Добавились вкладки: первой идет закрепленная запись (если она стоит в сообществе), далее следует вкладка «информация о сообществе» (теперь она доступна пользователям). В третьей вкладке расположено меню — для групп и мероприятий. В паблике данная вкладка отсутствует. Меню теперь также постоянно доступно для пользователей.

Оформление обложек ВКонтакте

Давайте разберем, какие данные нам нужно разместить на обложке:

Название бизнеса (или его направление).
Город, адрес (если проект региональный).
Телефон для быстрого заказа (с кодом города).
Уникальное торговое предложение (то, чем вы отличаетесь от других).
Призыв (соответствующий вашему конверсионному пути).

Визуально длинную горизонтальную обложку для лучшего восприятия можно делить на несколько частей.

Пример дизайна из 2 частей

Например, на 2 части:

На первой части мы помещаем цепляющее фото, отражающее направление проекта, располагаем фото так, чтобы движение взгляда приводило пользователя ко второй части обложки, где располагаем УТП и выгоды от подписки. Добавляем призыв к действию.

Легче воспринимается обложка, поделенная на 3 части, связанные воедино стилистикой, каждая из которых составляет законченные блок:

Пример дизайна из 3 частей

Возможно, по аналогии с обложками Facebook, в мобильных приложениях будет виден лишь центр обложки. И именно туда я помещаю название компании или логотип, город, адрес и телефон. Слева размещаю УТП проекта или выгоды от подписки. Справа — интерес целевой аудитории проекта и/или призыв.

Как разместить обложку сообщества ВКонтакте

Теперь давайте разберемся, как же установить обложку в ваше сообщество.

Зайдите в управление сообществом (нужны права администратора).
Вы находитесь в настройках. Найдите пункт «обложка сообщества», нажмите «загрузить».
В открывшемся окне нажмите «выбрать файл».

Загружаем обложку сообщества

Перейдите в папку с подготовленным заранее фото, выберите его. Если фото выбрано в произвольном размере, то оно будет кадрироваться в соотношении сторон 1:3,975.

Выбираем нужное изображение

Нажмите «сохранить и продолжить».

Сохраняем результат

Готово, ваша обложка было успешно установлена в группу.

Обложка установлена

Удаление обложки

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

Изменяем миниатюру сообщества

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

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

на обложке запрещается сторонняя реклама, не пренебрегайте этим правилом ВК, дабы не потерять функцию добавления обложек в ваше сообщество или не получить бан;
при создании документа используйте режим sRGB для правильного отображения цветов вашей обложки в web-пространстве;
не используйте яркие цвета, градиенты, мелкие узоры, (помните, что ВКонтакте сжимает изображения, особенно страдают красный, оранжевый, чисто-белый);
сохраняйте обложку через функцию «сохранить для WEB» в формате PNG, он наиболее устойчив к сжатию;
для ускорения загрузки, можно перетаскивать обложку прямо из папки на окно загрузки обложки.

Перемещение выбранного изображения

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

Всем удачных идей!

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

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

Одним из примеров того, как изменение оформления в группе позволило увеличить прирост подписчиков является паблик, посвященный здоровому питанию – vk .com /goodiet . Здесь публикуются различные рецепты для людей, занимающихся спортом и следящим за своим питанием.

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

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

vk.com/goodiet – Это вкусные куриные котлеты из капусты. Полезное питание для спорта.

Средняя стоимость за подписчика составляла вероятно 3-4 рубля. По достижению первых 50 000 участников администраторы приняли решение изменить свое оформление и заказали у дизайнеров обложку и аватар.

Благодаря этому увеличился процент конверсии в подписчики, а также снизилась цена за одного участника до 1,5 рублей.

Оформление групп

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

Обложка

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

Дизайн аватара при оформлении группы

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

При клике на аву она открывается в новом окне в полном размере.

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

Оформление меню

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

Карточки товаров

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

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

Как изменить дизайн группы ВК?

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

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

В окне «Основная информация» нажмите на кнопку «Загрузить» напротив раздела «Обложка сообщества».

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

Выберите нужную фотографию с вашего ПК.

Чтобы установить изображение к карточке товара сначала нужно их включить в настройках сообщества.

Для этого перейдите в раздел управления и откройте меню «Разделы».

В открывшемся меню включите раздел товаров.

Установите изображение.

Оптимальные размеры

Обложка – 1590x 400 пикселей.

Аватар – 200x 200 пикселей.

Баннер для меню – 510x 510 пикселей.

Изображение для карточки товаров – 834x 834 пикселей.

Готовые шаблоны обложек и аватаров для оформления групп ВКонтакте

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

Рассмотрим 5 самых популярных площадок, где можно найти шаблоны:

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

You – PS . ru . Сайт, где размещаются бесплатные шаблоны обложек, аваторок и меню для Вконтакте. Также, здесь вы можете найти подробные уроки по работе с исходниками в Photoshop .

Erohovec . ru . Большой выбор шаблонов для нового дизайна Вконтакте для большей части популярных тематик.

All – For – Vkontakte . Сайт предоставляет огромный выбор изображений для меню, аватаров и баннеров.

Бесплатные psd -шаблоны . Еще один паблик ВКонтакте, где на регулярной основе публикуются шаблоны для обложек, баннеров, аватаров и постов.

Редактирование шаблонов

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

Запустите фотошоп, открой меню «Файл» и выберите пункт «Открыть».

Откройте нужный исходник с вашего компьютера.

Так как мы пользуемся шаблоном, то все, что нам необходимо изменить – текстовые элементы.

Для этого выберите инструмент с иконкой «Т» и нажмите на любой из текстовых элементов.

Введите свой текст.

Пример создания баннера.

После того, как вы полностью завершили редактирование – сохраните результат в формате png или jpg .

Для этого откройте меню «Файл» и нажмите на «Сохранить как…».

В открывшемся окне сменить тип файла с psd на нужный вам.

Возможные проблемы

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

Низкое качество изображений

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

Нехватка идей

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

Итог

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

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

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

Сначала давайте разберемся с тем, для чего вообще нужно делать динамические обложки Вконтакте? Может и не стоит заморачиваться на счет этого? Сразу отвечу на второй вопрос — Стоит! А теперь ответим с Вами вместе на первый вопрос — Зачем делать динамическую обложку Вк?

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

Таким образом динамическая обложка ВК повысит конверсию вашей группы и увеличит число ее активных подписчиков. Думаю это хороший стимул для создания динамической обложки группы Вконтакте?! Теперь давайте узнаем...

Как сделать динамическую обложку в ВК первым способом — Конструктор динамических обложек ВК!

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

Так выглядит страница на которую Вы попадаете после перехода по ссылке, которую я Вам дал выше.

Затем Вам нужно зарегистрироваться на сервисе, а точнее будет сказать — войти с помощью вашего аккаунта Вконтакте. После Вы попадаете в свой личный кабинет, где вам уже предоставляется возможность создать свою первую динамическую обложку ВК. Для этого в верхнем правом углу своего личного кабинета в сервисе выберите . И жмите дальше «Создать новую обложку» :

Затем в поле «Пустой шаблон» Кликните левой кнопкой мышки и перед Вами откроется страничка, где Вы введете название обложки. И следом жмите на кнопку :

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

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

А мы с Вами переходим к следующему вопросу...

Второй способ создания динамической обложки для группы Вконтакте — Скрипт динамическая обложка ВК

Это тоже вариант создания динамических обложек Вконтакте. Он будет полезен для тех, кто любит создавать все самостоятельно и не боится трудностей!

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

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

Да, совсем забыл...

Вот видео о котором я Вам говорил «Видеоурок по созданию динамической обложки ВК» :

Теперь все! До новых встреч!