Создать красивую обложку для вк. Номер телефона компании. Канва для создания обложки группы ВКонтакте

17.07.2019

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

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

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

Из этой статьи вы получите три вещи:

Размер обложки для группы Вконтакте;
Инструкцию, как создать обложку Вконтакте и как выбрать идеальную картинку;
Примеры групп с качественными обложками.

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

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

Совет : Если вы нашли изображение, которое вам сильно понравилось, но его пропорции не совпадают с рекомендуемыми, вы все-равно можете использовать его! Загрузив эту картинку, вы сможете выбрать видимую область и обрезать все лишнее внутренними средствами Вконтакте.

При разработке дизайна обложки учитывайте, что на мобильных устройствах с шириной экрана менее 400px обрезается по 196px по краям изображения, так же примерно 83px занимают системные иконки телефона. Учитывайте удобство для мобильных пользователей. Вконтакте таких большинство.

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

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

Размеры обложки Вконтакте на компьютере

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

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

Если покупать и изучать Photoshop нет желания, то используйте онлайн сервисы. Вот . На данный момент это самый популярный сервис.

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

Для того, чтобы помочь вам с разработкой дизайна, мы создали шаблон для обложки группы в ВК (1590x400px).

Озвучим несколько дополнительных деталей по работе с нашим шаблоном:

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

Скачать этот и другие шаблоны можно в статье: .

Ваши фотографии

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

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

vk.com/best_psalterium

Стоковые фотографии

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

Хотелось бы призвать вас изменять/улучшать все выбранные фотографии, чтобы сделать их более личными. Можете использовать инструментарий онлайн-редакторов Fotor, Pablo или Canva. Если хотите, вы можете улучшить даже свою фотографию с этими инструментами. Например, выберите одну из ваших любимых цитат и добавьте её поверх фото.

Как выбрать обложку

Теперь, когда мы знаем, как сделать обложку для группы Вконтакте, вопрос заключается в том, какое наполнение для неё выбрать? Есть фотографии, которые работают лучше, чем другие?

Рассмотрим некоторые важные моменты:

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

Какой тип изображений привлекает людей

Вот некоторые компоненты, которые делают изображения притягивающими:

Эмоции : чувства заставляют людей действовать;
Актуальность : в том числе и то, что соответствует интересам вашей аудитории;
Цвета : выбор правильных цветов приводит к увеличению конверсии;
Типографика : выбор правильного шрифта делает ваше сообщение ясным;
Хештеги и текст : найдите правильные слова, которые спровоцируют вашу аудиторию на совершение целевого действия.

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

Например, Coca-Cola на обложке использует общепринятый красный логотип с подписью «попробуй… почувствуй», а в качестве фона счастливую пару с напитком в руках. Это, конечно, в надежде заставить людей провести некую связь в сознании, что пить колу означает счастье. И это эффективно!

vk.com/cocacola

Куда смотрят люди?

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

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

Еще Kissmetrics обнаружили, что может быть эффективным добавление элемента, который «выскакивает» в обложке. Важно то, что такой элемент должен быть один и один, который призывает к действию.

В приведенном ниже примере, компания Electronic Arts знает это и ясно дает понять людям, что они могут купить новую игру FIFA17.

vk.com/easportsfifa

Нестандартное мышление

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

Использование известной личности в оформлении популярного паблика про стартапы

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

Использование обложки, чтобы отправить людей на свой сайт

Использование обложки, чтобы показать свое специальное предложение

Просьба посетителей вступить в группу или написать сообщение.

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

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

vk.com/adsnews

vk.com/wbrussia

vk.com/sci_one

vk.com/businessgazeta

vk.com/cds

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

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

В этой статье:
Как сделать шапку для группы вк

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

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

Какой размер картинок и аватара в группе vk

Аватар. Размер аватарки должен быть не менее 200×200 px и не более 7000×7000 px. Опубликованная картинка сжимается до 200×500 px. Для сохранения высокого качества - разработчики подсказывают выбирать многопиксельный масштаб аватара.

Шапка. Минимальный размер обложки 795×200 px . Избежать низкокачественного изображения поможет рекомендация создателей - использовать 1590×400 px .

Размеры мобильной версии vk непохожи с ПК. Чтобы вы знали, «как и где» размещать важные элементы на шапке, нужно разобраться в тонкостях. Определим их:

Сверху информационная панель телефона составляет 80 px.
Слева и справа урезается по 195 px.
Всплывающие доп. настройки занимают по 140 px.

Остаток видимой области составляет 920×320 px. Поэтому, именно в этом радиусе уместно размещать важную информацию.

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

Как сделать обложку группы в Paint 3D

Создать шапку для группы вк проще простого в Paint 3D который есть на каждом ПК.

Пункт 1. Запустите программу и «Создайте » проект.

Пункт 2. Перейдите во вкладку «Меню ». Кликните «Вставить ». Определите необходимое изображение.

Пункт 3. Выберите «Обрезать ». Готовьтесь к тому, что при добавлении картинки, Paint может без вас урежет её до удобных ему размеров.

Пункт 4. Оригинальный размер изображения был 5848×3899 px., что дает много места для творчества. Для обрезания потяните за белые точки, для выбора прямоугольной области. В Paint 3D размеры 3550×900 px. аналогичны 1590×400 px., поэтому выберите их и нажмите «Готово ».

Пункт 6. Перейдите в «Меню ». Выберите раздел «Сохранить как » и кликнете на «Изображение ». Как дадите название картинке, нажмите «Сохранить ».

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

Как сделать обложку группы в фотошопе

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

Шаг 1. После того как открыли программу, нажмите «Файл » и «Создать… ».

Шаг 2. После настройки файла нужного размера (1590×400 px.), нажмите «Ок ».

Шаг 3. Теперь нужно открыть изображение с которым хотим работать. «Файл » и «Поместить… ».

Шаг 4. Добавленное изображение вставьте в рабочую зону и растяните за кубики к необходимому виду. Во избежания искажения пропорции зажмите клавишу «Shift» и только потом растягивайте.

Шаг 5. У вас должно получится что-то вроде этого. А после подтвердите действие нажав на чек-бокс.

Шаг 6. Перейдите в «Файл », кликните «Сохранить для Web и устройств… » или сочетание клавиш Alt+Shift+Ctrl+S.

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

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

Как создать обложку для группы в вк онлайн

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

1. Сначала зарегистрируйтесь. Выберите 1 из 5 тематик регистрации. В зависимости от вашего выбора, сервис вам окажет актуальные шаблоны. Дальнейшая регистрация очень проста, и состоит из 3 вариантов:

2. Выбор шаблона и Добавление своей команды - можете пропустить так как это можно сделать и позже. А так как VK еще нет в шаблонах на странице «Я хочу создать… » жмите «Больше типов дизайнов ».

3. Кликните «» и укажите уже знакомые размеры шапки ВК.

4. После перемещения во вкладку «загрузки », кликните «». Выберите нужную картинку.

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

6. Наполнение. Canva предлагает большой набор «фишечек», которые добавят обложке особую изюминку:

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

После этих 7 шагов, бесплатно созданная онлайн-обложка для сообщества вк - уже подлежит публикации.

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

Как сделать интерактивную шапку в группе вк

Интерактивная обложка - воспроизведение разнообразной информации в реальном времени.

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

Используют их в большинстве своём в окружении онлайн-продаж и услуг. Вот несколько примеров:

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

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

Выберем один из лучших онлайн-конструкторов vkfiller.ru , на котором и настроим интерактивную обложку.

Этап 1. Кликните «Попробовать бесплатно».

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

Этап 4. Перейдите в раздел «Динамическая обложка». Выберите группу в которой хотите настроить её. Нажмите слева от названия галочку, далее кликнув «Создать/изменить».

Этап 5. Перейдите в «Изменение фона». Готовую шапку можно сразу перетянуть в рабочую зону, но мы загрузим её через «Выберите файл». Выбрав предварительно подготовленную в Canva обложку.

Этап 6. Теперь непосредственно переходим к «Добавлению виджета».

Этап 7. Во время создания статьи, конструктор Vkfiller предлагает 17 разных виджетов на выбор. Остановимся на 3 самых простых, гармонично вписывающихся в наш вариант «дата и время» и «погода (иконка)». И еще курс валют, пусть будет.

В разделе «Настройки виджета» его можно всячески видоизменять.

Этап 8. Немного ниже расположена настройка частоты обновления обложки.

Цена одного обновления = 0,003 р. Поставив частоту обновления на каждую минуту, за сутки выйдет = 4.32 р., а за 31 день = 133.92 р. Если такая внушительная сумма не ударит по вашему карману, то можете смело ставить.

Получилась вот такая незамысловатая красота. Хотя, как говорится: «на свой вкус».

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

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

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

Это делается всего за 5 элементарных шагов.

Шаг 1. Перейдите в раздел «Управление ».

Шаг 2. Нажмите «Загрузить ».

Шаг 3. Нажмите «Выбрать файл ».

Шаг 4. Определите необходимую картинку, чтобы сумма её ширины и высоты составляла не больше 14 тис. px.

Шаг 5. Настройте предпочтительный ракурс и кликните «».

Такой вид обложки вполне достоин кисти художника.

Заключение

Существует не одна, и даже не пять программ и онлайн-сервисов способствующих лёгкому созданию красивой шапки для группы вк. И нужно ли скачивать тяжёлые программы как Photoshop? Зависит от ваших предпочтений. Выберите, какой из вышеперечисленных способов сможет упростить вашу задачу, а не усложнить и запутать.

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

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

