Картиночки в SMM решают. Если не всё, то многое. Хотите, чтобы обложка вашей группы привлекала внимание и не выглядела кустарно?
В Canva уже загружены нужные форматы изображений для разных социальных сетей - от обложек до записей. Также можно задать собственный размер макета, однако изменить размеры уже созданного макета в бесплатной версии нельзя.
Поскольку Canva - иностранный сервис, он еще не полностью адаптировался под российскую аудиторию. Поэтому найти готовый макет для обложки ВКонтакте можно в специальном разделе , а не в «Создать дизайн». Нужный нам макет имеет размеры 1590x400 пикселей - в два раза больше реального размера обложки, чтобы достичь наилучшего качества отображения картинки (удваивать пропорции рекомендуют сами специалисты ВКонтакте).
Слева вы увидите ряд готовых макетов, разработанных профессиональными дизайнерами - их можно использовать в качестве заготовок, чтобы не начинать создание дизайна с нуля. Любой элемент шаблона можно изменить, поэтому при выборе не зацикливайтесь на изначальной цветовой палитре и шрифтах. Цвет, текст, количество элементов и их расположение на изображении вы можете настроить сами. Тем не менее, выберите стиль, который лучше отражает идею вашей группы: с фото на заднем плане, со сплошным фоном, фотоколлажем, строгим узором и так далее. Для нашего примера мы выберем шаблон без готовых элементов, представляющий собой «сетку» для коллажа.
Прежде чем начать редактирование, загрузите в редактор собственный логотип или фотографии, которые вы хотели бы использовать. Перейдите во вкладку «Моё» и выберите нужные файлы из компьютера. Желательно загружать лого с прозрачным фоном. Еще лучше, если у вас есть варианты для темного и светлого фона (например, черный и белый вариант логотипа), чтобы его можно было использовать в любой иллюстрации.
Чтобы вставить загруженное изображение в новый макет, просто перетащите его мышкой вправо и расположите в нужной части сетки. Здесь фото можно «кадрировать» - то есть расположить внутри выбранного окошка нужным образом и в нужном масштабе.
Если вы работаете с уже готовым макетом, его нужно отредактировать, чтобы сделать обложку уникальной и отражающей стиль вашего бренда. Редактирование осуществляется интуитивно - нужно выделить правой кнопкой мыши желаемый элемент (например, фон или текстовый блок) и в верхней панели редактора появятся все доступные настройки - цветовая палитра, меню шрифтов и так далее. Что именно можно изменить в дизайне обложки?
В нашем примере мы наполнили четыре поля для фотографий, кроме центрального, кадрами и применили ко всем из них один и тот же фотофильтр, чтобы привести фотографии к «единому знаменателю» - так они будут лучше смотреться вместе.
Что касается дополнительных деталей, например, рисунков, фигур или иконок - часть из них доступны в меню «Элементы» слева (в нашем примере мы заменили центральное фото на сплошной фон для вставки названия магазина). А часть можно отыскать по ключевым словам во встроенном каталоге клипартов и стоковых фотографий. К примеру, вам не хватает собственных снимков для фотоколлажа на тему путешествий. Введите слово «путешествие» в поисковую строку и получите целый набор из десятков фотографий или рисунков на тему туризма (часть из них бесплатны, другие доступны по цене $1).
Через вкладку «Текст» в макет можно добавить текстовый элемент или готовый блок с комбинацией нескольких шрифтов. Нужно иметь ввиду, что набор шрифтов для русского языка существенно меньше, чем для латинского алфавита, но, тем не менее, здесь есть из чего выбрать.
Здесь же в верхней панели можно изменить размер, цвет, центрирование, прозрачность текста, межстрочный и межбуквенные интервалы.
Когда дизайн готов, нажмите «Скачать», она находится в правом верхнем углу, и выберите нужный формат. Для загрузки в группу ВКонтакте подойдет PNG или JPG. В других случаях, к примеру, при создании открытки, буклета или флаера, печать которых вы собираетесь заказывать в типографии, нужно выбирать «PDF для печати».
Оформление группы ВКонтакте не так интуитивно, как хотелось бы. Для загрузки вашей обложки нужно зайти в меню «Управление сообществом» - ссылка на загрузку находится в блоке «Основная информация».
Загрузить обложку в группу ВКонтакте можно через раздел "Управление сообществом"
Большинство макетов Canva созданы в более или менее минималистическом стиле неслучайно.
Во-первых, таковы тренды современного веб-дизайна - интерфейсы сайтов, приложений, оформление брендовых каналов, как правило, выполняется с использованием ограниченного набора цветов для сохранения акцента на самом главном.
Во-вторых, простые изображения проще воспринимаются на небольших экранах мобильных устройств, которые составляют все большую долю в трафике большинства компаний и веб-проектов.
Поэтому, создавая обложку для страницы в социальной сети или YouTube-канала, не стоит «перегружать» ее дополнительными деталями. Возьмите дизайнерский образец за основу и сделайте его «своим», сохраняя при этом простоту восприятия. А позитивный отклик подписчиков на качественную графику, ясно передающую нужную информацию, не заставит себя ждать.
Вот еще пара обложек для ВКонтакте, которые мы сделали с помощью макетов Canva:
По такому же принципу вы можете создать обложку для страниц в других социальных сетях или изображения для их контентного наполнения. И дизайнер вам не понадобится.
Как работать в Canva рассказал и показал региональный менеджер сервиса Олег Бурков.
В блоге Callibri вы можете найти полезные материалы для предпринимателей и маркетологов. Профессионалы и узкие специалисты в самых разных областях интернет-маркетинга делятся своими мыслями, взглядами, практическими наработками и рассказывают, как сделать бизнес успешнее.
У вас есть интересная тема и вы хотите стать нашим автором? Пишите нам!
Любой пользователь, решивший создать собственную группу в социальной сети, хотел бы увеличить число подписчиков. Существует множество способов привлечь внимание посетителей, но все они сводятся к тому, чтобы сделать паблик максимально эффектным, запоминающимся и ярким. Именно поэтому создателям и администраторам сообществ нужно знать, как сделать динамическую обложку в Вк.
Конечно, она приведёт к моментальному увеличению аудитории, но грамотное использование столь ценного сервиса обязательно окажет положительный эффект в долгосрочной перспективе. Главное, подойти к созданию и установки красивой шапки для группы с умом и не торопиться с принятием решений.
Прежде чем переходить к созданию собственного дизайна паблика, необходимо разобраться, что вообще представляет собой динамическая обложка в сообществе Вк.
В стандартных условиях администраторы групп способны устанавливать в качестве аватар небольшую картинку, которая станет лицом аккаунта. Использование специального сервиса позволит сделать шапку старицы информативнее, живее и интереснее. В результате пользователей будут встречать не скучная картинка, а объёмный блок информации, сообщающий о новостях, обновления и других важных новшествах и правилах.
Важно помнить, что ограничения в указании и добавлении информации минимальны, поэтому администратору могут реализовать самые неожиданные и яркие идеи, которые поспособствуют росту активной аудитории.
Следующий нюанс, требующие детального изучения, связан со стоимостью сервиса. Сложно представить, что столь полезный инструмент распространяется свободно и без ограничений.
Действительно отдельные ограничения и условия присутствуют. Но они не делают опцию недоступной и дорогой. Большинство существующих сейчас программ предоставляются на следующих условиях:
То есть, каждый желающий сумеет красиво оформить стартовую страницу паблика.
Выше упоминалось, что существует множество различных конструкторов, позволяющих создать динамическую обложку Вк. Каждый из них имеет собственные особенности и нюансы, но в целом все предельно похожи, поэтому в качестве примера можно смело использовать онлайн-сервис dycover.
Чтобы повысить привлекательность паблика, придётся:
Затем начнётся творческий этап. Нужно добавить в готовый шаблон понравившуюся картинку, виджеты и функции и сохранить готовый результат.
Для загрузки плодов проведённой работы в Вк требуется войти в раздел «Ваши обложки» и нажать кнопку «применить». После чего останется проверить, как выглядит готовая страница.
Зная, как сделать динамическую обложку Вконтакте на упомянутом сайте, пользователям удастся разобраться и с особенностями работы других порталов и конструкторов. Все подобные онлайн-сервисы и скрипты используют схожий API. Чтобы убедиться в сказанном, достаточно посетить портал DynamicCover. Его использование потребует:
При этом работа в системе схожа с использованием редактора Photoshop, поэтому пользователям, научившимся эффектно и красочно редактировать фотографии, удастся быстро разобраться и в интерфейсе онлайн-конструкторов.
При этом не следует торопиться с созданием шапки, поскольку качество работы в данном случае важнее скорости. Конечно, изменённый интерфейс при желании удастся удалить, он создаётся не навсегда. Но это не означает, что к его разработке и подготовке стоит относиться пренебрежительно. Важно помнить, что обложка – это лицо страницы, помогающее посетителям составить впечатление о содержании.
Думаю, многие руководители сообществ, да и простые подписчики, не раз обращали внимание на динамические обложки Вконтакте , которые постоянно обновляют информацию в сообществе.
Выглядит динамическая обложка вот так.
Она прекрасно смотрится как с компьютеров , так и на мобильных телефонах .
Итак, динамическая обложка в ВК - это достаточно новый вид контента, который в отличие от простого аватара (), передаёт всю актуальную информацию, необходимую для подписчиков сообщества.
Зачем она нужна? Во-первых смотрится она очень гармонично, а во-вторых - обновляет абсолютно любую информацию прямо в группе на месте аватарки.
Я протестировал все доступные на сегодня сервисы по созданию динамичных обложек и выбрал самый эффективный , безопасный и к тому же - бесплатный .
Список виджетов , которые можно установить на обложку группы:
Динамическая обложка позволит и повысить активность подписчиков.
Чтобы было проще, я создал пошаговую инструкцию на конкретном примере:
1. Первым делом переходим на сервис по созданию динамических обложек по ссылке .
2. На открывшейся странице нажимаем на кнопку "Попробовать бесплатно" .
3. Разрешаем доступ к аккаунту Вконтакте.
5. Разрешаем доступ к группе.
6. Подключаем группу к сервису.
7. Теперь, когда группа подключена, можно создать обложку. Что мы и делаем.
8.
Указываем название обложки
и нажимаем на кнопку "Создать"
.
9. На этом этапе загружаем фон , вставляем любые виджеты и приводим в порядок Вашу динамическую обложку.
Я сделал тестовую обложу за 3-4 минуты, чтобы проверить работоспособность. При правильном подходе можно создать шикарную обложку , потратив совсем немного времени.
На данный момент бесплатно можно создать динамическую обложку только для 1 группы, с ограниченным функционалом.
Поэтому в личном кабинете Вы можете снять ограничения с группы всего за 100 рублей в месяц .
Какие размеры картинок выбрать, как установить анимированную обложку и сделать меню, что еще придумали для оформления соцсетей - об этом в статье. Бонус - шаблон обложки для скачивания. Обновленный материал.
В этой соцсети для оформления группы или публичной страницы можно использовать аватарку, обложку, ленту меню, меню в формате вики, просто вики-записи, иконки к товарам и иллюстрации к постам. Если подобрать неправильный размер, качество картинки может портиться или быть слишком мелким. Внешний вид группы влияет на то, как ее воспринимают пользователи, а также есть версии, что размер влияет на охват постов. Далее разберем подробнее каждый элемент оформления.
Размеры: 1590×400 px, видимая зона для мобильной версии 1196×400 px.
Это вытянутая горизонтальная картинка в шапке сообщества, она некликабельна.
Обложка нашей группы vk.com/prcyruОбложка не обязательна для сообщества, если ее не установить, аватар группы откроется в полном формате справа.
Группа без обложкиЧтобы качество обложки не портилось, администрация Вконтакте советует загружать изображение размером 1590×400 px. Но в мобильной версии вся обложка не умещается в экран, края справа и слева обрезается на 197рх, поэтому все данные, тексты и изображения, которые нельзя резать, лучше помещать в видимой зоне, это 1196×400 px. А сверху примерно 83 рх занимает полоска с индикаторами связи, уровня заряда и прочих.
Схема обложки с разметкойЧтобы вам не размечать области самостоятельно, мы сделали шаблон в формате psd с направляющими, разграничивающими области. Его можно скачать .
Многие советуют делать на обложке стрелки, побуждающие нажать на подписку или написать сообщение.
Стрелка указывает на кнопку подачи заявкиЕсли аудитория чаще смотрит группу с мобильных, то в таком значке нет смысла, потому что в мобильном приложении он смещается и указывает на миниатюру аватарки, а не на кнопку подписки или сообщения.
Стрелка указывает на аватарку
Размеры: такие же, как у обычной обложки.
Вконтакте внедрили функцию динамических обложек, это значит, что обложка будет иметь изменяющиеся данные и обновляться через определенный промежуток времени. Такая обложка удобна тем, что на нее можно вывести практически все, что угодно: городским порталам может пригодиться время, курс валют, пробки или погода, группам, которые проводят акции или организовывают мероприятия, будет полезен таймер с обратным отсчетом, а вывод аватарок самых активных пользователей может стимулировать оставлять комментарии или лайкать записи.
Пример с выводом аватарок активных участников на обложкуДля динамической обложки нужна обычная картинка, на которую будут крепиться вставки с аватарками, погодой и прочим, скрипт с привязкой к группе и хостинг с поддержкой CronTAB, где будет установлен скрипт. Если поставить слишком частое обновление обложки, каждую секунду, к примеру, то может понадобиться антикапча.
О том, как самостоятельно написать скрипт, на ХабраХабре рассказывал Петр Самохин. Если не хочется разбираться в этом самостоятельно, есть платные сервисы-конструкторы, к которым можно подключить группу и настроить обложку с нужными приложениями за небольшую абонентскую плату.
Функциональность может быть разной, к примеру, оформление сообщества может полностью меняться после клика на подписку. Дополнительные функции разрабатывают отдельно, можно написать что-то самостоятельно, можно можно найти группы в поиске самого Вконтакте, где занимаются разработкой и продажей таких приложений.
Размеры: вертикальные фото и видео 1080×1920 px или другие в пропорции 9:16.
В январе 2019 всем группам открылась возможность оформить отдельную обложку для мобильного просмотра. В нее можно включить до пяти крупных фотографий или видео без звука, которые будут работать как слайд-шоу. Выглядит это так:
Обложка группы в мобильном просмотре Обложка группы по клику в мобильном просмотреВключается эта возможность в Настройках сообщества:
Какой размер материалов выбрать:
Размеры: не меньше 200х500 px и не больше 7000 px, соотношение сторон 2 к 5.
Если в группе установлена обложка, аватар будет представлен только как миниатюра, полную версию можно будет посмотреть по клику. Если обложки нет, будет выводиться полностью. Для сравнения группа PR-CY с обложкой и аватаркой и вариант той же группы без обложки:
Аватар может быть любого размера не меньше 200х500 px и не больше 7000 px с каждой стороны, но максимальное соотношение сторон - 2 к 5. То есть сильно вытянутую картинку установить не получится, мы пробовали:
Редактор не дает выделить более вытянутое поле.Размеры
: картинка для кнопки от 376х266 точек.
У групп недавно появилась возможность добавить ленту меню. Оно выглядит как горизонтальный блок с кнопками, максимум семь кнопок. На них администратор может закрепить ссылку, но только внутри соцсети - на статью, пост, товары, приложение, что-то другое. Внешние ссылки не допускаются, так что кнопку «Перейти на сайт» сделать нельзя.
Управлять меню можно в настройках группы - отрегулировать количество кнопок, добавить название, обложку и ссылку.
Название кнопки не может быть больше 20 символов, но на смартфоне и эти символы не помещаются, так что дополнительно проверьте, чтобы название было понятным:
Минимальный размер обложки кнопки - 376х266 точек, но лучше сделать в тех же пропорциях крупнее. Кнопки для меню - это прямоугольник довольно маленького размера, особенно на смартфонах, так что используйте все пространство для дизайна и не добавляйте надписи.
Размеры: ширина внутренней страницы 607 px, обложка не менее 600 px в ширину.
Вики-формат ВКонтакте подразумевает страницу с возможностью форматировать текст, делать списки и подзаголовки, вставлять кликабельные изображения с переходами на разделы ВКонтакте и сторонние сайты.
В формате вики часто делают меню и закрепляют его в шапке группы, чтобы упростить навигацию по сообществу и дать всю важную информацию в одном месте. Навигация в группе будет привлекать внимание, но вы не сможете закреплять в шапке другие важные посты.
С появлением кнопок в меню необходимость в закрепленном вики-меню отпала, но его все равно можно сделать, если вам нужно поместить в меню больше семи ссылок.
Для вики-меню понадобится обложка, которая будет иллюстрацией к ссылке на страницу меню, и внутренние разделы.
Ширина поля у вики-страниц - 607 пикселей. Картинки можно растянуть или сделать меньше, указав размер в редакторе, который открывается по клику на изображение. Но при растягивании и уменьшении портится качество. Автоматически картинки загружаются с высотой 400 px.
Редактор изображений в викиВики-страничка с разделами меню настраивается в редакторе. Далее ссылка на страницу вставляется в пост на стене, ему не обязательно, но желательно изображение. Оно подбирается как обычная иллюстрация к посту. Прикрепляем и сохраняем пост, теперь вики-страничка будет открываться по клику на «Посмотреть» или на иллюстрацию.
Тестовый пост с вики-менюРазмеры: не менее 700 px в ширину для обычных постов, не меньее 510х288 px для статьи в редакторе.
Посты в ленте поддерживают любое изображение, но у разных постов есть свои ограничения. В интернете встречается мнение о том, что размер картинки влияет на ранжирование в умной ленте, поэтому она должна быть не меньше 1024 px. Мы спросили у поддержки и выяснили, что размер не влияет, главное содержимое.
Ответ поддержки о влиянии размера картинки на позицию в выдачеОснователь Церебро Таргет
В этой заметке расскажу о том, как сделать динамическую обложку для сообщества ВКонтакте. Будет бесплатный способ сделать ее самостоятельно, бесплатный с помощью сервиса и платный с его же помощь.
Итак, поехали. Если вы понимаете, что такое API, PHP, JSON и Cron, при этом хотите сделать все сами и бесплатно, то вам сюда . Если нужен готовый скрипт для создания динамической обложки с уже готовыми инструкциями по установке, то загляните сюда .
Если же вам не хочется заморачиваться со скриптами, серверами и другими техническими моментами, то читайте дальше.
Для начала подготовьте обложку. Закажите или нарисуйте сами, или вообще возьмите любую картинку, т. к. с помощью динамических составляющих можно будет сделать ее классной и уникальной.
Размер обложки делайте 1590х400 пикселей. В можете взять шаблон разметки. Обязательно оставьте побольше свободного места для динамических элементов. Заранее спланируйте, в каких местах они у вас будут размещаться.
Подготовленный макет для динамической обложки
Сервис предлагает два тарифа: бесплатный для обложки на одну группу и платный, в котором вы платите около 100 руб. в месяц за каждую группу.
Если вам нужно сделать обложку лишь для одной группы, можете воспользоваться бесплатным тарифом, но я все же настоятельно рекомендую не пожалеть 100 рублей в месяц и купить платный тариф, который откроет все возможности сервиса.
Тут все просто. Главное условие — вы должны быть админом или редактором группы, в которой хотите сделать обложку.
Войдя в сервис с помощью учетной записи ВК вы увидите список своих групп.
Выберите нужную группу
Нажмите кнопку «Подключить»
В меню слева выберите «Создать новую обложку»
Пока шаблонов у вас нет. Здесь выбирайте «Пустой шаблон»
Нажмите «Управление фоном» и загрузите картинку для обложки
Можно менять цвет, шрифты, размер, выравнивание и много других параметров.
Когда закончите работу над своей обложкой, сохраните ее и выйдите из редактора. Опубликуйте, и можете идти проверять в ВК.
Вот и все. На эту обложку я потратил минут 10, не считая времени на создание дизайна заготовки. Проще, мне кажется, некуда. Если возникнут вопросы — пишите в комментариях.
Еще раз ссылка на сервис , чтобы не возвращаться обратно по тексту 🙂
Успехов вам в творчестве!