Здравствуйте, друзья! Если Вконтакте у Вас есть своя группа или публичная страница, то после обновления социальной сети Вы, наверняка, заметили, что в других вместо аватарки стоит вверху изображение. Что это такое и как сделать себе такую шапку в сообществе? Вот с этим вопросом мы и будем разбираться в данной статье.
Картинка, которую Вы можете поставить в шапке своей группы, называется обложка. Она интересней смотреться, чем аватарка, поскольку расположена вверху страницы и привлекает внимание посетителей.
Все что потребуется – это загрузить графический файл нужного размера в настройках. В дальнейшем, Вы с легкостью сможете загрузить новое изображение, редактировать или удалить установленное. Если Вам не понравится шапка, всегда можно снова вернуть для нее аватарку.
Какие размеры для обложки
Перед тем, как поставить обложку для группы в вк, лучше заранее подготовить картинку. Это может быть название сообщества или логотип фирмы, компании для которой она была создана и прочее.
Выбранный файл должен быть определенного размера. Это может быть или 795x200px, или 1590x400px.
Если выберите изображение меньшего размера, то оно некрасиво будет отображаться на больших экранах компьютеров и ноутбуков. Такой размер больше подходит для телефонов и планшетов.
Как сделать картинку в шапке группы вк
Итак, нам нужно убрать аватарку в своей группе, и сделать для нее обложку вверху страницы.
Перед тем, как соберетесь загрузить нужное изображение, сначала потребуется его сделать, используя те размеры, которые я указала в первом пункте.
Чтобы создать картинку, я воспользуюсь Adobe Photoshop. Вы можете взять любую другую программу, которая позволит сделать нужный размер.
Создаю новый файл размера 1590x400px и вставляю в него нужную мне картинку. Дальше сохраняю его, но не обычным способом, а выбрав пункт «Save for Web & Devices». Обратите внимание на размеры сохраняемого файла. Дальше нажимаю «Save».
Если пользуетесь другой программой, тогда сохраняйте обычным способом – или «Сохранить», или «Сохранить как». Формат изображения должен быть *.jpg, *.gif, или *.png.
После того, как обложка будет готова, под аватаркой нажмите на три горизонтальные точки и выберите из выпадающего меню пункт «Управление сообществом».
Справа в меню должна быть открыта вкладка «Настройки». Теперь в разделе «Основная информация» в поле «Обложка сообщества» нажмите на слово «Загрузить».
Обратите внимание, он должен быть определенного размера: 1590х400, и формата: *.jpg, *.gif, *.png.
Найдите через открывшееся окно проводника картинку, которую только что сделали, выделите ее и нажмите «Открыть».
Подождите, пока она загрузится. Затем, используя маркеры в углах, можно указать, какая область будет отображаться на странице. Нажмите «Сохранить и продолжить».
После того, как обложка будет загружена, вернитесь к главной странице своей группы.
Теперь у Вас вверху красивое изображение, которое будет привлекать посетителей.
Если навести на обложку курсор, то в правом верхнем углу появятся три значка. Вы сможете загрузить новую картинку, редактировать выбранное изображение или удалить его со страницы группы.
Если же Вам не понравилось, как выглядит группа с такой оболочкой, снова зайдите в «Управление сообществом», и в поле «Обложка сообщества» нажмите «Удалить». Изображение будет убрано со страницы, и Вы снова можете поставить аватарку.
На этом все. Думаю, Вам понравится, как выглядит сообщество с новой шапкой. А мы будем ждать, когда появятся новые функции Вконтакте, чтобы Вам про них рассказать.
Создать обложку для группы в ВК онлайн хотят многие владельцы сообществ. В нашей статье постараемся разобраться во всех нюансах процедуры и предоставить советы для пользователей.
ВК – сайт, который постоянно обновляется и улучшается. Сейчас у администраторов групп есть множество инструментов, позволяющих индивидуализировать сообщество. Один из них – создание обложки для группы ВК онлайн.
Но что она представляет собой? Это специальное изображение, вынесенное в шапку группы. Зачем же нужна обложка?
- Она позволяет улучшить оформление.
- Удается придать странице особенный стиль.
- Вам понравится новый дизайн.
- Обложка может рассказать о тематике сообщества.
- Группы с красивым оформлением вызывают наибольший интерес у пользователей.
- Люди будут охотнее подписываться на сообщество.
- Удается адаптировать изображение под полную и мобильную версию сайта.
- Создать обложку довольно легко, данная процедура не должна вызвать проблем.
Как сделать красивую обложку для группы в ВК?
Трудозатраты на создание зависят от ваших пожеланий. Вообще у администраторов групп есть два варианта:
- Взять готовую картинку поставить ее.
- Создать самостоятельно уникальное изображение.
Конечно, второй способ куда более сложен. Для создания уникальной обложки потребуется воспользоваться редактором фотографий. Нужно иметь хотя бы минимальные навыки работы с программами, вроде Фотошопа, чтобы добиться желаемого результата.
Обложка для группы ВК: размер
Размеры могут отличаться. Например, на ПК обложка отображается в разрешении 795×200 пикселей. На смартфонах она адаптируется под экран аппарата.
Но ведь не всегда удается найти картинку именно с таким разрешением! Не волнуйтесь, при загрузке изображения система предложит подрезать его. Выберете нужную часть, края будут автоматически удалены.
Важно помнить, что отображение обложки на мобильных устройствах отличается от ПК. Она обрезается на 83px сверху, это пространство занимают иконки системы. Также на смартфонах с шириной дисплея до 400px происходит обрезка по краям на 196px.
В итоге небольшая зона окажется невидимой для пользователей мобильных устройств. Ее лучше оставить пустой, чтобы по краям находился только фон изображения, тогда элементы не будут обрезаться.
Программа для создания обложки для группы в ВК
Доступные способы создания шапки для группы:
- Скачать готовую картинку для обложки.
- Сделать ее через онлайн-сервис.
- Заказать у специалистов.
- Воспользоваться фоторедакторами и создать самостоятельно.
В интернете полно бесплатных картинок и шаблонов в формате psd. Их можно адаптировать под свою группу и поставить в шапку сообщества. На сегодня это самый простой вариант.
Можно воспользоваться специальными программами – Adobe Photoshop, Pixelmator и т. д. Но вы должны уметь работать с данными приложениями, для их освоения потребуется время.
Как сделать обложку для группы в ВК в Фотошопе
Adobe Photoshop – самая популярная программа для редактирования изображений. В ней можно быстро создать обложку при наличии определенных навыков. Основное преимущество данного способа – удается разработать уникальный дизайн.
Важно! В качестве основы всегда подбирайте картинки, которые больше рекомендованных размеров. Вам потребуется подгонять изображение под нужное разрешение. Но в случае растягивания существенно ухудшается качество картинки, что недопустимо.
Откройте Фотошоп. В меню выберете пункт для создания нового файла. Для его сохранения нужно выставить следующие параметры:
- Сразу укажите название файла.
- Размер – 1590x
- Фон – прозрачный.
- Цветовой режим – цвета RGB 8 бит.
- Разрешение – 72 пикселя на дюйм.
Теперь найдите картинку в интернете, скопируйте ее и вставьте в программу. Для адаптации размера нужно:
- Зайти в пункт «Редактирование».
- Затем в «Трансформирование».
- Теперь выберете раздел «Масштабирование».
- Зажмите Shift.
- Левой кнопкой мыши захватите угол изображения.
- Адаптируйте картинку под границы.
- Для подтверждения действия нажмите на Enter.
Нужно написать название сообщества. Для этого необходимо:
- Выбрать пункт для создания нового слоя.
- Нажать на кнопку для добавления текста.
- Выделите зону для его размещения.
- Выберите размер, цвет, шрифт.
- Введите название сообщества.
- Откройте панель со стилями.
- Выберете подходящий, чтобы текст выглядел красиво.
У вас получилась довольно простая обложка. По инструкции ее может сделать практически любой пользователь. Естественно, для создания шапки со множеством элементов потребуется куда больше времени.
- Открыть в меню «Файл».
- Выбрать пункт «Сохранить для Web».
- Указать набор PNG-24.
- Сохраните картинку.
Как выгрузить готовое изображение?
Для загрузки картинки в группу потребуется:
- Зайти в сообщество.
- Выбрать в меню пункт для управления.
- Найти вариант с обложкой сообщества.
- Выбрать пункт для загрузки.
- Откроется форма для добавления.
- Можно выбрать картинку в проводнике или перетащить ее в окно.
- Загрузите ее на сайт.
- Подтвердите сохранение.
Выйдите на основную страницу сообщества и оцените результат. Если вы соблюдали рекомендации относительно размеров, то картинка поместится полностью.
Вы узнали, как создать обложку для группы в ВК. Процесс не так сложен, достаточно учесть все предоставленные советы.
Динамическая обложка для группы ВК
Сейчас есть возможность создать динамическую обложку. Процесс ее подготовки куда более сложен, придется потратить значительно больше времени.
Чем отличается динамическая шапка от обычной? В ней изображения могут обновляться. Частота смены настраивается отдельно при создании.
Но зачем нужна динамическая шапка? Вариантов ее использования множество:
- Можно выводить вашу CRM-систему.
- Удается создать таймер.
- Выводить день недели, дату, время.
- Показывать имена последних вступивших.
- Предоставлять дополнительную информацию.
- Такие обложки подойдут для групп компаний.
В шапку удается поместить различную информацию, которую можно получить из ВК или с любого другого сайта. Варианты ее использования зависят только от ваших потребностей.
Как это работает?
Принцип довольно прост:
- Подготавливается стандартный шаблон.
- В нужных местах выделяются зоны для обновляющихся данных.
- Для полноценной работы потребуется специальный скрипт.
Зачем нужен скрипт?
Скрипт используется для получения данных и их отображения в отведенных зонах. То есть, он выгружает информацию из источника и переносит ее в обложку, является связующим элементом.
Частота обновления настраивается исходя из ваших пожеланий. Можно подобрать оптимальное значение, чтобы отображалась актуальная информация в шапке.
Создать динамическую обложку со скриптом сложнее, чем обычную. Потребуется куда больше знаний и специализированный софт. Поэтому лучше доверить данную процедуру профессионалам. Тогда вы можете быть уверены в прекрасном функционировании.
Как подключить скрипт?
После выполнения проекта специалисты предоставят вам:
- Макет оформления.
- Исходники в формате PSD.
- Скрипт.
- Лицензионный ключ для привязки.
Профессионалы, занимающиеся разработкой оформления для сообществ, берут на себя основные задачи. За счет этого удается сэкономить время и не вникать во все нюансы создания подобных обложек.
Для работы скрипта потребуется куда-то установить его. Есть несколько вариантов:
- На домашний компьютер.
- На сервер компании, которая занималась разработкой.
- На удаленный сервер.
Можно поставить скрипт на свой ПК. Но компьютер должен работать в круглосуточном режиме. В случае отключения устройства информация в шапке перестанет обновляться. Поэтому подобным способом пользуются немногие владельцы сообществ.
Можно заплатить за хостинг и установить скрипт на удаленном сервере. Стоимость обслуживания начинается от 80 рублей в месяц. Но нужно выбирать надежные хостинги, способные обеспечить бесперебойную работу.
Многие компании, занимающиеся оформлением сообществ, предлагают установить скрипт на свой сервер. Стоимость услуги небольшая, абонентская плата обычно не превышает 100 рублей в месяц. Также сотрудники компании будут поддерживать функционирование скрипта.
Как обычно, сперва определимся с ключевыми понятиями. Динамической называется такая обложка группы, содержимое которой меняется в автоматическом режиме. В шапке сообщества можно демонстрировать различные типы полезного контента, или просто сделать пользователям приятное 🙂 Например, если ваша компания занята в сфере финансов, вы можете подключить виджет, отображающий курсы валют и важнейшие биржевые индексы. Если же ваш бизнес имеет четкую региональную привязку - добавьте блок, в котором будут выводиться сведения о сегодняшней погоде. Наконец, вы можете сделать баннер, где будут появляться имена сегодняшних именинников или самых активных подписчиков за определенный период времени. Таким образом, наряду с интерактивным меню и виджетами, данный инструмент помогает повысить вовлеченность и лояльность аудитории к бренду.
За примерами далеко ходить не надо - динамические обложки ВКонтакте задействует множество групп. В первую очередь, данную технологию используют сами сотрудники социальной сети: в шапке официального паблика службы поддержки присутствует “живой” счетчик обработанных тикетов.
“СтопХам” также идут в ногу со временем: на их страничке можно увидеть превью свежего видео и имя последнего вступившего участника. К сожалению, хотя информация о количестве просмотров меняется в реальном времени, это - не настоящий embed, и посмотреть ролик прямо во ВКонтакте не выйдет.
В свою очередь, творческое объединение Gazgolder превратило шапку сообщества в динамический анонсер, где отображаются данные о ближайших концертах, премьерах фильмов или презентациях музыкальных альбомов.
Одним словом, вариантов применения масса. Вопрос лишь в том, как создать подобную красоту? На самом деле, не так уж и сложно.
Конструкторы для создания динамических обложек ВКонтакте
Чтобы получить в свое распоряжение интерактивную шапку, можно пойти двумя путями:
1. Заказать разработку с нуля - дорого, однако в итоге вы станете обладателем эксклюзивного решения с необходимым именно вам функционалом, которое поможет выделиться на фоне конкурентов;
2. Использовать онлайн-конструктор - гораздо дешевле, но при этом вы будете ограничены набором виджетов, который вам предоставили разработчики.
Легко понять, что первый вариант подойдет крупным предприятиям, имеющим четко выстроенный маркетинг-план и сложившийся годами корпоративный образ (а также достаточный бюджет), второй же идеален для малого бизнеса, так как большинству компаний вполне хватит и типового функционала. Давайте же воспользуемся одним из таких сервисов и сделаем динамическую обложку.
Google услужливо подсказывает название - DyCover. С точки зрения цены вариант неплохой: ребята берут 100 рублей в месяц за одно сообщество, тогда как их конкуренты, LetsCover, ровно в два раза больше. Впрочем, у последних есть прогрессивная скидка за объем, так что данная площадка придется по вкусу тем, кто занимается SMM профессионально и ведет одновременно несколько проектов.
Впрочем, целью нашего материала является не определение лучшего провайдера услуг, а тестирование возможностей подобных решений в принципе, поэтому остановимся на DyCover. Регистрация не представляет трудностей: авторизация закономерно осуществляется через ВК. После создания аккаунта вам остается лишь выбрать нужное сообщество из числа тех, где вы являетесь администратором, и подключить его.
Далее кликаем по ссылке “Создайте ее” во всплывшем оповещении и попадаем в визуальный редактор. После этого активируется трехдневный триал, в течение которого вы сможете задействовать все доступные возможности конструктора. На первых парах нас будут сопровождать всплывающие подсказки, так что запутаться будет довольно проблематично.
Как верно заметил электронный помощник, перед созданием динамической обложки необходимо подобрать подходящий фон. Оптимальные размеры бэкграунда - 1590 на 400 пикселей, однако все значимые графические элементы и сами виджеты следует располагать на центральном отрезке 1196 на 400. Все дело в том, что на мобильных устройствах баннер обрезается (по 197 пикселей с каждой стороны), а значит, поклонники портативных девайсов попросту не увидят важную информацию.
К слову, в DyCover этот момент учтен. Давайте попробуем воспользоваться одним из предустановленных шаблонов и посмотрим, как это работает.
Выбираем тему “Информационная обложка”, так как у нее уже есть фон, и нажимаем на кнопку “Сетка для мобильных”. На экране появится разметка, помогающая оценить, как в итоге будет выглядеть наше творение на смартфонах и планшетах. Верхняя линия обозначает границу топ-бара операционной системы, который также способен помешать адекватному отображению нашей динамической шапки.
Для большей наглядности можно воспользоваться функцией предпросмотра, после чего станет ясно, что данный макет не адаптирован для портативных девайсов, так как блок Москвы оказывается за пределами дисплея.
Теперь перейдем в раздел “Виджеты” и оценим их ассортимент. С первого взгляда список не особо впечатляет.
На самом деле первое впечатление обманчиво. Так, например, виджет “Текст” позволяет создавать как обычные текстовые блоки, так и подгружать ячейки из Google-таблиц, задействовать каскадные стили или JSON. “Подписчик” отображает имена самых активных пользователей, лучших комментаторов (по количеству или лайкам), репостеров, авторов (по рейтингу записей из “предложки”), именинников или последних вступивших в группу. “Статистика” транслирует общее число подписчиков, количество юзеров онлайн, а также сводные данные, включая гендерное распределение. Таким образом, комбинируя представленные инструменты, вы сможете конструировать динамические обложки ВКонтакте практически любой сложности.
Рассмотрим на практике, как это работает. В приведенном выше шаблоне каждый блок, отображающий погоду и время в том или ином городе, состоит из четырех компонентов:
- Текст (название города);
- Фигура (полупрозрачный белый круг);
- Дата и время;
- Погода.
Каждый из них можно изменять. Например, вместо белого круга вы можете сделать цветной прямоугольник, а помимо часов вывести число, месяц и текущий день недели. Виджет “Погода” умеет показывать скорость ветра и тип погоды (ясно, ливень, туман и т.д.), причем в последнем случае можно выбрать из нескольких вариантов иконок, и даже загрузить свои собственные вместо стандартных. Разумеется, вы можете менять размеры виджетов и редактировать шрифты, в результате чего перед нами открываются широчайшие возможности для кастомизации.
Впрочем, давайте оценим, как будет выглядеть динамическая обложка в самой группе. Для этого нажимаем на “Сохранить” и вводим имя созданного шаблона. Теперь возвращаемся в панель управления, выбираем нужный пункт и кликаем по “Применить”.
Отправляемся в наше экспериментальное сообщество и оцениваем результат. Ну что же, совсем не плохо! Пожалуй, единственным минусом такого подхода является тот факт, что при увеличении страницы текст выглядит несколько размыто.
Это объясняется особенностью самой технологии: по сути, сервис с определенной периодичностью (раз в минуту) генерирует статичную картинку с обновленными данными и подгружает ее в шапку. Именно поэтому вы не можете, к примеру, встроить в обложку ВКонтакте видеопроигрыватель. Впрочем, даже такой “костыльный” метод позволяет существенно улучшить визуальную составляющую группы, выделившись на фоне конкурентов.
Стоят ли динамические обложки своих денег?
Вот мы и подошли к вопросу рентабельности и, скажем откровенно, самый правильный ответ будет таким: все в ваших руках. Хотя выгоду использования интеравных шапок сложно переоценить они, как и любой другой инструмент в SMM, будут помогать в продвижении группы только в том случае, если вы правильно ими распорядитесь. Так, например, автоматические поздравления с днем рождения не сработают, если вы не сможете подобрать подарки, которые по-настоящему заинтересуют вашу аудиторию. В то же время, перегрузив динамическую обложку информацией, пусть даже и полезной, вы будете отвлекать подписчиков от новых постов и вместо повышения вовлеченности, напротив, снизите данный показатель. Поэтому лучшее, что можно сделать - найти подходящий сервис, оформить триал или месячную подписку, а затем экспериментировать, пробуя разные подходы и форматы. И, конечно же, наблюдать за конкурентами, мотая на ус их ошибки и беря на вооружение удачные приемы.
Графические элементы в оформлении сообщества Вконтакте захватывают внимание посетителя, удерживают его, а также повышают узнаваемость группы или паблика среди тысяч аналогичных сообществ. Кроме этого, графическое меню облегчает навигацию по разделам группы, помогая участникам и другим пользователям социальной сети ориентироваться в структуре большого сообщества.
Поиск в ВК или просмотр портфолио дизайнеров покажет много удачных примеров оформления групп Вконтакте, от которых можно отталкиваться при подборе меню обложки для своего сообщества.
Используются следующие размеры оформления группы Вконтакте:
- Обложка страницы показывается вверху, на всю ширину паблика, размер 1590 х 400 пикселей;
- Большой аватар — вертикальный баннер 200х500 px (соотношение сторон 2:5), показывается справа вверху;
- Маленькая аватарка, круглая картинка, показывается в каждом сообщении группы, размер 200х200 пикселей.
- Изображение меню для группы Вконтакте, ширина 510 пикселей, высота — 307 (чтобы нижний край меню красиво совпадал с низом большой аватары справа).
Если в настройках сообщества загружено изображение обложки, то большой аватар справа не показывается.
Как сделать шапку для группы Вконтакте самостоятельно
Чтобы шапка сообщества выглядела красиво, все ее графические составляющие должны быть оформлены в одном стиле (набор цветов, логотипы, шрифты) или быть частью одной картинки. При оформлении группы Вконтакте самостоятельно, первый шаг — подготовить фоновое изображение. Это может быть тематическая картинка с бесплатных фотобанков (например, pixabay.com).
Открой картинку в графическом редакторе. Обрежь или масштабирую до размера: длина 1590 px, высота 400 px.
Далее можно нанести необходимые надписи (название группы, слоган, призыв вступать в сообщество). Теперь нужно загрузить обложку в сообщество, для этого зайди в пункт меню «Управление сообществом»:
Кликни по надписи «Загрузить» в поле «Обложка сообщества».
В следующем окне выбери ранее подготовленный на компьютере файл обложки, и кликни по «Сохранить и продолжить».
Теперь в твоей группе будет новая обложка. Учитывай, что в этом случае вертикальная картинка большой аватарки справа показываться уже не будет.
- Картинка или фото должно соответствовать тематике сообщества.
- Используй изображения высокого качества.
- Не нарушай чужие авторские права на изображения (в настоящее время бесплатные стоки предлагают большое количество и фотографий и иллюстраций).
- Не перегружай обложку деталями.
- Если помещаешь на шапку фото человека, то лучше, чтобы он смотрел не на посетителя, а на самый важный элемент на странице (меню, адрес сайта, сообщение об акции, призыв).
- Используй качественные шрифты и проверяй, чтобы надписи были разборчивы при любом масштабе.
Размеры шапки в паблике Вконтакте в новом дизайне
После того как произошел редизайн данной социальной сети, появился новый элемент оформления — обложка. Это большое изображение горизонтальной ориентации размером 1590 на 400 пикселей. Шапка для группы Вконтакте является статической картинкой. Достаточно большой, чтобы разместить на ней и яркую, запоминающуюся фотографию или картинку и название паблика, слоган компании, имя сайта, расписание работы и другие надписи.
Как сделать меню для группы ВК в новом дизайне
Процесс оформления меню группы Вконтакте состоит из следующих этапов:
- Подготовка списка ссылок меню (это могут быть страницы, разделы сообщества или внешние сайты).
- Подготовка фоновой картинки.
- Нанесение на фоновое изображение надписей и «кнопок» меню.
- Нарезка изображения на части.
- Включение wiki-страницы.
- Загрузка графического меню и форматирование его wiki-разметкой.
Фоновая картинка должна быть шириной 510 пикселей, а высота зависит от количества и размещения пунктов меню. Для работы с изображениями понадобится растровый графический редактор, ниже показаны примеры с использованием бесплатного и легкого Paint.Net.
Сразу следует планировать размещение пунктов меню так, чтобы картинку можно было нарезать на фрагменты одинакового размера. Это важно для того, чтобы меню нормально масштабировалось на экране смартфонов или планшетов.
Вертикальное меню сообщества ВК с пунктами в один столбик
Открой картинку в редакторе. Инструментом редактора «Текст» напиши пункты меню поверх фона. Чтобы надписи меню были заметны, их можно выделить несколькими способами:
- Обвести рамкой;
- Изменить цвет фона под буквами;
- Добавить буквам тень.
Ниже на скриншоте каждый пункт выделен одним из способов.
Следующий шаг — нарезка изображения на части:
Процесс нарезки изображения также можно выполнить с помощью удобного онлайн-инструмента www.imgonline.com.ua/cut-photo-into-pieces.php .
Далее в меню «Управление сообществом» зайди в пункт «Разделы» и в пункте «Материалы» выбери «Ограниченные» (это значит, что страницы создавать и редактировать сможет только администратор группы).
Нажми сохранить и перейди на главную группы. Возле раздела с информацией о группе появился пункт «Свежие новости».
Перейди в этот раздел и нажми редактировать. Измени заголовок на «Меню» а потом нажми на пиктограмму фотоаппарата, чтобы добавить изображение.
Щелкни по добавленной картинке и в окне свойств укажи ссылку на нужный раздел.
Вконтакте автоматически уменьшает изображения до 400 пикселей и вставляет лишние тэги. Чтобы исправить это нужно перейти в режим редактирования разметки.
Каждый тэг изображения начинается «[[» и заканчивается «]]», состоит из трех частей, разделенных знаком «|»: ID изображения, свойства и ссылка. Нужно откорректировать размеры картинок и вставить в их свойства тег «nopadding». Свойства картинок перечисляются через «;».
После сохранения изменений создание меню завершено.
Меню с горизонтальным или многострочным расположением пунктов
В этом случае подготовка изображений выполняется также, но с разрезанием исходника и по вертикали. Нарезанные фрагменты загружаются через интерфейс редактирования страницы. Взаимное положение прямоугольных фрагментов устанавливается с помощью табличной разметки wiki в ВК. Каждый тег изображения с ссылкой, описанный в предыдущем разделе, помещается внутрь ячейки таблицы.
Правила оформления таблицы:
- Начало обозначается символом «{|», конец таблицы — «|}».
- Дополнительные свойства указываются после «|~»
- Новая строка начинается с «|-».
- Каждая ячейка отделена «|».
Для исключения лишних пробелов нужно указать параметры таблицы «fixed nopadding noborder». Разметка графического меню из 2 столбцов и 2 строк выглядит так:
А само меню в группе:
Размер аватарки группы в новом дизайне для оформления паблика ВК
В сообществах Вконтакте используется два варианта аватарки:
- Большой прямоугольный баннер 200 на 500 точек, показывается справа вверху, если не загружена обложка.
- Миниатюра 200х200 пикселей, показывается в постах и в обсуждениях в виде кружочка.
Картиночки в SMM решают. Если не всё, то многое. Хотите, чтобы обложка вашей группы привлекала внимание и не выглядела кустарно?
Регистрация в сервисе
Выбор формата
В Canva уже загружены нужные форматы изображений для разных социальных сетей - от обложек до записей. Также можно задать собственный размер макета, однако изменить размеры уже созданного макета в бесплатной версии нельзя.
Поскольку Canva - иностранный сервис, он еще не полностью адаптировался под российскую аудиторию. Поэтому найти готовый макет для обложки ВКонтакте можно в специальном разделе , а не в «Создать дизайн». Нужный нам макет имеет размеры 1590x400 пикселей - в два раза больше реального размера обложки, чтобы достичь наилучшего качества отображения картинки (удваивать пропорции рекомендуют сами специалисты ВКонтакте).
Слева вы увидите ряд готовых макетов, разработанных профессиональными дизайнерами - их можно использовать в качестве заготовок, чтобы не начинать создание дизайна с нуля. Любой элемент шаблона можно изменить, поэтому при выборе не зацикливайтесь на изначальной цветовой палитре и шрифтах. Цвет, текст, количество элементов и их расположение на изображении вы можете настроить сами. Тем не менее, выберите стиль, который лучше отражает идею вашей группы: с фото на заднем плане, со сплошным фоном, фотоколлажем, строгим узором и так далее. Для нашего примера мы выберем шаблон без готовых элементов, представляющий собой «сетку» для коллажа.
Загружаем собственные элементы
Прежде чем начать редактирование, загрузите в редактор собственный логотип или фотографии, которые вы хотели бы использовать. Перейдите во вкладку «Моё» и выберите нужные файлы из компьютера. Желательно загружать лого с прозрачным фоном. Еще лучше, если у вас есть варианты для темного и светлого фона (например, черный и белый вариант логотипа), чтобы его можно было использовать в любой иллюстрации.
Чтобы вставить загруженное изображение в новый макет, просто перетащите его мышкой вправо и расположите в нужной части сетки. Здесь фото можно «кадрировать» - то есть расположить внутри выбранного окошка нужным образом и в нужном масштабе.
Наполняем макет содержанием
Если вы работаете с уже готовым макетом, его нужно отредактировать, чтобы сделать обложку уникальной и отражающей стиль вашего бренда. Редактирование осуществляется интуитивно - нужно выделить правой кнопкой мыши желаемый элемент (например, фон или текстовый блок) и в верхней панели редактора появятся все доступные настройки - цветовая палитра, меню шрифтов и так далее. Что именно можно изменить в дизайне обложки?
- Цвет фона (доступна как сплошная заливка, так и различные текстуры и орнаменты);
- Текст, шрифт, размер и цвет шрифта;
- Расположение элементов (меняется простым «перетаскиванием» выделенных элементов по холсту);
- Количество элементов (лишние детали можно удалить, а нужные, наоборот, вставить в макет в любом количестве).
В нашем примере мы наполнили четыре поля для фотографий, кроме центрального, кадрами и применили ко всем из них один и тот же фотофильтр, чтобы привести фотографии к «единому знаменателю» - так они будут лучше смотреться вместе.
Что касается дополнительных деталей, например, рисунков, фигур или иконок - часть из них доступны в меню «Элементы» слева (в нашем примере мы заменили центральное фото на сплошной фон для вставки названия магазина). А часть можно отыскать по ключевым словам во встроенном каталоге клипартов и стоковых фотографий. К примеру, вам не хватает собственных снимков для фотоколлажа на тему путешествий. Введите слово «путешествие» в поисковую строку и получите целый набор из десятков фотографий или рисунков на тему туризма (часть из них бесплатны, другие доступны по цене $1).
Работаем с текстом
Через вкладку «Текст» в макет можно добавить текстовый элемент или готовый блок с комбинацией нескольких шрифтов. Нужно иметь ввиду, что набор шрифтов для русского языка существенно меньше, чем для латинского алфавита, но, тем не менее, здесь есть из чего выбрать.
Здесь же в верхней панели можно изменить размер, цвет, центрирование, прозрачность текста, межстрочный и межбуквенные интервалы.
Скачиваем готовую обложку для группы
Когда дизайн готов, нажмите «Скачать», она находится в правом верхнем углу, и выберите нужный формат. Для загрузки в группу ВКонтакте подойдет PNG или JPG. В других случаях, к примеру, при создании открытки, буклета или флаера, печать которых вы собираетесь заказывать в типографии, нужно выбирать «PDF для печати». 
Загружаем обложку в группу
Оформление группы ВКонтакте не так интуитивно, как хотелось бы. Для загрузки вашей обложки нужно зайти в меню «Управление сообществом» - ссылка на загрузку находится в блоке «Основная информация». 
Загрузить обложку в группу ВКонтакте можно через раздел "Управление сообществом"
Итог
Большинство макетов Canva созданы в более или менее минималистическом стиле неслучайно.
Во-первых, таковы тренды современного веб-дизайна - интерфейсы сайтов, приложений, оформление брендовых каналов, как правило, выполняется с использованием ограниченного набора цветов для сохранения акцента на самом главном.
Во-вторых, простые изображения проще воспринимаются на небольших экранах мобильных устройств, которые составляют все большую долю в трафике большинства компаний и веб-проектов.
Поэтому, создавая обложку для страницы в социальной сети или YouTube-канала, не стоит «перегружать» ее дополнительными деталями. Возьмите дизайнерский образец за основу и сделайте его «своим», сохраняя при этом простоту восприятия. А позитивный отклик подписчиков на качественную графику, ясно передающую нужную информацию, не заставит себя ждать.
Вот еще пара обложек для ВКонтакте, которые мы сделали с помощью макетов Canva:
По такому же принципу вы можете создать обложку для страниц в других социальных сетях или изображения для их контентного наполнения. И дизайнер вам не понадобится.
Как работать в Canva рассказал и показал региональный менеджер сервиса Олег Бурков.
В блоге Callibri вы можете найти полезные материалы для предпринимателей и маркетологов. Профессионалы и узкие специалисты в самых разных областях интернет-маркетинга делятся своими мыслями, взглядами, практическими наработками и рассказывают, как сделать бизнес успешнее.
У вас есть интересная тема и вы хотите стать нашим автором? Пишите нам!