Если вы не готовы заказывать создание обложки для группы вконтакте у дизайнера, то можете попробовать нарисовать ее самостоятельно. Если вы дружны с фотошопом, Аватаном или Канвой, к примеру, то проблем не будет. Нужно знать размеры и требования к формату изображения, а далее – ваше творчество. В этой статье подробно разбираемся, как сделать обложку для группы ВКонтакте в бесплатном редакторе онлайн Аватан, а также получите рекомендации по работе с Фотошоп онлайн и онлайн редактором Canva.

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

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

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

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

Если эти операции выполнимы, то обложку сделать будет не трудно.

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

логотип в формате *png,

картинка для фона (можно скачать с яндекса или любого стока изображений),

текст, который вы хотите видеть в шапке Вконтакте.

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

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

Загрузить фоновое фото

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

Загруженный фон:

Установить размер макета 1590 на 400 пикселей

Размер картинки, которую я загрузила, отличается от нужного. Для того, чтобы получить нужный размер , зайдите по кнопке слева «Обрезка» и внесите данные, а именно 1590 пикселей ширина и 400 высота. Подтвердите кнопкой «Применить».

Вставить нужный текст

Добавить логотип группы

Добавьте свой логотип с компьютера. Это делается во вкладке «Наклейки» через команду «Своя наклейка». Желательно, чтобы логотип был в формате *png, то есть с прозрачным фоном, чтобы не перекрывал основной цвет макета.

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

Сохранить на компьютер результат

Сохраните макет в формате *jpeg или *png и вставляйте в свою группу.

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

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

Обложка ВКонтакте для группы и Фотошоп онлайн

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

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

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

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

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

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

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

Пример моей шапки, созданной в Canva (я не дизайнер, но вполне справилась).

Как загрузить обложку в группу ВКонтакте

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

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

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

Скачать статью в формате pdf

На моем сайте отключено копирование текста, поэтому если вам нужна полностью статья, то вы можете купить запись МК в *pdf формате и наслаждаться его изучением на своем компьютере.

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

Любой труд должен быть оплачен. Спасибо за понимание!

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

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

Параметры изображения

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

Для двух вариантов размеры обложки группы в ВК одинаковые. Минимальная ширина и высота 795 х 200 px. Но разработчики советуют увеличивать параметры исходного файла вдвое – до 1590 х 400 рх. Это позволяет паблику одинаково хорошо выглядеть на телефоне и широкоформатном мониторе ПК.

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

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

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

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

Нетронутой остается лишь область 918 х 317 рх. На нее и нужно ориентироваться.

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

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

Фоновая заставка вашего паблика должна максимально соответствовать ее содержимому и вызывать доверие у посетителей. Хорошие результаты показывают авторские фотографии. Снимки станков на производстве, тортов на вашей кухне или довольных клиентов в парикмахерской «заходят» лучше, чем избитые картинки из поиска Яндекса. Если нет подобных материалов, можно воспользоваться базой бесплатного фотостока, например, Unsplash . Сервис предлагает огромный выбор. Но ключевые запросы нужно вводить на английском. Хороший русскоязычный сток – Pixabay . Но количество файлов в свободном доступе ограничено.

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

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

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

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

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

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

При этом подходят не только прямые, но и косвенные рычаги воздействия на ЦА. Исследования маркетологами «глазных следов» показали, что мы склонны смотреть туда, куда направлен взгляд других. Это тоже можно использовать в своих целях, чтобы сосредоточить внимание на необходимых нам элементах. Несмотря на яркий, выразительный образ персонажей, мы концентрируемся на тексте даже без прямого указания на него.

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

Не последнюю роль играют цветовые решения. Правильно подобранная гамма притягивает к себе целевую аудиторию не хуже броского слогана. Это активно используют маркетологи. Оранжевый и желтый тона характерны для жизнерадостных людей. Зеленый ассоциируется со здоровьем, экологичностью и деньгами. Синий – символизирует спокойствие и надежность. Он предпочтительнее для мужской половины участников. Оттенки красного отлично притягивают к себе внимание. Незаменимы при проведении акций и распродаж. Использование более трех цветов расфокусирует взгляд. Лучше применять цветовой резонанс, оттенки и полутона.

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

Оформляем «шапку» сообщества

Профессиональные веб-дизайнеры работают в специализированных приложениях: Adobe Photoshop, Illustrator, Creative Cloud и прочих. Но они достаточно сложные для начинающих пользователей. Несмотря на обилие функций и возможностей, новички редко ими пользуются. Часто востребованными остаются лишь функции обрезки и трансформации изображений, наложения текста и картинок поверх фонового слоя. Все то же самое можно легко сделать и без установки ресурсоемких программ.

Рассмотрим как создать обложку для группы ВК в графическом онлайн-редакторе canva. Для работы на нем регистрируемся по e-mail или с помощью кнопок социальных сетей.
После авторизации нажимаем вверху справа «Использовать специальные размеры» и задаем параметры 1590 х 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, он наиболее устойчив к сжатию;
для ускорения загрузки, можно перетаскивать обложку прямо из папки на окно загрузки обложки.