Оформляя свои группы и помогая друзьям, я столкнулся с тем, что каждый раз вспоминать рекомендуемые размеры неудобно. Сначала я записал их в заметки, а позже решил сделать себе шаблоны, которыми и делюсь с вами.
В архиве три шаблона: для ВК, Фейсбука и Ютуба. Файлы в формате PSD (Photoshop). Они имеют рекомендованный размер и уже расставленные направляющие под разные размеры экранов (настольные компьютеры и мобильные девайсы).
Разметка для шапки группы/паблика Вконтакте
Хочу сразу предупредить, что на мобильных устройствах шапка обрезается по краям и немного сверху. Об этом ВК ничего не пишут при загрузке обложки. Методом научного тыка я определил ширину безопасной области в 1200 px (внутренние направляющие макета). Если окажется, что я все же промахнулся, сообщите мне в комментариях. Поправлю.
Разметка обложки группы/паблика Facebook
- 820×312 px для настольных компьютеров,
- 640×360 px для мобильных устройств,
- 851х315 px а вот этот размер считается у них оптимальным и самым быстрозагружаемым.
Почему-то для мобильных размер больше, чем рекомендуемый размер обложки для ПК. В макете сделал размер 851х360.
Разметка обложки канала Youtube
- 2560х1440 px для телевизоров,
- 2560х423 px для настольных компьютеров и ноутбуков,
- 1855×423 px для планшетов,
- 1546×423 px для мобильных.
Тут, как и в случае с ВК, не совпадают размеры под мобильные устройства. Научным тыком я не занимался, но рекомендую от внутренних направляющих делать поля побольше. Если что-то размещаете в центре, размещайте по ширине на три четверти. Думаю, не промахнетесь. И так же буду благодарен, если поделитесь в комментариях размерами из личного опыта.
На этом все. Надеюсь, вам пригодится. Спрашивайте в комментариях, если что-то неясно. Успехов вам в творчестве!
Что такое динамическая обложка Вконтакте? — Это обложка группы или паблика, на которой отображается меняющаяся информация. На такую обложку можно добавить что угодно: дату, погоду, фотографию и имя последнего вступившего подписчика, курс валют, самых активных подписчиков по итогам дня… Контент на обложке меняется автоматически и не требует никаких действий от администратора. Такие обложки стали настоящим трендом в последнии несколько месяцев. Они сами по себе привлекают подписчиков, с их помощью можно проводить различные интерактивные конкурсы. Все это выглядит намного интереснее стандартной скучной обложки.
Чтобы создать динамическую обложку для Вк нужно обладать навыками программирования. Принцип работы заключается в следующем: на стороннем сервере помещается код, который, обращаясь к API Вконтакте, обновляет обложку группы. Но есть путь намного проще — Dynamic Cover . Это конструктор обложек. В нем можно создать дизайн обложку вашей группы Вк, добавить на нее виджеты — динамически блоки. Нижем мы рассмотрим, как можно бесплатно создать такую обложку.
Видео-обзор Dynamic Cover:
Что можно добавить на обложку с помощью DyCover.
Вы можете добавить на свою обложку любое количество интерактивных виджетов:
- Подписчик — виджет, который выводит на обложку аватарку и имя подписчика группы. Это может быть последний подписчик, вступивший в группу, последний комментатор, лучший комментатор по лайкам или по количеству, лучший лайкер, репостер, самый активный и просто пользователь, id которого вы укажите.
- Погода – виджет с иконками погоды и автоматическим отображением температуры в любом городе.
- Текст — может быть любой динамически изменяемый текст с сайта, какая-то статистика, данные, что угодно.
- Дата и время.
- Таймер – обратный отчет времени до мероприятия, окончания конкурса, старта распродажи или чего-то еще.
- Картинка.
- Сетка — виджет для удобства оформления, потом не отображается на готовой обложке.
- Фигуры — доступны квадрат, прямоугольник, овал, окружность и круг.
- Курс валют.
- Виджеты для YouTube: логотип с названием и количеством подписчиков, последние видео и видео по ссылке.
- Динамические фоны, сменяемые по периоду и по времени. Например, днем у обложки группы будет один фон, а ночью другой.
Как сделать динамическую обложку Вк.
Чтобы приступить к созданию обложки, жмем на «Войти».
Здесь появляются все группы VK, для которых у вас есть права администратора. Если новые группы ещё не отображаются, нужно обновить список, и они появятся.
Из списка выбираем сообщество, к которому будем подключать обложку. В меню слева нажимаем на «Создать новую обложку» и выбираем пустой шаблон.
После ввода названия открывается конструктор со списком виджетов.
Для начала нужно установить фон. Нажимаем на кнопку «Управление фоном» и загружаем картинку.
Фон можно перемещать, произвольно двигая картинку, менять масштаб – приближать или отдалять. Также можно выбрать статичный это будет фон, или он должен сменяться по периоду или по времени.
Чтобы фон менялся, нужно загрузить еще картинки на смену.
Прежде чем переходить к настройке других виджетов, удобно включить сетку. Она не будет видна на готовой обложке, но позволит ровно расположить элементы. Подогнать шаги сетки можно в настройках.
При просмотре группы с экрана смартфона справа, слева и сверху какие-то области не будут видны. Чтобы располагаемые виджеты полностью отображались на любых устройствах, можно включить сетку для мобильных.
Добавление виджетов
После разметки обложки можно приступить к добавлению основных виджетов. Для заголовка установим виджет «Текст». Чтобы редактировать виджет, нужно нажать на него в разделе слоев.
В окне настроек можно задать статический или динамический текст, шрифт, размер, цвет, интервал и положение.
Посмотрим на возможности виджета «Фигуры». Используем его для выделения заголовка. Размер фигуры можно произвольно менять, скруглять края, делать из прямоугольника овал, менять цвет, рамку и положение. Для фона можно настроить степень прозрачности. В общем виджет предоставляет много возможностей для оформления обложки.
Перейдем к виджету погоды. Для начала нужно задать город, погода в котором будет отображаться. Можно менять положение текста и иконки внутри виджета, скрывать скорость ветра, менять единицу измерения температуры, редактировать размер шрифта, сам шрифт, цвет текста.
Во вкладке «Тип погоды» на выбор есть 4 шаблона иконок, которые будут меняться в зависимости от погоды.
Размер иконок можно менять произвольно или скрыть их и оставить только текст.
Виджет подписчика тоже имеет множество настроек. Тип подписчика определяется во вкладке «Виджет».
На бесплатной версии сервиса доступны только три типа подписчиков – последний подписавшийся, последний комментатор и просто подписчик по id. Остальные настройки стандартные: размер аватарки, округление, рамка, размер, регистр и цвет шрифта. Можно выводить на обложку только имя или имя с фамилией
Аналогично происходит добавление и настройка других виджетов.
Подключение обложки
После размещения всех виджетов можно оценить, как обложка будет выглядеть на экране компьютера и смартфона. Для этого есть режим предпросмотра.
Для виджетов тоже действуют ограничения. На бесплатном тарифе недоступны :
- таймер,
- картинка,
- курс валют,
- текст по URL,
- лучший комментатор,
- лучший лайкер,
- лучший репостер,
- расписание фонов,
- пользовательские шрифты,
- виджеты YouTube.
Чтобы снять эти ограничения с одной группы, нужно заплатить 100 рублей в месяц. Подключить ещё одну группу будет стоить 180 рублей в месяц, две – 260 рублей и так далее.
Промокод на DYnamic Cover:
Мой отзыв о Dynamic Cover:
Динамическая обложка — прикольная модная штука, которая украсит ваш паблик. Появились они не так давно и до сих пор вызывают у подписчиков вау-эффект. Через дикавер сделать такую обложку намного проще и быстрее, чем самостоятельно дизайнить и кодить. За скорость запуска сервиса под новый тренд и за бесплатный тариф — респект и уважение.
С появлением социальной сети ВКонтакте, предприниматели стали активно запускать бизнес в интернете и искать новые источники дохода – группы и паблики стали инструментом заработка. Обложка группы ВКонтакте не просто красивая картинка – это визитная карточка для Ваших клиентов. Чем лучше Вы упакуете свое сообщество, тем больше шансов на то, что закажут у Вас, а не у Ваших конкурентов.
Разработанная в нашей студии графического дизайна обложка магазина одежды
Обложка группы ВКонтакте — малая часть необходимого оформления и, если Вы только пробуете себя в роли онлайн-бизнесмена, это самый дешевый вариант упаковки. В идеале, в группе или паблике ВКонтакте должны находиться: цепляющий рекламный баннер (он открывает меню), обложка, меню (навигационное или вики-лендинг), красиво оформленные товары и обложки фотоальбомов, а также фирменные посты. Все это создает лицо Вашего бизнеса и влияет на то, как Вас будут воспринимать клиенты.
Что разместить на обложке группы Вконтакте:
При оформлении обложки группы ВКонтакте учитывайте мобильную версию. Если дизайн будет сильно обрезаться, важные моменты будут скрыты (контакты, услуги, логотип и т.д.), Вы потеряете часть клиентов. С ПК и ноутбуков обложка отображается полностью, а с мобильных обрезается слева и справа по 197 px и затемняется сверху на 83 px.
Не стоит перегружать обложку группы информацией. Она должна быть легкой, но информативной!
Где заказать дизайн обложки?
Заказать разработку обложки группы ВКонтакте Вы можете у дизайнера на бирже фриланса, найти исполнителя в соцсетях или поискать сайт веб-студии в интернете.
Каждый из этих методов имеет свои особенности. На бирже фриланса Вы сэкономите, но в большинстве случаев вам подвернется дизайнер-новичок или студент. На веб-студию работают опытные, отобранные дизайнеры, но и студия получит с заказа свою выгоду. Через группы ВКонтакте сделать заказ проще – Вы сразу видите работы дизайнера и сравниваете цены нескольких исполнителей.
На рынке услуг цены на проектирование обложки ВКонтакте от 500 до 3500 руб. и это не просто так. Новички работают дешевле, но и уровень у них невысокий; студии являются посредниками и работают с наценкой; а преуспевающие популярные дизайнеры работают на себя.
Как установить обложку в группу?
В Вашей группе, в правом верхнем углу экрана под «аватаром» находится три точечки «…», нажимаете на них и в появившемся окне выбираете раздел «Управление сообществом», в нем под информацией о группе Вы увидите надпись: «Обложка сообщества» и действия «Загрузить» и «Удалить». Добавляете обложку и возвращаетесь на главную страницу чтобы посмотреть на результат.
Когда обложка установлена, в любой момент Вы можете ее заменить, просто наведя на нее курсором мышки и выбрав действие «Загрузить, редактировать или удалить обложку». Узнать подробнее как поставить обложку в группе Вы можете в нашем видео:
Примеры наших работ по дизайну групп «было-стало»
Если вы подписаны на разные группы в ВК, то заметили, что в некоторых из них появились новые вытянутые прямоугольные обложки. Теперь большинство сообществ напоминают мини-сайты. Чтобы сделать такой же дизайн в своей группе, в первую очередь необходимо узнать, какой размер обложки подойдет для группы ВК. В этом нам помогут настройки паблика. На основной страничке паблика откройте пункт настроек. В старом дизайне он находится прямо под авой рядом с кнопкой «вы подписаны». Там вы заметите иконку троеточия. Кликните на нее и выберите «Управление ообществом».
- В блоке основных данных под описанием можно заметить надпись «Обложка сообщества».
- Кликните по кнопке загрузки.
- Вы увидите, какие размеры нужны для новой обложки.
Размер обложки для группы ВК составляет 1590 пикс./400 пикс. Найти и сделать такое изображение помогут платные и бесплатные фотостоки, фотошоп или обычный редактор пейт. Если вы хотите качественную обложку, но сил и времени на создание у вас нет, закажите ее у веб-мастера. Чем красочнее и интереснее будет картинка, тем захотят зайти посмотреть, что происходит в группе. Стоит отметить, что при загрузке вы не увидите место для стандартной авы. Вместо нее в группе появиться небольшой кружок, куда можно будет загрузить фотку. Для гармоничного дизайна лучше загружать тот же снимок который вы поместили на обложку.
Сделать обложку для группы Вконтакте онлайн
Что делать, если денег на дизайнера нет, с фотошопом дела не клеятся, но очень хочется получить красивую обложку для ВК? В этом нам помогут онлайн сервисы, для создания обложек для группы. Один из таких называется Канва. Перейти и воспользоваться им можно по ссылке https://www.canva.com/ . Разберем, как он работает.
- Изначально, зарегистрируйтесь через аккаунт ФБ или почту.
- На странице, куда вас перенесет сайт, выберите вверху справа пункт «Спец. размеры». Вбейте туда значения, как мы показали на рисунке.
- Перед вами появиться окно с шаблонами и дополнительными опциями.
Выберите тот шаблон, который вам больше всего нравится. Затем, нажмите на кнопку поиска в подменю с левой стороны. Вбейте тематику фото. Канва покажет, какие снимки доступны для выбора, среди них можно выбрать бесплатные или платные. При клике, изображение переместиться на ваш шаблон. Напишите на нем, как называется сообщество, с помощью вкладки «Текст». Добавьте графические элементы, если нужно.
Когда все готово, нажмите на кнопку для скачивания сверху. Картинка будет доступна для вставки в сообщество. Сделайте несколько коллажей и для подписчиков, чтобы узнать, какой из них круче. А чтобы группа эффективно развивалась, прочитайте наш пост о ведения сообществ.
Обложка для группы Вконтакте готовые
Если нет никакого желания ничего создавать, выберите обложку для группы в ВК из готовых вариантов. Давайте посмотрим основные ресурсы, которые помогут это сделать. К примеру, если вы ищете изображение на тему природы, моды, городов фантастики и минимализма посетите площадку https://vk-oblozhki.ru/ .
Наверняка вы уже успели оценить нововведение сети "Вконтакте" - обложку пабликов и сообществ. Достаточно большой баннер-фотография, который открывается перед пользователем в момент, когда он заходит в группу. Для чего это нужно? Баннер привлекает к себе внимание, позволяет кратко и наглядно рассказать о сообществе, его интересах, особенностях. Нередко именно он является тем фактором, который привлекает пользователя к подписке на паблик и дальнейшему просмотру его постов в новостной ленте. Но как сделать обложку группы в ВК, чтобы она была красивой и привлекательной? Мы приведем вам самые полезные рекомендации.
Правильная шапка сообщества
Перед как сделать обложку группы в ВК, нужно определиться: что она должна будет выражать? Мы вам подскажем несколько актуальных советов для достижения цели:
- Необычность. Обложка - это то, что первым видит ваш настоящий или будущий подписчик. Если она будет содержать в себе уникальную фишку, удивлять своим дизайном, включать интересную игру слов, интригующую историю, то все обозначенное будет вам только на руку. Многие применяют такой интересный формат обложки для группы ВК, как продолжение изображенного на ней в закрепленной надписи на стене.
- Тренды. Баннер должен быть современным. В крайнем случае - классическим. Но только не "баяном" - содержать в себе элементы того, что когда-то было актуально в интернет-среде. Поэтому стоит задуматься над тем, чтобы оформить его в духе последних обсуждаемых событий, недавно вышедшего фильма, прибавить участие героев популярных именно сегодня мемов. Само собой разумеется, обложки в таком случае нужно периодически обновлять.
- Используйте легкие психологические приемы, помогающие обратить внимание. Например, довольно эффективным является изображение смотрящего в определенную сторону человека - туда, куда вы поместили важную информацию.
Какой не должна быть шапка?
Давайте разберем, как сделать обложку группы в ВК, чтобы она не вызывала негативные эмоции у посетителей сообщества:
- Никто не любит спамные баннеры - мемы с просьбами вступить в группу. В подавляющем числе случаев, даже если идея преподнесена достаточно оригинально, юзеры игнорируют призывы.
- Если вы хотите указать в шапке перечень оказываемых вами услуг, то идея заведомо провальная. Может быть, стоит интригующе на них намекнуть комиксами, коллажами, фотографиями?
- Указать в баннере контактный телефон, а того хуже - ссылку на другой сайт равносильно раздаче листовок у перехода. Никто не будет перепечатывать ссылку с картинки в адресную строку. Лучше посвятить своим контактам отдельный пост, раздел, который будет всегда виден пользователям, откуда удобно и просто скопировать нужную информацию.
Какой должна быть удачная обложка?
Итак, создавая, фотографируя или находясь в поисках подходящего стокового изображения, помните о следующем:
- Шапка сообщества должна иметь в себе негласный призыв к определенному действию, эмоции.
- Изображение должно быть актуальным именно для вашей аудитории.
- Подбирайте приятные спокойные или наоборот броские, кислотные цвета - все зависит от специфики группы.
- Не обходите вниманием и шрифт: не останавливайтесь на скучных "вордовских" вариациях, но и не уходите в сторону написания, которое из-за причудливости можно с трудом разобрать.
- Не забывайте о смысловой нагрузке, правильных хэштэгах.
А теперь обратимся к более частным вариациям:
- Использование изображения известной личности, рекламирующей именно ваше сообщество или продукцию.
- Созвучие шапки с громкими событиями, праздниками, мероприятиями, акциями - как общими, так и касающимися только вашей группы.
- Содержание негласного привлекательного призыва перейти на другой ресурс (позаботьтесь о том, что переход был легким и понятным для пользователя).
- Вынос в шапку специального предложения, главной новости паблика.
О размере обложки
Как вы заметили, параметры баннера не стандартны, если сравнивать с привычными аватарками. Чтобы выбранное вами изображение выгодно смотрелось, размер обложки группы ВК должен быть максимально приближен к 1590 х 400 пикселей. Такие параметры для баннера можно заранее выставить при его создании в графическом редакторе.
При составлении коллажа вам нужно учитывать, как картинка будет отражаться на устройствах подписчиков, чтобы не поместить нужную информацию в зоны, которые будут скрыты:
- В браузере компьютера - 795 х 200 пикселей. Изображение не урезается, а только сжимается.
- Что касается мобильных устройств, то там шапка отображается несколько иначе. Она урезается согласно ширине экрана устройства. Например, если последняя равна 400 пикселям, то с каждого края ваша обложка будет урезана на 146 пикселей. Прибавьте еще пространство, отведенное на системные кнопки. Из-за него баннер станет уже на 80-140 пикселей с каждого края.
Простое создание обложки
Давайте разберем, как сделать обложку группы в ВК проще всего:
- Сделайте фотографию, которая как-то перекликается с тематикой вашего сообщества.
- Найдите подходящее стоковое изображение в "Гугле", "Яндекс.Картинках", на иных ресурсах. Красивые обложки для группы в ВК можно отыскать по схожему запросу.
- Если вам кажется, что изображение слишком отстраненное, то можно наполнить его новыми элементами, текстом в таких популярных онлайн-редакторах, как Fotor, Pablo или Canva.
Создание в "Фотошопе"
Лучшей программой для обложки группы ВК и для изобразительного дизайна в целом остается Photoshop. Однако к его помощи следует обращаться в случае, если вы достаточно уверенный пользователь, умеете составлять качественные коллажи, обрабатывать фото, вырезать объекты, работать со слоями, коррекцией и фильтрами. При другом раскладе вы рискуете получить некачественную обложку с кучей ляпов, которая не обрадует и не привлечет вашу потенциальную аудиторию.
Итак, зайдя в программу, кликните на "Файл", далее "Создать". Для обложки лучше выставить такие параметры:
- Размер: 1590 х 400 пикселей.
- Разрешение: 72 пикселя в 1 дюйме.
- Цветовой режим: RGB (8 бит).
А далее - простор для творчества: формируйте слои из стоковых или личных изображений, вырезайте определенные объекты, добавляйте текст, обращайтесь к помощи фильтров и инструментов программы. Главное - иметь в голове четкий план того, что вы хотите в итоге получить.
Как установить обложку в группе в ВК?
Давайте сначала разберемся, как вообще поменять баннер в сообществе, администратором которого вы являетесь:
- Под аватаром вашей группы, с правой стороны страницы, нажмите на три точки "..."
- Перед вами появится выпадающее окно. В нем выберите "Управление сообществом".
- Откроется окно администратора. Найдите раздел "Настройки" и щелкните на него.
- Вы сразу увидите строку "Обложка сообщества". Она-то нам и нужна.
- Как добавить обложку в группу ВК? Просто кликните на "Загрузить".
- Перед вами появятся краткие рекомендации по формату изображения и размеру обложки группы ВК.
- Стоит подбирать качественное фото с высоким разрешением.
- Здесь, как и при выборе аватара, у вас есть возможность выбрать, какую зону изображения поместить на обложку: с помощью мышки передвигайте ограничивающий прямоугольник, чтобы остановиться на наиболее удачной области. Фотографию, кстати, можно и перевернуть.
- Обязательно на окне с обложкой нажмите на "Сохранить и продолжить". Не торопитесь закрывать страницу!
- В окне с настройками не забудьте кликнуть на "Сохранить".
Вот теперь можно смотреть на то, что получилось!
Редактирование обложки
Мы подготовили и ряд советов на тот случай, если вы захотите отредактировать, сменить, удалить изображение. Для этого нужно просто навести мышку (в случае, если вы администратор) на баннер. Высветятся три схематические подсказки:
- "Загрузить" - установление новой фотографии. Как добавить обложку в группу ВК, вы уже знаете.
- "Редактировать" - повернуть изображение, изменить зону, которая будет видна в баннере.
- "Удалить" - убрать существующую обложку.
Мы разобрали от задумки до конкретного воплощения создание и публикацию обложки в группе "Вконтакте". Надеемся, что приведенные рекомендации помогут вам в сотворении замечательного баннера!
