Создать обложка для группы в контакте. Разметка шаблонов для оформления групп в социальных сетях (Вконтакте, Facebook, Youtube)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Разработанная в нашей студии графического дизайна обложка магазина одежды

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

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

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

Не стоит перегружать обложку группы информацией. Она должна быть легкой, но информативной!

Где заказать дизайн обложки?

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

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

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

Как установить обложку в группу?

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

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

Примеры наших работ по дизайну групп «было-стало»

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

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

Размер обложки для группы ВК составляет 1590 пикс./400 пикс. Найти и сделать такое изображение помогут платные и бесплатные фотостоки, фотошоп или обычный редактор пейт. Если вы хотите качественную обложку, но сил и времени на создание у вас нет, закажите ее у веб-мастера. Чем красочнее и интереснее будет картинка, тем захотят зайти посмотреть, что происходит в группе. Стоит отметить, что при загрузке вы не увидите место для стандартной авы. Вместо нее в группе появиться небольшой кружок, куда можно будет загрузить фотку. Для гармоничного дизайна лучше загружать тот же снимок который вы поместили на обложку.

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

Что делать, если денег на дизайнера нет, с фотошопом дела не клеятся, но очень хочется получить красивую обложку для ВК? В этом нам помогут онлайн сервисы, для создания обложек для группы. Один из таких называется Канва. Перейти и воспользоваться им можно по ссылке https://www.canva.com/ . Разберем, как он работает.

Изначально, зарегистрируйтесь через аккаунт ФБ или почту.
На странице, куда вас перенесет сайт, выберите вверху справа пункт «Спец. размеры». Вбейте туда значения, как мы показали на рисунке.
Перед вами появиться окно с шаблонами и дополнительными опциями.

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

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

Обложка для группы Вконтакте готовые

Если нет никакого желания ничего создавать, выберите обложку для группы в ВК из готовых вариантов. Давайте посмотрим основные ресурсы, которые помогут это сделать. К примеру, если вы ищете изображение на тему природы, моды, городов фантастики и минимализма посетите площадку https://vk-oblozhki.ru/ .

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

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

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

От философии к делу, сразу же начнём с главного, ради чего все вы здесь собрались так сказать.

Как сделать обложку в паблике ВКонтакте

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

Размер картинки для обложки не больше, чем 380px на 251px. (вроде бы). Можно и больше, но она может криво сжаться. Стоит заметить, что в обложку можно прикреплять не только картинки, но и аудиозаписи, карту, документы, опросы и граффити.

Алгорит создания обложки ВКонтакте:

Ладно, возможно, просто не все такие гуру-Вконтакте(сарказм), как я. Если помог, то ставьте лайк и рассказывайте друзьям:3

Вот вам точные размеры для улучшения дизайна группы.

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

facebook

Как мы знаем или догадываемся, первыми в этом деле были Facebook со своим Timeline. Обложки там делать как-то проще может даже и интернет уже переполняют посты 20 креативных обложек Facebook и тому подобное. Потом сделают такой же пост про ВКонтакте, если там есть креативные люди конечно:3

Вот вам размеры, если хотите сделать обложку.

Google Plus

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

Размер обложки 940px на 180px.

Мой мир@mail.ru

Размер обложки 790px на 210px

Бонус.

Логично, что существует сервис, который бы собирал у себя обложки для социальных сетей. Я поделюсь самыми популярными сайтами с обложками для facebook и Google+

http://freeprofilecover.com/ru/

http://freecoverdesign.com/

http://www.addcovers.com/

http://covertimeline.com/

http://cower.me/facebook-timeline-covers/categories/

http://99covers.com/

Постскриптум.

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

Кстати, за 1000 рублей могу нарисовать вам обложку какую-нибудь красивую, обращайтесь:3

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

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

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

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

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