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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В этой статье мы рассмотрим размеры изображений в новом дизайне Вконтакта 2016 года.

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

Важные параметры изображений в Вконтакте (VK)

• Аватар в сообществах — 200х300 px (200×500 px) в пропорции 2 к 5. Аватар на личной то странице — 200х500 как и ранее. Можно загружать изображения и большего размера – до 7000 px с каждой стороны. Главное, чтобы соотношение сторон не превышало 2 к 5.
• Миниатюра аватара — круг диаметром 200 px. В настройках загрузки можно перемещать и изменять диаметр.
• Новостное изображение баннера в группе: 510х271 px.

Чтобы картинка аватара или поста не искажалась, необходимо при сохранении в Ps выбрать ФАЙЛ>СОХРАНИТЬ ДЛЯ WEB> в открывшемся окне выбрать функцию sRGB. Если вы постараетесь загрузить изображение менее 200 пикселей в ширину или в длину, вы увидите ошибку. Однако опыт SMMщиков говорит о том, что этот метод не дает отличного результата. Чтобы изображение не уменьшались (в гораздо меньшей степени) – делать их в 2-3 раза больше нужного размера.

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

Изображения к постам со ссылкой

Изображения к постам со ссылкой – это изображения, которые автоматически «подтягиваются» к посту, когда вставляется ссылка. Данные берутся из разметки Open Graph. Если Open Graph нету на сайте, заголовок и описание вытягиваются из Title и Description, а изображение – из страницы, его можно менять с помощью специальных стрелочек.

Изображение для Вики-страницы

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

Товары ВКонтакте

Размер изображений для товаров должны быть минимум - 400рх, максимум - 7000рх по одной из сторон, оптимальный же размер будет 1000рх на 1000рх, всего можно добавлять 4 фото к одному товару. Изображение «подборки» — 580рх на 320рх.

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


Что бы включить обложку для групп в вконтакте заходим в «Действия», что находится сразу под авкой группы, где выбираем «Управление», где есть пункт «Обложка Сообщества», нажимаем загрузка – готово. Рекомендуемый размер обложки составляет 795x200px, но стоит добавлять в размере 1590x400px для оптимального отображения на больших экранах.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Размеры обложки сообщества Вк и новые функции

Чтобы загрузить обложку, зайдите на страницу управления сообществом и на первой же странице нажмите «Загрузить» напротив пункта «Обложка сообщества». Обложка имеет размер 795x200 px или 1590x400 px для экранов повышенной чёткости.

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

На месте закрепленной записи теперь располагаются в виде вкладок три типа информации:

• закрепленная запись
• информация о сообществе
• меню сообщества (если оно сделано)

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

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

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

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

6 лайков