Главная МТС Банк

Дизайн обложки группы. Вконтакте новая обложка для оформления группы

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

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

“СтопХам” также идут в ногу со временем: на их страничке можно увидеть превью свежего видео и имя последнего вступившего участника. К сожалению, хотя информация о количестве просмотров меняется в реальном времени, это - не настоящий embed, и посмотреть ролик прямо во ВКонтакте не выйдет.

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

Одним словом, вариантов применения масса. Вопрос лишь в том, как создать подобную красоту? На самом деле, не так уж и сложно.

Конструкторы для создания динамических обложек ВКонтакте

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

1. Заказать разработку с нуля - дорого, однако в итоге вы станете обладателем эксклюзивного решения с необходимым именно вам функционалом, которое поможет выделиться на фоне конкурентов;

2. Использовать онлайн-конструктор - гораздо дешевле, но при этом вы будете ограничены набором виджетов, который вам предоставили разработчики.

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

Google услужливо подсказывает название - DyCover. С точки зрения цены вариант неплохой: ребята берут 100 рублей в месяц за одно сообщество, тогда как их конкуренты, LetsCover, ровно в два раза больше. Впрочем, у последних есть прогрессивная скидка за объем, так что данная площадка придется по вкусу тем, кто занимается SMM профессионально и ведет одновременно несколько проектов.

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

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

Как верно заметил электронный помощник, перед созданием динамической обложки необходимо подобрать подходящий фон. Оптимальные размеры бэкграунда - 1590 на 400 пикселей, однако все значимые графические элементы и сами виджеты следует располагать на центральном отрезке 1196 на 400. Все дело в том, что на мобильных устройствах баннер обрезается (по 197 пикселей с каждой стороны), а значит, поклонники портативных девайсов попросту не увидят важную информацию.

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

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

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

Теперь перейдем в раздел “Виджеты” и оценим их ассортимент. С первого взгляда список не особо впечатляет.

На самом деле первое впечатление обманчиво. Так, например, виджет “Текст” позволяет создавать как обычные текстовые блоки, так и подгружать ячейки из Google-таблиц, задействовать каскадные стили или JSON. “Подписчик” отображает имена самых активных пользователей, лучших комментаторов (по количеству или лайкам), репостеров, авторов (по рейтингу записей из “предложки”), именинников или последних вступивших в группу. “Статистика” транслирует общее число подписчиков, количество юзеров онлайн, а также сводные данные, включая гендерное распределение. Таким образом, комбинируя представленные инструменты, вы сможете конструировать динамические обложки ВКонтакте практически любой сложности.

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

Текст (название города);
Фигура (полупрозрачный белый круг);
Дата и время;
Погода.

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

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

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

Это объясняется особенностью самой технологии: по сути, сервис с определенной периодичностью (раз в минуту) генерирует статичную картинку с обновленными данными и подгружает ее в шапку. Именно поэтому вы не можете, к примеру, встроить в обложку ВКонтакте видеопроигрыватель. Впрочем, даже такой “костыльный” метод позволяет существенно улучшить визуальную составляющую группы, выделившись на фоне конкурентов.

Стоят ли динамические обложки своих денег?

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

Группы Вконтакте сейчас нет разве что у самых ленивых. Но создать группу и правильно ее оформить – разные вещи.

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

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

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

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

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

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

Если вы выбираете второй путь, встает вопрос о том, где сделать обложку для группы Вк. Добро пожаловать в «Управление сообществом». Эта функция находится на первом месте в выпадающем списке, который открывается при нажатии кнопки в виде трех точек. Мы подчеркнули ее красным:

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

Если самостоятельно разбираться, как сделать обложку в вк в группе, можно обнаружить, что сам сайт подсказывает пользователям ответ на этот вопрос. Идеальный размер изображения для обложки - 1590×400 пикселей, формат – JPG, GIF или PNG.

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

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

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

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

Попробуйте свои силы в 10-дневной бизнес-игре «Твой Старт», в которой Вы начнете зарабатывать на своем деле, используя свои таланты и сильные стороны!

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

Оставайтесь на связи!

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

Одним из примеров того, как изменение оформления в группе позволило увеличить прирост подписчиков является паблик, посвященный здоровому питанию – 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 пикселей и выше.

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

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

Итог

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

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

Картиночки в SMM решают. Если не всё, то многое. Хотите, чтобы обложка вашей группы привлекала внимание и не выглядела кустарно?

Регистрация в сервисе

Выбор формата

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

Поскольку Canva - иностранный сервис, он еще не полностью адаптировался под российскую аудиторию. Поэтому найти готовый макет для обложки ВКонтакте можно в специальном разделе , а не в «Создать дизайн». Нужный нам макет имеет размеры 1590x400 пикселей - в два раза больше реального размера обложки, чтобы достичь наилучшего качества отображения картинки (удваивать пропорции рекомендуют сами специалисты ВКонтакте).
Слева вы увидите ряд готовых макетов, разработанных профессиональными дизайнерами - их можно использовать в качестве заготовок, чтобы не начинать создание дизайна с нуля. Любой элемент шаблона можно изменить, поэтому при выборе не зацикливайтесь на изначальной цветовой палитре и шрифтах. Цвет, текст, количество элементов и их расположение на изображении вы можете настроить сами. Тем не менее, выберите стиль, который лучше отражает идею вашей группы: с фото на заднем плане, со сплошным фоном, фотоколлажем, строгим узором и так далее. Для нашего примера мы выберем шаблон без готовых элементов, представляющий собой «сетку» для коллажа.

Загружаем собственные элементы

Прежде чем начать редактирование, загрузите в редактор собственный логотип или фотографии, которые вы хотели бы использовать. Перейдите во вкладку «Моё» и выберите нужные файлы из компьютера. Желательно загружать лого с прозрачным фоном. Еще лучше, если у вас есть варианты для темного и светлого фона (например, черный и белый вариант логотипа), чтобы его можно было использовать в любой иллюстрации.
Чтобы вставить загруженное изображение в новый макет, просто перетащите его мышкой вправо и расположите в нужной части сетки. Здесь фото можно «кадрировать» - то есть расположить внутри выбранного окошка нужным образом и в нужном масштабе.

Наполняем макет содержанием

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

Цвет фона (доступна как сплошная заливка, так и различные текстуры и орнаменты);
Текст, шрифт, размер и цвет шрифта;
Расположение элементов (меняется простым «перетаскиванием» выделенных элементов по холсту);
Количество элементов (лишние детали можно удалить, а нужные, наоборот, вставить в макет в любом количестве).

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

Что касается дополнительных деталей, например, рисунков, фигур или иконок - часть из них доступны в меню «Элементы» слева (в нашем примере мы заменили центральное фото на сплошной фон для вставки названия магазина). А часть можно отыскать по ключевым словам во встроенном каталоге клипартов и стоковых фотографий. К примеру, вам не хватает собственных снимков для фотоколлажа на тему путешествий. Введите слово «путешествие» в поисковую строку и получите целый набор из десятков фотографий или рисунков на тему туризма (часть из них бесплатны, другие доступны по цене $1).

Работаем с текстом

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

Скачиваем готовую обложку для группы

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

Загружаем обложку в группу

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

Итог

Большинство макетов Canva созданы в более или менее минималистическом стиле неслучайно.

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

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

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

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

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

Как работать в Canva рассказал и показал региональный менеджер сервиса Олег Бурков.

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

У вас есть интересная тема и вы хотите стать нашим автором? Пишите нам!

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

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