Как создать картинку для группы вконтакте: Онлайн-конструктор обложек для ВК — wilda.ru

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

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

 

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

Это смотрится симпатично, но совершенно не рационально, ведь на обложке можно разместить что-то действительно полезное и важное.

Вся интернет-реклама — в eLama

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

Зарегистрироваться

Например:

1. Логотип и слоган. Можно при этом интересно обыграть лого.

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

2. Информацию о компании.

3. Одно или несколько УТП.

4. Фото продукции.

5. Информацию о важной новинке.

6. Оповещение об акции или спецпредложении.

7. Промо актуальной коллекции.

8. Анонс события.

Или целую афишу мероприятий.

9. График работы.

10. Фото клиентов или целевой аудитории.

Или не фото, а картинки.

11. Call-to-action.

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

Форматы обложки во ВКонтакте

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

Главная обложка

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

Например, шапка группы HeadHunter на десктопе выглядит так.

А в приложении — уже менее гармонично.

Требования к изображению: 1920×768 px, формат JPG или PNG.

Живая обложка

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

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

Требования к изображениям: 1080×1920 px. Размер файла — до 20 Мб, длительность — до 30 с, видеокодек — H.264, аудиокодек — ААС.

Динамическая обложка

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

На динамическую обложку группы сервиса LetsCover выводятся курс валют, а также имена и аватарки самых активных комментаторов и победителя конкурса активности прошлого месяца

Динамические обложки создаются через специализированные сервисы, например, DyCover или LetsCover.

Панель виджетов сервиса DyCover

5 ошибок в дизайне обложки

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

1. Низкая информативность.

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

2. Излишняя информативность.

Здесь и лого, и слоган, и еще один слоган, и адрес сайта, и телефон, и несколько фото продукции. Всё вместе рябит и затрудняет восприятие.

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

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

3. Несоответствие цели сообщества.

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

Для сравнения: обложки сообществ «Мираторг» — клиентского…

И посвященного подбору персонала.

А вот как у них устроена обложка в приложении.

4. Нет адаптации под мобильные устройства.

В приложении логотип Sela в шапке оказывается закрыт.

А у этого мебельного магазина под кат попадает часть информации.

Причем насовсем: статичный баннер в приложении не получится развернуть или увеличить.

5. Некорректное кадрирование.

Например, здесь логотип обрезан, а большая часть полезной площади — пустая.

А здесь отсутствие отступов создает ощущение тесноты и неточности — явно не то, с чем хочется ассоциироваться производителю кухонь на заказ!

Какой должна быть обложка сообщества

Резюмируем вышесказанное. Как показывают наши наблюдения, хорошая шапка для группы:

• информативна;
• при этом лаконична и не перегружена;
• целесообразна;
• актуальна;
• корректно смотрится на десктопе и в приложении;
• соответствует фирменному стилю — потому что представляет собой важный элемент позиционирования.

Дизайнер eLama Ангелина Боднарь предагает такой алгоритм работы над изображением для шапки группы.

Ангелина Боднарь Дизайнер, elama. ru

1. Определитесь с оффером, который вы разместите на обложке. Чем она привлечет целевую аудиторию?

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

2. Подумайте над композицией. Будет ли это картинка с текстом на ней, или картинка будет отдельно, а текст на подложке — отдельно?

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

3. Подготовьте иллюстрацию или подберите фото, которое подойдет по смыслу и поможет усилить оффер.

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

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

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

Например, инструмент SUPA, который бесплатно доступен клиентам через маркетплейс eLama.

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

Чтобы воспользоваться SUPA, перейдите в «Маркетплейс инструментов» в левом меню кабинета eLama.

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

Клик на «Попробовать бесплатно» перебросит вас к авторизации. Разрешите здесь обработку персональных данных, авторизация произойдет автоматически.

В открывшемся окне кликните на «Создать креатив».

Выберите нужный тип контента.

Можно создать уникальную обложку с нуля или доработать шаблон — их у SUPA около сорока, под разные тематики.

Мы сначала попробуем воспользоваться шаблоном.

Действуем по шаблону

Замените в шаблоне изображения и перепишите тексты.

Картинки для замены должны быть на прозрачном фоне. Чтобы вставить их без границ, жмите на «Убрать фон».

Чтобы отредактировать текст, жмите на него.

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

Например, поменять цвет фона.

А также изменить положение, наклон и количество элементов.

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

Когда всё готово, жмите на фиолетовую кнопку «Скачать» справа вверху.

Потом «Сгенерировать изображение» и «Скачать файл». Готово!

Творим с чистого листа

Можно действовать и без шаблонов — этот вариант подходит для создания живых обложек.

Первым делом зададим размер: 1080×1920.

На обложку можно добавить объект: фигуру, линию, диаграмму, иконку, эмодзи, градиент…

…а также фото или видео из встроенной библиотеки. Мы для простоты остановимся на фото. Здесь работает поиск по ключевым словам.

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

Теперь можно накладывать текст — на выбор есть много шрифтов и шаблонов текстовых элементов.

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

А чтобы использовать возможности живой обложки по максимуму, добавьте анимацию.

На выбор есть девять вариантов.

Выбирайте подходящий и жмите на «Применить анимацию» для более тонкой настройки по слоям. Когда все готово, кликайте на «Скачать» — «Сгенерировать видео» — «Скачать».

Вы великолепны! Осталось установить файлы в шапку группы. Для этого перейдите в меню сообщества ВКонтакте в «Управление» и найдите на панели управление обложкой.

