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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Она позволяет улучшить оформление.
2. Удается придать странице особенный стиль.
3. Вам понравится новый дизайн.
4. Обложка может рассказать о тематике сообщества.
5. Группы с красивым оформлением вызывают наибольший интерес у пользователей.
6. Люди будут охотнее подписываться на сообщество.
7. Удается адаптировать изображение под полную и мобильную версию сайта.
8. Создать обложку довольно легко, данная процедура не должна вызвать проблем.

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

Трудозатраты на создание зависят от ваших пожеланий. Вообще у администраторов групп есть два варианта:

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

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

Обложка для группы ВК: размер

Размеры могут отличаться. Например, на ПК обложка отображается в разрешении 795×200 пикселей. На смартфонах она адаптируется под экран аппарата.

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

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

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

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

Доступные способы создания шапки для группы:

1. Скачать готовую картинку для обложки.
2. Сделать ее через онлайн-сервис.
3. Заказать у специалистов.
4. Воспользоваться фоторедакторами и создать самостоятельно.

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

Можно воспользоваться специальными программами – Adobe Photoshop, Pixelmator и т. д. Но вы должны уметь работать с данными приложениями, для их освоения потребуется время.

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

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

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

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

• Сразу укажите название файла.
• Размер – 1590x
• Фон – прозрачный.
• Цветовой режим – цвета RGB 8 бит.
• Разрешение – 72 пикселя на дюйм.

Теперь найдите картинку в интернете, скопируйте ее и вставьте в программу. Для адаптации размера нужно:

1. Зайти в пункт «Редактирование».
2. Затем в «Трансформирование».
3. Теперь выберете раздел «Масштабирование».
4. Зажмите Shift.
5. Левой кнопкой мыши захватите угол изображения.
6. Адаптируйте картинку под границы.
7. Для подтверждения действия нажмите на Enter.

Нужно написать название сообщества. Для этого необходимо:

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

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

1. Открыть в меню «Файл».
2. Выбрать пункт «Сохранить для Web».
3. Указать набор PNG-24.
4. Сохраните картинку.

Как выгрузить готовое изображение?

Для загрузки картинки в группу потребуется:

• Зайти в сообщество.
• Выбрать в меню пункт для управления.
• Найти вариант с обложкой сообщества.
• Выбрать пункт для загрузки.
• Откроется форма для добавления.
• Можно выбрать картинку в проводнике или перетащить ее в окно.
• Загрузите ее на сайт.
• Подтвердите сохранение.

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

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

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

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

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

Но зачем нужна динамическая шапка? Вариантов ее использования множество:

1. Можно выводить вашу CRM-систему.
2. Удается создать таймер.
3. Выводить день недели, дату, время.
4. Показывать имена последних вступивших.
5. Предоставлять дополнительную информацию.
6. Такие обложки подойдут для групп компаний.

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

Как это работает?

Принцип довольно прост:

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

Зачем нужен скрипт?

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

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

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

Как подключить скрипт?

После выполнения проекта специалисты предоставят вам:

1. Макет оформления.
2. Исходники в формате PSD.
3. Скрипт.
4. Лицензионный ключ для привязки.

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

Для работы скрипта потребуется куда-то установить его. Есть несколько вариантов:

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

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

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

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

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

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

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

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

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

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

Как загрузить?

По началу, как только это новшество было введено, многие задавались вопросом: как поставить эту обложку?

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

Во-первых, Вам понадобятся файлы формата JPG, GIF или PNG. Это основные и наиболее популярные форматы изображений, поэтому найти их не составит труда.

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

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

Теперь сама инструкция (Вы должны быть владельцем или администратором):

1. На странице паблика нажмите кнопку с тремя точками и выберите пункт «Управление сообществом»;

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

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

1. Далее выберите видимую часть (при неточных размерах картинки) и нажмите кнопку «Сохранить и продолжить»;

1. Важно понимать, что фон еще не появился на странице группы. Для того, чтобы она отображалась необходимо еще раз подтвердить свои действия, нажав кнопку «Сохранить».
2. Наслаждайтесь полученным результатом!

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

Также при наведении курсора на обложку в правом верхнем углу появляются три кнопки:

• Загрузить (если хотите установить новую);
• Редактировать (если хотите настроить текущую);
• Удалить.

Виды

Как только данная технология появилась,вся категоризация подразумевала только лишь различия самих картинок (обычные, яркие, спамные, с текстом и т.д).

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

Условно все фоны можно поделить на:

• Статические;
• Динамические.

Давайте же подробнее рассмотрим каждый из них.

Как сделать статическую обложку?

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

Хороший сайт, где можно скачать готовые шаблоны – vk –oblozhki .ru

Но, как правило, это просто фото/картинка, без названий и какой-либо другой информации.

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

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

Если Вы обладаете навыками работы с графическими редакторами, то сможете сделать это в Photoshop , illustrator или другом редакторе. Мы советуем всегда сохранять свои работы в формате PSD (PhotoshopDocument ). Таким образом, Ваше изображение будет растровым и его можно будет подогнать под любые размеры без потери качества.

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

• com;
• com.

Это наиболее популярные проекты среди своих аналогов.

Как сделать динамическую обложку?

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

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

Наиболее популярные сервисы:

• DynamicCover ;
• BoomCover ;
• Revoc;
• Line-Cover.

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

Примерная стоимость таких сервисов – 100 руб./мес.

Ниже мы представим список наших советов и рекомендаций:

1. Используйте динамические обложки, только если в них есть необходимость. Динамические обложки не всегда выглядят красиво. Особенно когда на них через чур много различных виджетов. Порой поставить простое изображение, с текстом или без – лучший вариант.
2. Используйте небольшие указатели типа «Подпишись» или «Задай свой вопрос», которые будут лаконично вписываться в общий дизайн, над соответствующими кнопками. Они будут побуждать пользователей к действию.

1. Не используйте спамные обложки. Они слишком часто вызывают негатив у пользователей.

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

1. Если есть возможность заплатить – используйте помощь профессионалов, которые могут полностью оформить Ваше сообщество.

Примеры успешных работ

На самом деле, хороших примеров очень много. Мы покажем лишь несколько работ.

1. Простое красивое изображение. Учитывая, что данный паблик специализируется на красивых картинках, фото – это подходящий вариант.

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

1. Статическое изображение, оформленное под определенный бренд. Стильно и красиво.

1. Отличный пример того, как можно кратко, без использования слов, описать деятельность группы. Данный паблик использовал иконки. Как только заходишь и видишь эту обложку, сразу понимаешь, какого характера контент здесь публикуется.
[Всего голосов: 2 Средний: 5/5]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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