Внешний вид сообществ в социальных сетях очень важен. Если оформление не цепляет с первого взгляда, то посетители даже не обращают на него внимание. Именно поэтому порой самый полезный контент не находит свою аудиторию. Сегодня разбираем как сделать обложку для группы Вконтакте с помощью онлайн-сервисов или на компьютере. При использовании этой информации вы не только преображаете свой паблик, но и привлекаете новых подписчиков.
Параметры изображения
Администрация VK постоянно совершенствует внешний вид своих сервисов, делает его более красивым и удобным для пользователей. Так на смену вертикальным аватаркам пришли горизонтальные фоновые картинки в шапке сообщества. Причем сейчас возможно не только классическое статическое отображение, а использование динамических блоков с таймерами, курсами валют, данными CRM и прочими модулями.
Для двух вариантов размеры обложки группы в ВК одинаковые. Минимальная ширина и высота 795 х 200 px. Но разработчики советуют увеличивать параметры исходного файла вдвое – до 1590 х 400 рх. Это позволяет паблику одинаково хорошо выглядеть на телефоне и широкоформатном мониторе ПК.
Разрабатывая дизайн, нужно учитывать и расположение кнопок навигации. Отступ от правого края составляет 66 рх, расстояние между ними 10 рх, а габарит каждой 157 рх.
При поиске картинки не обязательно соблюдать заданные пропорции. Важно, чтобы разрешение было не меньше указанного. А как его подогнать под необходимые параметры мы рассказываем ниже.
Элементы навигации должны располагаться так, чтобы они были видны не только, на ПК, но и на телефоне. Поэтому рассмотрим, как сделать обложку в группе ВК для мобильной версии. Есть свои особенности размеров:
- По 196 рх с каждой стороны просто уходит за пределы видимости.
- Верхние 83 рх заняты служебными пиктограммами, где отображаются часы, сотовые операторы и прочая информация.
- По 140 рх по бокам занимают всплывающие пиктограммы меню и сообщений.
Нетронутой остается лишь область 918 х 317 рх. На нее и нужно ориентироваться.
Точная схема раскладки всех элементов упрощает работу. Но перед утверждением окончательного варианта лучше опубликовать картинку и убедиться, что важные части не перекрываются всплывающими иконками и панелями. Это помогает сделать сообщество привлекательным для пользователей любых устройств.
Выбираем фон для обложки группы ВК
Фоновая заставка вашего паблика должна максимально соответствовать ее содержимому и вызывать доверие у посетителей. Хорошие результаты показывают авторские фотографии. Снимки станков на производстве, тортов на вашей кухне или довольных клиентов в парикмахерской «заходят» лучше, чем избитые картинки из поиска Яндекса.
Если нет подобных материалов, можно воспользоваться базой бесплатного фотостока, например, Unsplash. Сервис предлагает огромный выбор. Но ключевые запросы нужно вводить на английском. Хороший русскоязычный сток – Pixabay. Но количество файлов в свободном доступе ограничено.
Создать обложку для сообщества VK на телефоне.
При этом не обязательно быть дизайнером, чтобы сделать все самому. Нужно лишь знать базовые правила и приемы.
Не только полотно текста раскрывает тематику. Подходящая иллюстрация делает это сама. Достаточно вынести на первый план ключевое событие, мероприятие или личность.
В узнаваемых нишах можно придерживаться стратегии минимализма. Бренд превыше всего. Обилие надписей, напротив, может все испортить. Заинтересованный логотипом поклонник сам начинает изучать детали.
Еще людей привлекают чувства и эмоции. Влюбленная пара на фоне создает спокойную обстановку, а яркий красный шрифт доносит нужную информацию.
С помощью обложки для сообщества в ВК можно стимулировать людей на целевое действие. Указатель на меню подталкивает посетителей к изучению разделов паблика. А если рядом сделать интригующую подпись, они начинают искать таинственную разгадку и задерживаются у вас.
Стрелочка, направленная на кнопку подписки, помогает пользователям оставаться с вами и дальше. При этом не стоит ограничиваться только визуальным выделением. Уже на первом этапе знакомства с аудиторией можно заинтересовать ее выгодой или бонусом. Приятный подарок, обещание решить проблему или цепляющая фраза стимулируют действие.
При этом подходят не только прямые, но и косвенные рычаги воздействия на ЦА. Исследования маркетологами «глазных следов» показали, что мы склонны смотреть туда, куда направлен взгляд других. Это тоже можно использовать в своих целях, чтобы сосредоточить внимание на необходимых нам элементах. Несмотря на яркий, выразительный образ персонажей, мы концентрируемся на тексте даже без прямого указания на него.
Сделать страницу интерактивной помогают последние нововведения ВК – динамические обложки для группы. В шапке сообщества размещаются блоки, которые меняются со временем. Это могут быть нейтральные элементы: часы, курсы валют, погода в регионе. Но больше всего цепляют внимание фото друзей и знакомых.
Встроенные модули «самый активный», «лучший комментатор» или «последний подписчик» показывают в шапке аватарку отличившегося человека. Впрочем возможностей много. О них поговорим в отдельной статье.
Не последнюю роль играют цветовые решения. Правильно подобранная гамма притягивает к себе целевую аудиторию не хуже броского слогана. Это активно используют маркетологи. Оранжевый и желтый тона характерны для жизнерадостных людей. Зеленый ассоциируется со здоровьем, экологичностью и деньгами. Синий – символизирует спокойствие и надежность.
Он предпочтительнее для мужской половины участников. Оттенки красного отлично притягивают к себе внимание. Незаменимы при проведении акций и распродаж. Использование более трех цветов расфокусирует взгляд. Лучше применять цветовой резонанс, оттенки и полутона.
Актуальная картинка для обложки группы в ВК помогает попасть в тренды. Предстоящее мероприятие всегда привлекает к себе внимание. Анонсируйте подходящие события даже если вы ориентированы на более широкую тематику.
Оформляем «шапку» сообщества
Профессиональные веб-дизайнеры работают в специализированных приложениях: Adobe Photoshop, Illustrator, Creative Cloud и прочих. Но они достаточно сложные для начинающих пользователей. Несмотря на обилие функций и возможностей, новички редко ими пользуются. Часто востребованными остаются лишь функции обрезки и трансформации изображений, наложения текста и картинок поверх фонового слоя. Все то же самое можно легко сделать и без установки ресурсоемких программ.
Рассмотрим как создать обложку для группы ВК в графическом онлайн-редакторе canva. Для работы на нем регистрируемся по e-mail или с помощью кнопок социальных сетей.
После авторизации нажимаем вверху справа «Использовать специальные размеры» и задаем параметры 1590 х 400рх. Выбираем фоновый шаблон из представленной на сайте галереи или загружаем свою фотографию. При необходимости растягиваем ее до необходимой величины за «ручки» по углам. Остается добавить навигацию и надписи.
Приложение условно бесплатное, поэтому все модули с соответствующей пометкой можно применять без ограничений. Добавляем текст, логотип, указатели, стрелки и другие понравившиеся элементы.
После окончательного форматирования каждой детали сохраняем результаты на жесткий диск, нажав «скачать». Основная часть работы готова. Сейчас рассмотрим, как добавить обложку в группу ВК.
Устанавливаем «шапку» сообщества
В старом варианте оформления пабликов используется аватарка. Она выполнена в виде вытянутого вертикально блока, который формирует собой правый сайдбар. При смене дизайна это расположение меняется на горизонтальное. Но в настройках нет соответствующих переключателей. Смена происходит автоматически.
Через меню «действия» заходим в опции. Переходим в соответствующий раздел и видим кнопку загрузки:
Указываем путь к фоновому изображению на жестком диске. Оно занимает необходимое нам положение в верхней части паблика.
После прочтения статьи даже у новичков не возникает проблем с тем как загрузить обложку в группе ВК. При этом вы самостоятельно создаете фон. А знание маркетинговых приемов позволяет подстраивать его под времена года, общественные мероприятия и мировые тренды, привлекая тем самым еще больше посетителей.
Источник: semantica.in
Как сделать динамические обложки ВКонтакте
12 декабря 2018 года ВКонтакте анонсировал «живые обложки» для сообществ.
Видели динамические обложки на Фейсбук? ВКонтакте с января 2019 года стали доступны такие же, только вертикальные и только для мобильных устройств.
Выглядит это следующим образом:
Это могут быть видео-слайды с фотографиями и текстом или видеозапись.
Размеры динамических обложек: 1080х1920 (вертикальные) или другие в пропорции 9:16.
Мы подготовили для себя дополнительные размеры: 720х1280 рх, 540х960 рх и 270х480рх.
Видео: формат MP4 (кодек h264 aac), 15-60 кадров в секунду, до 30 секунд, размер — до 30 Мб.
Итак, вы подготовили видео, как его загрузить?
Оговоримся сразу: новый формат посетители страницы увидят в приложениях для iOS и Android.
В мобильной и десктопной веб-версии ВКонтакте по-прежнему будет отображаться обычная обложка в статичном виде.
Как загрузить обложку через компьютер?
- Заходим в сообщество —> Управление
- Нам нужен раздел «Настройки»
- Графа «Обложка сообщества» —> Управление
- Раздел «Живая обложка сообщества» —> Добавить
- Готово!
Как загрузить обложку через телефон?
- Заходим в сообщество с мобильного устройства iOS или Android
- Нажимаем на шестеренку, обозначающую «Настройки»
- Ищем раздел «Информация»
- В этом разделе чуть ниже видим блок «Обложка». Пока она у вас выключена. Заходим в этот раздел.
- Загружаем подготовленное видео
- Готово!
Как установите, похвастайтесь своими работами! Выложите в свои соц. сети с хештэгом #gl_посоветовал.
Сервисы для создания обложки
1) Adobe After Efects и Adobe Premiere Pro — лучшие программы для создания видео обложек для социальных сетей и вообще для всего, чего угодно. Но если такие программы не для вас, то попробуйте online сервисы ниже
2) Supa.ru — сервис для создания видео в социальных сетях. Условно бесплатный. Простой в использовании, но ограничен по функционалу
3) crello.com — Простой инструмент для создания крутых визуальных материалов
Остались вопросы? Задать вопрос
Поделитесь в
Подпишитесь на мои соцсети!
Я более 10 лет потратил на исследования и разработки, чтобы гарантировать Вам лучший результат в Интернет маркетинге!
Заберите подарок
ТОП-12 лучших маркетинговых стратегий для вашего бизнеса на ближайшие 2 года
Источник: greatlabel.ru
Размер обложки ВК. Все размеры в одной статье!
Для того, чтобы вам было проще понять, я буду не только писать размер цифрами, но и описывать, что есть что. А так же все буду сопровождать картинками-примерами. Так вы визуально будете понимать, какой размер определенного изображения должен быть.
Размер обложки ВК
Посмотрите, как выглядит обложка ВК с компьютерной версии (слева) и с мобильного устройства (справа):
Видно, что обложка, которая с компьютера, отображается в полном размере, но та же обложка с телефона отображается не в полном размере. Как будто с телефона она обрезана по краям, да и сверху немного «съедает» изображение.
Так и есть. С телефона обложка обрезается, по этому обязательно имейте это ввиду при создании обложки для своего сообщества. Размер обложки ВК в целом он идет один, но с телефона видимая часть обложки лишь та, что находится ближе к центру изображения.
По этому, при создании обложки, весь основной контент (главный текст) лучше разместить ближе к центру, чтобы и с компьютера его было видно и с телефона.
На изображении ниже я вам показываю точные размеры обложки ВК (старый формат), сколько обрезается по краям, сверху и в каком месте на обложке рекомендовано публиковать основной контент:
Поясняю:
1590х400 px — вся обложке целиком (полностью отображается с компьютера)
1196х315 px — видимая область обложки с мобильных устройств
197 px — обрезается и слева и справа (с мобильных устройств этих краев не видно)
85 px — скрывается сверху, с мобильных устройств не видно
Теперь вы понимаете, где размещать основной контент на обложке. Если непонятно, задавайте вопросы в комментариях под статьей.
С недавнего времени, формат обложки изменился и у пользователей появилась возможность установить более широкий размер, вот какой:
И один важный момент. Если вы установите обложку нового формата, то старую вы уже установить не сможете. На данный момент данный формат является самым актуальным и неизменным.
Размер обложки ВК для телефона
Продвинутые пользователи ВКонтакте знают, что в сообществе есть возможность загрузить специальную для мобильных устройств обложку.
Ее размер: 1080х1920 px
Выглядит такая обложка вот так:
Если хотите посмотреть обложку на реальном примере, заходите в моё сообщество ВК. Не забудьте подписаться на него, если еще этого не сделали. Чтобы не пропустить дополнительных интересных статей и видео по теме развития своего сообщества ВК.
Миниатюра
Размер миниатюры сообщества ВК имеет квадратный формат. Соотношение сторон здесь одинаковое. Миниатюра отображается возле названия сообщества, а так же возле каждого опубликованного поста:
Я рекомендую использовать размер миниатюры ВК — 1000х1000 px
Баннер (картинка к постам)
Часто замечаю, многие публикуют в своем сообществе ВК вертикальный баннер. Такой баннер оставляет много пустого места. Я привык выжимать максимум результата из каждого своего действия! По этому, я настоятельно вам рекомендую использовать не вертикальные, а горизонтальные баннеры для своих постов.
Вот пример вертикального баннера (слева) и горизонтального-нормального (справа). Посмотрите и сами оцените, какой лучше:
Если можно использовать больше места, почему бы его не использовать, верно?
Итак, размер баннера ВК я рекомендую использовать:
1000х900 px либо 1000х700 px
Сниппет (картинка к ссылкам)
Что такое сниппет? Это маленькое изображение, которое подгружается к постам сообщества, в которых есть ссылка. Этот сниппет можно убрать, когда он подгружается, но можно и оставить. Я рекомендую его оставлять, потому что, опять же, это увеличивает объем занимаемого места.
Чем больше места занято вашим постом, тем больше шансов, что его заметят.
Помните, что размер обложки ВК у нас может быть разный? Для мобильных устройств такой, для пк другой. Так вот у сниппета все проще, здесь всего один размер:
537 х 240 px
Сниппет может быть как основной картинкой поста со ссылкой, пример:
Так же сниппет может быть дополнительной маленькой картинкой. Если у вас отдельно загружено основное изображение, сниппет уйдет под него и автоматически уменьшится. Пример:
Если вы что-то не поняли, лучше задайте вопрос в комментариях под статьей и я вам отвечу. Важно понимать, что такое сниппет и зачем он нужен. Важно использовать сниппет!
Размер товаров ВК
С товарами все очень просто. Это квадратные изображения:
Рекомендуемый мною размер товаров ВК: 1000х1000 px
Товары, кстати, крутая штука! Если вы не используете этот инструмент, вы многое теряете. Попробуйте, быть может из за этого инструмента вы повысите продажи с вашего сообщества.
Размер меню ВК
Меню сообщества ВК сейчас очень легко добавить и не использовать его сейчас будет странно. Если вы еще не знали, что в ВК можно добавить меню, скорее идите в настройки, добавляйте разделы меню. Картинки для меню конечно же нужно создавать самостоятельно или просить дизайнера.
Вот размер меню ВК: 376х256 px
А вот как выглядит готовое меню из 4-х разделов:
На скриншоте показан вид с телефона. Если хотите посмотреть, как выглядит с компьютера, заходите, смотрите.
Если в данной статье вы не нашли размеров того, что ищите, напишите в комментариях, что вас интересует.
Источник: andreysavchin.ru