Главная и живая обложки загружаются здесь.

Читайте другие наши полезные материалы о продвижении во ВКонтакте, и успехов вам!

• Как оформить группу ВКонтакте: гайд с чек-листом
• Как рекламировать сообщество ВКонтакте: от подготовки группы до запуска продвижения

Как в группе ВК сделать шапку вверху

Информация обновлена:
3 мая 2022

Время на чтение:

5 минут

261

Содержание

• Какой размер изображения подойдет
• Где взять изображение для обложки
• Куда загрузить файл обложки
• Полезные советы

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

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

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

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

Содержание

1. Какой размер изображения подойдет
2. Где взять изображение для обложки
3. Куда загрузить файл обложки
4. Полезные советы

Какой размер изображения подойдет

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

Официальный размер шапки 795х200px, но я рекомендую делать картинку в 2 раза больше. Потому что при загрузке Вконтакт сжимает изображения, и оно  может стать хуже качеством. Чтобы этого не происходило, делаем картинку в 2 раза больше и при загрузке как раз будет то, что надо.

Поэтому делаем размер 1590х400px.

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

Где взять изображение для обложки

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

3. Поиск картинки для шапки в яндексе

4. Доработать обложку в редакторе paint. Можно открыть скачанную картинку в пэйнте и написать название, телефон, и т.
   д. Paint — это встроенный графический редактор, есть в каждой windows. В windows 10 его просто открыть через поиск.

   Редактор Paint в windows 10

   Делаем подпись на баннере в painte

    

5. Сделать самому в Фотошопе. Так можно сделать действительно качественную обложку. Но кроме владения навыками работы в нем, нужно еще развить художественный вкус. А это уже не очень быстро.
6. Можно заказать. Если вас не увлекает дизайн, а обложка нужна хорошая и быстро, лучше заплатите дизайнеру, а сэкономленное время потратьте на развитие своей группы. Дизайн группы можно заказать на этом сайте, напишите в форму обратной связи, в разделе Контакты вверху.

Куда загрузить файл обложки

1. Откройте в меню группы раздел Управление.

   Раздел управление в меню группы ВК

2. Нажмите в строке Обложка сообщества ссылку Загрузить.

   Загрузить обложку ВК

3. В открывшемся окне нажмите Выбрать файл и укажите файл вашей обложки.

   Выбор файла для обложки ВК

4. Проверьте как загрузилось, если все ОК, нажмите Сохранить и продолжить.

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

    

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

   Обложка успешно загружена

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

   Готовая обложка

Полезные советы

• Чтобы сделать хорошую обложку, узнайте, кто ваши подписчики, что им нравится: школьники, студенты, бизнесмены. Все они реагируют на разные цвета, изображения. И от того, как вы оформите обложку зависит, подпишутся они на вас или нет.
• Прочитайте статью, как раскрутить группу Вконтакте от А до Я, потому что обложка — это только один из шагов по раскрутке. Вы же делаете группу, чтобы получить больше подписчиков?
• Если вы только задумались о создании группы, тогда узнайте, как ее создать и правильно оформить.
• Узнайте какие посты бывают и как их публиковать, потому что публикации — это основной канал общения с подписчиками и удержания их в группе.

 

Оформление группы

Помогла статья? Поставьте оценку

0 / 5. 0

лиц ВКонтакте в 2022 году: новые иконки, логотипы, цвета и стиль | by VK Team

В октябре прошлого года у нас был глобальный ребрендинг: Mail.ru Group превратилась в ВКонтакте. В этой статье рассказывается о наших идеях и изменениях.

Многие знают бренды экосистемы ВК: Mail.ru, социальные сети ВК и ОК, VK Play, GeekBrains, Skillbox и другие. Однако не все знают, что они принадлежат одной компании.

Мы решили провести ребрендинг, чтобы было видно, что все эти проекты являются частями единой экосистемы.

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

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

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

Видео о принципах бренда:

Графика

Все новые визуальные приемы основаны на обновленной монограмме:

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

Монолинейный / Монографический / Монодинамический

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

Цвет

Мы расширили цветовую гамму по принципу «Однородно, но не монотонно». Синий остается основным цветом, но теперь он дополнен еще пятью цветами, помимо белого и черного.

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

Шрифт

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

Иллюстрации

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

Использование айдентики ВКонтакте в других проектах

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

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

Система логотипов

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

Почта ВКонтакте

Иконки

Единообразие: Иконки основаны на единой концепции — цветная форма иконки, синяя подложка и белый контур. Пример:

Вакансии ВКонтакте, Почта ВКонтакте, Чекбэк ВКонтакте, Музыка ВКонтакте

Уникальность: цвет акцента суббренда — каждая иконка имеет свою метафору.

Цвета

Единообразие: цветовая гамма суббренда состоит из двух цветов, один из которых всегда синий.

Уникальность: акцентный цвет индивидуален для каждой марки.

Узор

Единообразие: узор основан на монограмме ВК, с такой же динамикой, наклоном и элементами.

Уникальность: Каждое изделие имеет свой стиль форм элементов. Пример:

Типографика

Единообразие: Фирменный шрифт VK Sans используется во всех случаях.

Иллюстрации

Уникальность: можно использовать собственный стиль иллюстрации, отличный от основного бренда.

Графическая техника

Уникальность: у каждого суббренда может быть своя техника.

Примеры:

Общий коллаж:

Dating Project — градиент:

Mail Project — штрихи:

Митя Осадчук. Креативный директор @ ВКонтакте

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