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

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

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

Как сделать обложку для группы Вконтакте

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


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

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

Размеры обложки для группы Вконтакте
Рекомендуемый размер: 1590×400.
Минимальный размер: 795×200
Нажимаете размер. Следующий шаг, задаете размеры: 1500×400
Все как на скриншоте ниже:


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

Далее.
Нажимаете 3 точки, в открывшейся вкладке выбираете: «управление сообществом»

Затем в отрывшемся окне «загрузить»


После выбора, и загрузки, вертите изображение как вам угодно).


На этом можно закончить... но!
Помните в начале этой статьи я вам обещал классное оформление паблика, несколько вариантов?)
Вот смотрите, как еще можно оформить.


Так сделано у меня в одном из сообществ).
Я делал через fotoshop.
К сожалению, пока статья по оформлению такого плана не готова, скоро напишу).
Для ленивых, могу вам сделать такого плана, соответственно оформление подберу вам по теме).
Стоимость 500 рублей.
Пишите в личку, или в комментариях.
Что еще интересного в вк?

Новые фишки контакта

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

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

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

Так же советую сделать в меню в паблике.

Проводите регулярные конкурсы.
Значительно помогает, в виде лайков и репостов.
Зачем это нужно?
Понимаете, сейчас групп на любую тематику имеется валом.
Если у вас миллионник, вам проще.
Ну, а если нет, почему пользователь должен именно у вас проводить время?
Стадный инстинкт никто не отменял).
Где больше подписчиков, туда и народ идет.
Накрутить уже не получиться).
Раньше можно было, сейчас, если только чуть чуть).
А вообще правильно изначально начинайте, оценивайте конкуренцию.
Статья на эту тему у меня есть.

Выход только один — это заинтересовать читателя.
Вот конкурсами и розыгрышами и привлекайте их.
Я вам таблетку от головной боли дал, занимайтесь).

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

Если у вас остались вопросы, пишите в комментариях.
Всегда отвечу.
На этом все, всем пока!

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

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

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

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

Размер обложки делайте 1590х400 пикселей. В можете взять шаблон разметки. Обязательно оставьте побольше свободного места для динамических элементов. Заранее спланируйте, в каких местах они у вас будут размещаться.

Подготовленный макет для динамической обложки

Сервис предлагает два тарифа: бесплатный для обложки на одну группу и платный, в котором вы платите около 100 руб. в месяц за каждую группу.

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

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

Тут все просто. Главное условие — вы должны быть админом или редактором группы, в которой хотите сделать обложку.

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


Выберите нужную группу

Нажмите кнопку «Подключить»

В меню слева выберите «Создать новую обложку»

Пока шаблонов у вас нет. Здесь выбирайте «Пустой шаблон»

Нажмите «Управление фоном» и загрузите картинку для обложки

Можно менять цвет, шрифты, размер, выравнивание и много других параметров.

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

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

Еще раз ссылка на сервис , чтобы не возвращаться обратно по тексту 🙂

Успехов вам в творчестве!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итог

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Используются следующие размеры оформления группы Вконтакте:

  • Обложка страницы показывается вверху, на всю ширину паблика, размер 1590 х 400 пикселей;
  • Большой аватар — вертикальный баннер 200х500 px (соотношение сторон 2:5), показывается справа вверху;
  • Маленькая аватарка, круглая картинка, показывается в каждом сообщении группы, размер 200х200 пикселей.
  • Изображение меню для группы Вконтакте, ширина 510 пикселей, высота — 307 (чтобы нижний край меню красиво совпадал с низом большой аватары справа).

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

Как сделать шапку для группы Вконтакте самостоятельно

Чтобы шапка сообщества выглядела красиво, все ее графические составляющие должны быть оформлены в одном стиле (набор цветов, логотипы, шрифты) или быть частью одной картинки. При оформлении группы Вконтакте самостоятельно, первый шаг — подготовить фоновое изображение. Это может быть тематическая картинка с бесплатных фотобанков (например, pixabay.com).

Открой картинку в графическом редакторе. Обрежь или масштабирую до размера: длина 1590 px, высота 400 px.

Далее можно нанести необходимые надписи (название группы, слоган, призыв вступать в сообщество). Теперь нужно загрузить обложку в сообщество, для этого зайди в пункт меню «Управление сообществом»:

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

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

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

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

Размеры шапки в паблике Вконтакте в новом дизайне

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

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

Процесс оформления меню группы Вконтакте состоит из следующих этапов:

  • Подготовка списка ссылок меню (это могут быть страницы, разделы сообщества или внешние сайты).
  • Подготовка фоновой картинки.
  • Нанесение на фоновое изображение надписей и «кнопок» меню.
  • Нарезка изображения на части.
  • Включение wiki-страницы.
  • Загрузка графического меню и форматирование его wiki-разметкой.

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

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

Вертикальное меню сообщества ВК с пунктами в один столбик

Открой картинку в редакторе. Инструментом редактора «Текст» напиши пункты меню поверх фона. Чтобы надписи меню были заметны, их можно выделить несколькими способами:

  • Обвести рамкой;
  • Изменить цвет фона под буквами;
  • Добавить буквам тень.

Ниже на скриншоте каждый пункт выделен одним из способов.

Следующий шаг — нарезка изображения на части:


Процесс нарезки изображения также можно выполнить с помощью удобного онлайн-инструмента www.imgonline.com.ua/cut-photo-into-pieces.php .

Далее в меню «Управление сообществом» зайди в пункт «Разделы» и в пункте «Материалы» выбери «Ограниченные» (это значит, что страницы создавать и редактировать сможет только администратор группы).

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

Перейди в этот раздел и нажми редактировать. Измени заголовок на «Меню» а потом нажми на пиктограмму фотоаппарата, чтобы добавить изображение.

Щелкни по добавленной картинке и в окне свойств укажи ссылку на нужный раздел.

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

Каждый тэг изображения начинается «[[» и заканчивается «]]», состоит из трех частей, разделенных знаком «|»: ID изображения, свойства и ссылка. Нужно откорректировать размеры картинок и вставить в их свойства тег «nopadding». Свойства картинок перечисляются через «;».

После сохранения изменений создание меню завершено.

Меню с горизонтальным или многострочным расположением пунктов

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

Правила оформления таблицы:

Для исключения лишних пробелов нужно указать параметры таблицы «fixed nopadding noborder». Разметка графического меню из 2 столбцов и 2 строк выглядит так:

А само меню в группе:

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

В сообществах Вконтакте используется два варианта аватарки:

  • Большой прямоугольный баннер 200 на 500 точек, показывается справа вверху, если не загружена обложка.
  • Миниатюра 200х200 пикселей, показывается в постах и в обсуждениях в виде кружочка.