Всем привет!
Статья будет небольшая, но интересная. Сегодня узнал, как сделать новую обложку в группе Вк!
Сегодня себе вечерком, чаек попиваю и тут, сообщение приходит от знакомой, смотри, в Вк новая обложка в группах и сообществах появилась. Заглянул по ссылкам и ахнул, как красиво получается, и стал с этим делом разбираться!
Вконтакте обновленная обложка для оформления группы!
В общем, тянуть резину не буду, показываю, как оформить в Вк новый баннер для группы!
Первое, что нужно сделать:
Размер обложки группы Вконтакте
Далее, находим обложка сообщества – загрузить (смотрим скриншот). Открывается окно и вам предлагается загрузить с вашего компьютера подготовленную вам картинку для группы в Вконтакте, и указаны размеры 1590 х 400 .
Загружаем вашу подготовленную картинку, подгоняем по размерам как вам надо и сохраняем и вуаля, у вас новая горизонтальная oбложка для группы Вк или сообществе!
Если, вам что то не понравилось, смело удаляйте и проделав все действия снова, добейтесь лучшего и привлекающего дизайна!
Лично мне, это новшество очень пришлось по душе! Очень красиво получается и интересно! Применяйте и седлайте для своих групп новую oбложку в Вк!
ВНИМАНИЕ!
Для тех кто хочет научиться зарабатывать на ведение групп в Вконтакте! Жмите на данный баннер и смотрите информацию!
С Уважением, Александр Гаврин.
Здравствуйте, друзья! Если Вконтакте у Вас есть своя группа или публичная страница, то после обновления социальной сети Вы, наверняка, заметили, что в других вместо аватарки стоит вверху изображение. Что это такое и как сделать себе такую шапку в сообществе? Вот с этим вопросом мы и будем разбираться в данной статье.
Картинка, которую Вы можете поставить в шапке своей группы, называется обложка. Она интересней смотреться, чем аватарка, поскольку расположена вверху страницы и привлекает внимание посетителей.
Все что потребуется – это загрузить графический файл нужного размера в настройках. В дальнейшем, Вы с легкостью сможете загрузить новое изображение, редактировать или удалить установленное. Если Вам не понравится шапка, всегда можно снова вернуть для нее аватарку.
Какие размеры для обложки
Перед тем, как поставить обложку для группы в вк, лучше заранее подготовить картинку. Это может быть название сообщества или логотип фирмы, компании для которой она была создана и прочее.
Выбранный файл должен быть определенного размера. Это может быть или 795x200px, или 1590x400px.
Если выберите изображение меньшего размера, то оно некрасиво будет отображаться на больших экранах компьютеров и ноутбуков. Такой размер больше подходит для телефонов и планшетов.
Как сделать картинку в шапке группы вк
Итак, нам нужно убрать аватарку в своей группе, и сделать для нее обложку вверху страницы.
Перед тем, как соберетесь загрузить нужное изображение, сначала потребуется его сделать, используя те размеры, которые я указала в первом пункте.
Чтобы создать картинку, я воспользуюсь Adobe Photoshop. Вы можете взять любую другую программу, которая позволит сделать нужный размер.
Создаю новый файл размера 1590x400px и вставляю в него нужную мне картинку. Дальше сохраняю его, но не обычным способом, а выбрав пункт «Save for Web & Devices». Обратите внимание на размеры сохраняемого файла. Дальше нажимаю «Save».
Если пользуетесь другой программой, тогда сохраняйте обычным способом – или «Сохранить», или «Сохранить как». Формат изображения должен быть *.jpg, *.gif, или *.png.
После того, как обложка будет готова, под аватаркой нажмите на три горизонтальные точки и выберите из выпадающего меню пункт «Управление сообществом».
Справа в меню должна быть открыта вкладка «Настройки». Теперь в разделе «Основная информация» в поле «Обложка сообщества» нажмите на слово «Загрузить».
Обратите внимание, он должен быть определенного размера: 1590х400, и формата: *.jpg, *.gif, *.png.
Найдите через открывшееся окно проводника картинку, которую только что сделали, выделите ее и нажмите «Открыть».
Подождите, пока она загрузится. Затем, используя маркеры в углах, можно указать, какая область будет отображаться на странице. Нажмите «Сохранить и продолжить».
После того, как обложка будет загружена, вернитесь к главной странице своей группы.
Теперь у Вас вверху красивое изображение, которое будет привлекать посетителей.
Если навести на обложку курсор, то в правом верхнем углу появятся три значка. Вы сможете загрузить новую картинку, редактировать выбранное изображение или удалить его со страницы группы.
Если же Вам не понравилось, как выглядит группа с такой оболочкой, снова зайдите в «Управление сообществом», и в поле «Обложка сообщества» нажмите «Удалить». Изображение будет убрано со страницы, и Вы снова можете поставить аватарку.
На этом все. Думаю, Вам понравится, как выглядит сообщество с новой шапкой. А мы будем ждать, когда появятся новые функции Вконтакте, чтобы Вам про них рассказать.
Главное что изменилось, так это очередное подражание Facebook в виде обложки сообщества. Обложки личных страниц пока нет, но думаю это будет в скором будущем т.к. подражание конкуренту на лицо.
Размеры обложки сообщества Вк и новые функции
Чтобы загрузить обложку, зайдите на страницу управления сообществом и на первой же странице нажмите «Загрузить» напротив пункта «Обложка сообщества». Обложка имеет размер 795x200 px или 1590x400 px для экранов повышенной чёткости.
Кнопки что были по аватаркой, удобно расположились под обложкой по всей ширине. Аватар сообщества при началии обложки также остался, но уже в виде небольшой миниатюры сообщества.
На месте закрепленной записи теперь располагаются в виде вкладок три типа информации:
- закрепленная запись
- информация о сообществе
- меню сообщества (если оно сделано)
Кстати довольно удобно это. Раньше в шапке сообщества было что-то одно из 3х, а теперь есть возможность дать пользователям посмотреть все 3 переключая между вкладками.
Как и было задумано изначально первой вкладкой идет именно закрепленная запись, а после уже остальные по приоритету.
Также из нововведений - несколько изменен блок вступивших друзей в сообщество.
К слову говоря, как в случае и с товарами в свое время, это нововведение пока что не работает на мобильных устройствах, но обещают с в будущем доработают это упущение.
6 лайков
Приветствую, друзья! В этой статье мы поговорим о недавнем нововведении во ВКонтакте: об обложках в сообществах. Эта статья будет интересна администраторам групп, начинающим веб-дизайнерам, предпринимателям, продвигающим свой бизнес в этой социальной сети. А расскажет нам о тонкостях оформления обложек веб-дизайнер Людмила Пученкова.
Немного предыстории
1 апреля соцсеть ВКонтакте начала глобальное тестирование так называемого нового дизайна. Тогда же была анонсирована настраиваемая «шапка». На РИФ+КИБ (http://2016.russianinternetforum.ru/) представители ВКонтакте рассказывали, что это будет блок, который сможет стать для интернет-магазина во ВКонтакте витриной, а в группе кинотеатра там можно будет разместить видеоролик. Шел месяц за месяцем. 17 августа ВКонтакте перевел всех пользователей на новый дизайн, а шапки все не было. Многие стали переоформлять свои сообщества под новый дизайн, и тут 31 октября 2016 года ВКонакте все-таки запустил шапки.
Новый дизайн обложки ВК
Что же в итоге мы имеем: теперь во всех сообществах — группах, пабликах, мероприятиях — можно установить широкое изображение:
Характеристики и размер обложки группы ВКонтакте:
- размер: 795х200 рх и 1590х400 рх для экранов повышенной четкости;
- формат: JPG, GIF, PNG;
- загрузка: из управления сообществом, нужны права администратора;
- рекомендации от ВК: размещайте важную информацию ближе к центру для мобильных устройств.
Вот так выглядит дизайн в мобильной версии ВКонтакте
Кроме этого, в сообществах произошли и другие изменения. Они касаются ключевых моментов коммерческих групп, и это можно и нужно задействовать при создании дизайна обложек.
Расположение кнопок СТА
- Кнопки CTA («написать сообщение», «подписаться», «вступить в группу» и так далее) выстроились в ряд под правым нижним краем обложки друг за другом.
- У сообществ появились миниатюры.
- Добавились вкладки: первой идет закрепленная запись (если она стоит в сообществе), далее следует вкладка «информация о сообществе» (теперь она доступна пользователям). В третьей вкладке расположено меню — для групп и мероприятий. В паблике данная вкладка отсутствует. Меню теперь также постоянно доступно для пользователей.
Оформление обложек ВКонтакте
Давайте разберем, какие данные нам нужно разместить на обложке:
- Название бизнеса (или его направление).
- Город, адрес (если проект региональный).
- Телефон для быстрого заказа (с кодом города).
- Уникальное торговое предложение (то, чем вы отличаетесь от других).
- Призыв (соответствующий вашему конверсионному пути).
Визуально длинную горизонтальную обложку для лучшего восприятия можно делить на несколько частей.
Пример дизайна из 2 частей
Например, на 2 части:
На первой части мы помещаем цепляющее фото, отражающее направление проекта, располагаем фото так, чтобы движение взгляда приводило пользователя ко второй части обложки, где располагаем УТП и выгоды от подписки. Добавляем призыв к действию.
Легче воспринимается обложка, поделенная на 3 части, связанные воедино стилистикой, каждая из которых составляет законченные блок:
Пример дизайна из 3 частей
Возможно, по аналогии с обложками Facebook, в мобильных приложениях будет виден лишь центр обложки. И именно туда я помещаю название компании или логотип, город, адрес и телефон. Слева размещаю УТП проекта или выгоды от подписки. Справа — интерес целевой аудитории проекта и/или призыв.
Как разместить обложку сообщества ВКонтакте
Теперь давайте разберемся, как же установить обложку в ваше сообщество.
- Зайдите в управление сообществом (нужны права администратора).
- Вы находитесь в настройках. Найдите пункт «обложка сообщества», нажмите «загрузить».
- В открывшемся окне нажмите «выбрать файл».
Загружаем обложку сообщества
- Перейдите в папку с подготовленным заранее фото, выберите его. Если фото выбрано в произвольном размере, то оно будет кадрироваться в соотношении сторон 1:3,975.
Выбираем нужное изображение
- Нажмите «сохранить и продолжить».
Сохраняем результат
Готово, ваша обложка было успешно установлена в группу.
Обложка установлена
Удаление обложки
Обратите внимание, что полноценный аватар, если он отображался до этого у вас в группе, при установке обложки исчезает из видимости. Его функция — стать миниатюрой, которая представляет вашу группу в списке всех групп пользователей (ее размер 200х200 рх) и присутствует на стене рядом с названием сообщества (ее размер 100х100 рх). Тут логичнее всего расположить логотип на контрастном фоне.
Изменяем миниатюру сообщества
Для изменения миниатюры вам нужно подвести курсор к ее отображению под обложкой и выбрать пункт «обновить фотографию». Загружаете фото, задаете видимую область и сохраняете изменения.
Обложка в мобильной версии ВК обрезается по краям(на IOS ее вообще пока нет), основную информацию лучше располагать по центру, а так же не лишним будет использовать закрепленный баннер с описанием сути вашего предложения.
- на обложке запрещается сторонняя реклама, не пренебрегайте этим правилом ВК, дабы не потерять функцию добавления обложек в ваше сообщество или не получить бан;
- при создании документа используйте режим sRGB для правильного отображения цветов вашей обложки в web-пространстве;
- не используйте яркие цвета, градиенты, мелкие узоры, (помните, что ВКонтакте сжимает изображения, особенно страдают красный, оранжевый, чисто-белый);
- сохраняйте обложку через функцию «сохранить для WEB» в формате PNG, он наиболее устойчив к сжатию;
- для ускорения загрузки, можно перетаскивать обложку прямо из папки на окно загрузки обложки.
Перемещение выбранного изображения
Вот основные моменты, которые вам стоит изучить, если вы хотите оформить свою группу ВКонтакте в новом дизайне.
Всем удачных идей!
В мы поговорим о том, зачем сообществу нужны цитатники, что это такое и как их сделать.
Хотите украсить свою группу в ВК (Вконтакте) и создать для неё уникальную шапку (обложку)? В данной статье я расскажу о том какого размера и формата она должна быть, как добавить шапку в ВК, так же выложу исходник PSD (формат photoshop-а) шаблона нужного размера.
Как сделать шапку (обложку) для группы в ВК?
Что из себя представляет шапка в группе в ВК? Это просто картинка, размером 1590×400 и форматом - JPG, GIF или PNG. Находится она сверху в группе ВК, выглядит так:
Шаг 1. Создаём изображение нужного размера.
Для начала нам необходимо создать саму картинку, для этого я использовал Photoshop (Скачать готовый шаблон в формате PSD можно ). Открываем фотошоп, выбираем в меню «Файл» -> «Создать» («File» -> «Create»).
Появится окно, где необходимо укачать размеры изображения, ширина у нас будет 1590 px, высота 400. Цветовые режимы можно оставить по умолчанию. Нажимаем «ОК»
Хочу заметить, что изображение может быть и большего размера, при добавлении изображения ВК сам предложить его обрезать по нужным ему размерам. Выше ширины 400 px не советую что-то добавлять, ВК отрежет часть картинки.
В результате мы получим чистый лист, нужного нам размера. Дальше рисуем то что хотим видеть в шапке и сохраняем наше творение. Мой шаблон выглядит так:
Шаг 2. Меняем шапку в группе ВК.
Далее нам необходимо загрузить в группу ВК наше изображение. Для этого заходим в нашу группу, в правом верхнем углу (под аватаркой группы) нажимаем «три точки» (…), из выпадающего меню выбираем «Управление сообществом».
Появится окно с предложением загрузить изображение, нажимаем «Выбрать файл»
Выбираем наше изображение и появляется окно с возможностью обрезать изображение, так как у нас всё соответствует нужным размерам нажимаем «Сохранить и продолжить»
В результате увидим сообщение о том что обложка была успешно загружена, дальше просто переходим в нашу группу и любуемся полученным эффектом.
Менять шапку (обложку) Вы можете сколько угодно раз.
Вот мы и создали свою шапку для группы в ВК.
Так же можете взять один из предложенных шаблонов в данной статье: