Разделы сайта
Выбор редакции:
- Лицо зимы поэтические цитаты для детей
- Урок русского языка "мягкий знак после шипящих у существительных"
- Щедрое дерево (притча) Как придумать счастливый конец сказки щедрое дерево
- План-конспект урока по окружающему миру на тему "Когда наступит лето?
- Восточная Азия: страны, население, язык, религия, история Являясь противником лженаучных теорий деления человеческих рас на низшие и высшие, он доказал справед
- Классификация категорий годности к военной службе
- Неправильный прикус и армия Неправильный прикус не берут в армию
- К чему снится умершая мама живой: толкования сонников
- Под какими знаками зодиака рождаются в апреле
- К чему снится шторм на море волны
Реклама
Адаптивная обложка вк. Новый дизайн Вконтакте — горизонтальная обложка группы |
Разработчики Вконтакте расширили возможности оформления групп и сообществ. Теперь на ряду с привычной автаркой, вы можете добавить обложку. Она имеет ряд преимуществ — возможность добавления кнопок управления, написание текста и т.д. А позволяют публиковать и обновлять данные в онлайн режиме. Сейчас я покажу вам, как активировать эту функцию в сообществе, и добавить обложку в группу. Как включить обложку в группе?Для этого нужно перейти в нужное сообщество, открыть меню и выбрать пункт . На вкладке «Настройки» , найдите блок «Обложка сообщества» . Для ее добавления, нужно нажать на ссылку «Загрузить» . Предварительно нам нужно подготовить картинку. Рекомендованные размеры 1590 x 400 пикселей. Сделайте ее в любом графическом редакторе (см. ). Выберите и добавьте подготовленный файл. Выделите область на экране предпросмотра, которую хотите использовать. Затем нажмите «Сохранить и продолжить» . Мы получим сообщение о том, что обложка успешно загружена. Появится дополнительная ссылка «Удалить» , на случай, если мы решим откатить изменения. Просмотр и настройка обложки в группе ВконтактеДавайте вернемся на главную страницу сообщества. Здесь появилась шапка с картинкой, которую мы добавили на предыдущем шаге. Если вы наведете на нее курсор мыши, в правом верхнем углу появятся три кнопки управления.
Все готово.
ЗаключениеТеперь вы узнали еще об одном инструменте, который поможет . Вопросы? Вконтакте Обложка для групп ВКонтакте появилась ещё в 2016 году. Она стала альтернативой вертикальной аватарке. По словам представителей соцсети, обложки сообществ дают больше возможностей для творческих экспериментов. На них вы можете разместить не только привлекательные фотографии, но и надписи, логотип, дополнительные призывы к действию. Благодаря этому материалу, вы научитесь делать красивые и запоминающиеся обложки для группы ВКонтакте. Вам не придётся осваивать тонкости графических редакторов, скачивать программное обеспечение и покупать лицензию. Яркий дизайн для сообщества ВКонтакте легко сделать с помощью бесплатных онлайн-инструментов. Рекомендованный размер обложки для группы ВКонтакте - 1590×400 пикселей . Однако владельцы сообществ могут использовать графику и других размеров. Например, во время просмотра страницы паблика с компьютера обложка отображается в размере 795×200 пикселей. Для пользователей мобильных устройств «шапка» сообщества подстраивается под размер экрана. Универсальная обложка, которая будет одинаково отображаться как на компьютерах, так и на мобильных устройствах. Пользователи смартфонов видят «обрезанную» версию обложек сообществ - по бокам срезается по 190–200 пикселей. При создании графики для паблика ВКонтакте не забывайте об этой особенности, иначе призыв к действию или логотип будет обрезаны, а это негативно скажется как на бренде, так и на конверсии. При создании обложки для своего сообщества ВКонтакте я не учла рекомендации соцсети, поэтому на смартфонах обложка обрезается. Если вы сделали фотографию или нашли в фотобанке картинку, которая идеально описывает ваш бизнес, но не соответствует рекомендованным размерам ВКонтакте, не расстраивайтесь. Такую графику тоже можно поставить на обложку сообщества - просто укажите видимую область и обрежьте картинку во встроенном редакторе соцсети. Что должно быть на обложке сообществаСоздавая «шапку» для группы ВКонтакте, помните о том, что на ней должна присутствовать только основная информация и ничего лишнего. Если вы принимаете клиентов в офисах, обязательно укажите на обложке адреса, телефоны и график работы филиалов. Если вы собираетесь продавать через паблик какие-либо товары, например, оригинальные мягкие игрушки, продемонстрируйте их в «шапке». Воспользуйтесь следующей памяткой, если не знаете, какие элементы разместить на обложке сообщества:
Чтобы вы лучше поняли, как правильно оформить обложку группы ВКонтакте, посмотрите на удачные и неудачные примеры. Примеры хороших и плохих обложек для шапки группы ВКонтактеНачнём с удачных примеров. Владельцы этого паблика сделали графику на славу - на обложке присутствует заголовок, подзаголовок, логотип, контактные данные, и призыв к действию. Ещё один пример удачной обложки. «Шапка» не перегружена информацией - на ней присутствует только заголовок, логотип и фотографии товара. Детальная информация о деятельности сообщества размещена в статусе. Лаконично, просто и со вкусом. На обложке нет ничего лишнего. Все нужные данные - часы и график работы, адрес, контактные телефоны - указаны в информации сообщества. Не совсем удачный пример обложки группы ВКонтакте. Да, в «шапке» есть контактные телефоны, заголовок и подзаголовок, логотип и УТП. Вот только не совсем понятно, в каких городах работает компания и какие услуги оказывает. Нет расшифровки и в статусе сообщества. Будущим подписчикам придётся читать текст в информации паблика, чтобы понять нужны ли им услуги компании или нет. Ещё один пример неудачной обложки. Администратор сообщества решил уместить всю информацию в «шапку» и получил в итоге убийственную смесь. Более того, на смартфоне обложка обрезается по бокам - пользователь не увидит список с ассортиментом, контактные данные и часть логотипа. Теперь, когда вы примерно поняли, как сделать обложку группы ВК и что на ней разместить, пора переходить к практике. А поможет вам в этом простой и бесплатный онлайн-редактор Canva. Чтобы сделать обложку в , не нужно проходить долгую регистрацию и покупать лицензию. Для входа можно использовать Google-аккаунт или профиль на Facebook. Шаг 1. После авторизации в Canva приступайте к созданию обложки. Сделать это можно двумя способами - вручную, указав размеры «шапки» . Когда вы нажмёте на кнопку «Создать обложку для группы ВК», Canva откроет новый шаблон с рекомендуемыми размерами - 1590×400 пикселей - и вариантами макетов. Шаг 2. Если вы не знаете, что разместить на обложке, поэкспериментируйте с бесплатными макетами. Примерьте варианты обложек, попробуйте изменить цвет фона, положение надписей, рамок и логотипов. Шаг 3. Чтобы поменять фон обложки, загрузите в редактор своё изображение, кликнув по иконке «Загрузки» и нажав на кнопку «Загрузить собственные изображения». После заливки изображения в сервис, кликните по картинке. Она «упадёт» поверх дизайна. Чтобы сделать её фоном, зажмите левую кнопку мыши и потяните изображение вниз. Если вас не устраивает видимая область на обложке, кликните дважды по фону и переместите изображение так, как вам нужно. Нажмите на галочку сверху, чтобы сохранить изменения. Шаг 4. Чтобы наложить текст на обложку, кликните по иконке «Текст» и ознакомьтесь с типами надписей и шрифтами. Для любой надписи вы можете определить шрифт, кегль, цвет, межбуквенный и междустрочный интервал. Не бойтесь экспериментировать - все изменения легко удалить сочетанием клавиш Ctrl+Z. Шаг 5. Когда обложка будет готова, сохраните изображение, кликнув по кнопке «Скачать» в верхней части меню. Сервис предложит выбрать формат - PNG, JPG и PDF (стандартный и для печати). Для ВКонтакте лучше использовать первые два формата. Останется лишь кликнуть на кнопку «Скачать», и через несколько секунд готовая обложка окажется на вашем компьютере.
ВконтактеВ этой соцсети для оформления группы или публичной страницы можно использовать аватарку, обложку, вики-меню, просто вики-записи, иконки к товарам и иллюстрации к постам. Если подобрать неправильный размер, качество картинки может портиться или быть слишком мелким. В интернете встречается мнение о том, что размер картинки влияет на ранжирование в умной ленте, поэтому она должна быть не меньше 1024 px. Мы спросили у поддержки и выяснили, что размер не влияет, главное содержимое. Ответ поддержки о влиянии размера картинки на позицию в выдаче Как умная лента считывает содержимое иллюстрации, не очень понятно. Если вы знаете, напишите в комментарии, будем признательны. ОбложкаРазмеры: 1590×400 px, видимая зона для мобильной версии 1196×400 px. Это вытянутая горизонтальная картинка в шапке сообщества, она некликабельна. Обложка нашей группы vk.com/prcyru Обложка не обязательна для сообщества, если ее не установить, аватар группы откроется в полном формате справа. Группа без обложки Чтобы качество обложки не портилось, администрация Вконтакте советует загружать изображение размером 1590×400 px. Но в мобильной версии вся обложка не умещается в экран, края справа и слева обрезается на 197рх, поэтому все данные, тексты и изображения, которые нельзя резать, лучше помещать в видимой зоне, это 1196×400 px. А сверху примерно 83 рх занимает полоска с индикаторами связи, уровня заряда и прочих. Схема обложки с разметкой Надписи уместились в видимой зоне, значок настроек перекрывает текст только у администраторов сообщества Обрезалось часть названия на обложке Многие советуют делать на обложке стрелки, побуждающие нажать на подписку или написать сообщение. Стрелка указывает на кнопку подачи заявки Стрелка показывает на кнопку с сообщением Скриншот статистики группы PR-CY Если аудитория чаще смотрит группу с мобильных, то в таком значке нет смысла, потому что в мобильном приложении он смещается и указывает на миниатюру аватарки, а не на кнопку подписки или сообщения. Стрелка указывает на аватарку Стрелка указывает на пустое поле Чтобы вам не размечать области самостоятельно, мы сделали шаблон в формате psd с направляющими, разграничивающими области. Его можно скачать . Не так давно Вконтакте внедрили функцию динамических обложек, это значит, что обложка будет иметь изменяющиеся данные и обновляться через определенный промежуток времени. Такая обложка удобна тем, что на нее можно вывести практически все, что угодно: городским порталам может пригодиться время, курс валют, пробки или погода, группам, которые проводят акции или организовывают мероприятия, будет полезен таймер с обратным отсчетом, а вывод аватарок самых активных пользователей может стимулировать оставлять комментарии или лайкать записи. Пример с выводом аватарок активных участников на обложку Аватарка нового подписчика на обложке Для динамической обложки нужна обычная картинка, на которую будут крепиться вставки с аватарками, погодой и прочим, скрипт с привязкой к группе и хостинг с поддержкой CronTAB, где будет установлен скрипт. Если поставить слишком частое обновление обложки, каждую секунду, к примеру, то может понадобиться антикапча. О том, как самостоятельно написать скрипт, на ХабраХабре рассказывал Петр Самохин. Если не хочется разбираться в этом самостоятельно, есть платные сервисы-конструкторы, к которым можно подключить группу и настроить обложку с нужными приложениями за небольшую абонентскую плату. Функциональность может быть разной, к примеру, оформление сообщества может полностью меняться после клика на подписку. Дополнительные функции разрабатываются отдельно, можно написать что-то самостоятельно, можно можно найти группы в поиске самого Вконтакте, где занимаются разработкой и продажей таких приложений. АватаркаРазмеры: не меньше 200х500 px и не больше 7000 px, соотношение сторон 2 к 5. Если в группе установлена обложка, аватар будет представлен только как миниатюра, полную версию можно будет посмотреть по клику. Если обложки нет, будет выводиться полностью. Для сравнения группа PR-CY с обложкой и аватаркой и вариант той же группы без обложки: С обложкой и аватаркой Только с аватаркой Аватар может быть любого размера не меньше 200х500 px и не больше 7000 px с каждой стороны, но максимальное соотношение сторон - 2 к 5. То есть сильно вытянутую картинку установить не получится, мы пробовали: Редактор не дает выделить более вытянутое поле. Вики-менюРазмеры: ширина внутренней страницы 607 px, обложка не менее 600 px в ширину. Вики-формат Вконтакте подразумевает страницу с возможностью форматировать текст, делать списки и подзаголовки, вставлять кликабельные изображения с переходами на разделы Вконтакте и сторонние сайты. В формате вики часто делают меню и закрепляют его в шапке группы, чтобы упростить навигацию по сообществу и дать всю важную информацию в одном месте. Для вики-меню понадобится обложка, которая будет иллюстрацией к ссылке на страницу меню, и внутренние разделы. Обложка меню Фрагмент разделов внутри меню Ширина поля у вики-страниц - 607 пикселей. Картинки можно растянуть или сделать меньше, указав размер в редакторе, который открывается по клику на изображение. Но при растягивании и уменьшении портится качество. Автоматически картинки загружаются с высотой 400 px. Редактор изображений в вики Вики-страничка с разделами меню настраивается в редакторе. О том, как сделать вики-меню в группе мы подробно расскажем в отдельном материале. Далее ссылка на страницу вставляется в пост на стене, ему не обязательно, но желательно изображение. Оно подбирается как обычная иллюстрация к посту. Прикрепляем и сохраняем пост, теперь вики-страничка будет открываться по клику на «Посмотреть» или на иллюстрацию. Тестовый пост с вики-меню ПостыРазмеры: не менее 600 px в ширину для обычных постов, не меньше 510х288 px для статьи в редакторе. Посты в ленте поддерживают любое изображение, но у разных постов есть свои ограничения. Просто пост может иметь любой размер, но лучше не менее 600 px в ширину, иначе картинка будет маленькой и некачественной. Для примера мы взяли квадратную картинку, изображения в альбомной и книжной ориентации в 1000 px по ширине. Десктопный просмотр Видим, что изображения выравниваются по ширине экрана, больше всего места занимает квадратная картинка, хорошо смотрится изображение в альбомной ориентации. В книжной ориентации в десктопном варианте смещается вбок и не выравнивается по центру, а в мобильном стоит по центру, но по бокам образуются белые поля. Мобильный просмотр Есть другой формат поста - статья в редакторе. Обложка для нее должна быть горизонтальной, картинка сожмется до размера 510х288 px. Какие-либо изображения лучше помещать дальше от центра, заголовок тоже писать не нужно, он автоматически встанет посередине. Заголовок пишется белым шрифтом, но подсвечивается тенью, так что темные иллюстрации смотрятся лучше, но и на светлом текст не теряется. Иллюстрация для статьи со светлым фоном Иллюстрация для статьи с темным фоном ТоварыРазмеры: не меньше 600 px. Товары обязательны к иллюстрированию, без картинки они не опубликуются. Загружать картинки можно в любой ориентации, но в качестве миниатюры для товарного ряда обязательно выбрать квадрат: Редактор не позволяет растягивать область выбора миниатюры Установленный квадрат будет показан в товарном ряду, при клике карточка товара откроется с исходной картинкой. Миниатюра товара из товарного ряда Открытая карточка товара Ряд с товарами в группе PR-CY Открытая карточка товара Размер самого изображения должен быть не меньше 400 и не больше 6000 px по каждой из сторон. И мы рекомендуем оформлять изображения карточек товара в одном стиле, чтобы они выгодно смотрелись в списке плиткой. Если вы хотите знать больше о ведении групп в социальных сетях, вам может быть интересны другие наши статьи из цикла SMM. Группы Вконтакте сейчас нет разве что у самых ленивых. Но создать группу и правильно ее оформить – разные вещи. Если вы хотите, чтобы вами интересовались и на вас подписывались, стоит позаботиться о создании обложки для группы вконтакте. Целесообразно сделать это до того, как вы начнете на новоиспеченную страницу в социальной сети. Хитрость, которая поможет сделать образ компании более цельным: заказать обложку для группы вк и для страницы в фб одного типа. Размеры будут отличаться, но дизайн лучше сделать одинаковым.
Прежде чем приступить к изучению того, как в группе вк сделать обложку сверху, стоит определиться, какой путь вам ближе: 1. Сделать обложку для группы Вконтакте на заказ. Результат работы хорошего дизайнера будет на высоте. Но за качество придется заплатить, а еще - потратить время и силы на поиск исполнителя и взаимодействие с ним. 2. Разобраться, как самому сделать обложку для группы Вконтакте. Этот вариант наверняка будет уступать в качестве предыдущему, если, конечно, вы не владеете графическими редакторами хотя бы на уровне продвинутого пользователя. С другой стороны, это даст вам новые знания и навыки и позволит сэкономить на дизайне. Если вы выбираете второй путь, встает вопрос о том, где сделать обложку для группы Вк. Добро пожаловать в «Управление сообществом». Эта функция находится на первом месте в выпадающем списке, который открывается при нажатии кнопки в виде трех точек. Мы подчеркнули ее красным: Параметр «Обложка сообщества» - четвертый пункт после названия, описания и типа группы. Вк предлагает два варианта: загрузить или удалить обложку. Если самостоятельно разбираться, как сделать обложку в вк в группе, можно обнаружить, что сам сайт подсказывает пользователям ответ на этот вопрос. Идеальный размер изображения для обложки - 1590×400 пикселей, формат – JPG, GIF или PNG. Осталось сделать дизайн. Для этого можно воспользоваться графическими редакторами типа Photoshop или CorelDRAW, а можно взять на вооружение возможности более простых онлайн-сервисов для работы с изображениями. Один из наиболее популярных и интуитивно понятных онлайн-редакторов картинок и фотографий - это www.canva.com. С его помощью будет несложно понять, как сделать горизонтальную обложку в группе вк. Сервис позволяет использовать готовые стильные шрифты и варианты расположения текста на картинках. Часть шаблонов есть в бесплатном доступе, за некоторые дизайны нужно будет заплатить. Сегодня мы разобрались, как сделать обложку в вк в группе, а в следующих выпусках поговорим о , которые обязательно пригодятся вашему бизнесу. в которой Вы начнете зарабатывать на своем деле, используя свои таланты и сильные стороны! В нём мы постарались собрать наиболее эффективные сервисы, поэтому пользуйтесь и внедряйте их в свои бизнес-процессы. Оставайтесь на связи! |
Читайте: |
---|
Популярное:
Зодиак убийца. Кто он? Под какими знаками зодиака родилось больше всего серийных маньяков |
Новое
- Урок русского языка "мягкий знак после шипящих у существительных"
- Щедрое дерево (притча) Как придумать счастливый конец сказки щедрое дерево
- План-конспект урока по окружающему миру на тему "Когда наступит лето?
- Восточная Азия: страны, население, язык, религия, история Являясь противником лженаучных теорий деления человеческих рас на низшие и высшие, он доказал справед
- Классификация категорий годности к военной службе
- Неправильный прикус и армия Неправильный прикус не берут в армию
- К чему снится умершая мама живой: толкования сонников
- Под какими знаками зодиака рождаются в апреле
- К чему снится шторм на море волны
- Учет расчетов с бюджетом