Как создать обложку для группы в vkk, которая привлечет внимание посетителей
Чтобы произвести особое впечатление на посетителя и подчеркнуть атмосферу, создатели социальной сети ввели полезное графическое дополнение — заголовок. Настраивается как фон или логотип, а можно пойти дальше и использовать это пространство с пользой для посетителя. Ведь встречают по одежке.
Кроме того, это пространство может стать для вас местом для реализации полета фантазии и самовыражения. Как холст для художника! Воспользуйтесь этим инструментом и передайте суть вашей группы творчески.
На основе простых пошаговых инструкций из этой статьи вы узнаете, как сделать шапку для группы vk, используя популярные программы и сервисы. В том числе настройка платных и бесплатных, интерактивных и минималистичных обложек.
Какого размера фотографии и аватар в группе vk
Аватар. Размер аватара должен быть не менее 200×200 px и не более 7000×7000 px. Опубликованная картинка сжимается до 200×500 px. Для сохранения высокого качества — разработчики советуют выбирать аватар многопиксельного масштаба.
КАК СДЕЛАТЬ ДИЗАЙН / ОФОРМЛЕНИЕ ГРУППЫ ВКОНТАКТЕ В ФОТОШОПЕ.UPDATE.УЧЕБНИКИ ФОТОШОПА.
Заголовок. Минимальный размер обложки — 795×200 px . Избежать некачественных изображений создателям поможет рекомендация — использовать 1590×400 px .
Размер мобильной версии vk не совпадает с размером версии для ПК. Чтобы вы знали «как и где» размещать важные элементы на вашей шапке, нужно разобраться в тонкостях. Определите их:
- Информационная панель телефона в верхней части имеет размер 80 px.
- Левая и правая части обрезаны по 195 px.
- Всплывающие дополнения. Настройки занимают по 140 px.
Оставшаяся видимая область составляет 920×320 px. В этом радиусе целесообразно разместить важную информацию.
Следуя советам разработчиков, обложка вашего сообщества будет выглядеть красиво и доступна как узко, так и широкоформатным пользователям.
Как сделать обложку группы в Paint 3D
Создать шапку для группы vk легко в Paint 3D, который есть на каждом компьютере.
Пункт 1. Запустите программу и «Создайте» проект.
Точка 2. Перейдите на вкладку «Меню». Нажмите «Вставить.». Определяем необходимое изображение.
Точка 3. Выберите «Обрезать». Будьте готовы к тому, что при добавлении картинки Paint может обрезать ее до нужного вам размера.
Пункт 4. Оригинальный размер изображения — 5848×3899 px., , что дает большой простор для творчества. Перетащите белые точки для кадрирования, чтобы выбрать прямоугольную область. В Paint 3D размеры 3550×900 px. Аналогично 1590×400 px., поэтому выделите их и нажмите «Готово».
КАК СДЕЛАТЬ КРАСИВЫЙ ЗАГОЛОВОК ДЛЯ ГРУППЫ ВКОНТАКТЕ!? | Tutorial
VKTarget — заработок и продвижение в социальных сетях
Точка 5. Затем перейдите в «Холст», снимите галочку с «Сохранить соотношение сторон» и установите нужный размер 1590×400 px.
Пункт 6. Перейдите в «Меню». Выберите «Сохранить как» и нажмите на «Изображение». Как только вы дадите название своей картинке, нажмите «Сохранить».
Вуаля, шапка готова и можно заливать. В Paint 3D есть и другие возможности — от банальных эффектов и стикеров, до двух- и трехмерных фигур и 3D-моделей, которые станут хорошим дополнением.
Как сделать обложку группы в фотошопе
Ирина Егорова
Постоянный автор и редактор блога AFlife.ru
Специализируюсь на финансовых обзорах, банковской тематике (кредиты, ипотека, вклады, инвестирование, дебетовые и кредитные карты и многое другое). Большой опыт работы в банке, знаю специфику работы от начала до конца. Я могу рассказать об этом грамотно и понятно.
Изучаю социальные сети и мессенджеры, а также способы их продвижения.
Источник: aflife.ru
Оформление паблика Вконтакте: как сделать меню и шапку
Графические элементы в дизайне сообщества Вконтакте захватывают внимание посетителя, удерживают его и повышают узнаваемость группы или паблика среди тысяч подобных сообществ. Кроме того, графическое меню облегчает навигацию по разделам группы, помогая участникам и другим пользователям социальной сети ориентироваться в структуре большого сообщества.
Поиск в Facebook или просмотр портфолио дизайнеров покажет вам множество хороших примеров постов в вашем сообществе, которые вы можете использовать в качестве ориентира при выборе обложки для своей страницы.
Для оформления группы Вконтакте используются следующие размеры:
- Обложка страницы изображена вверху, на всю ширину издательства, размер 1590×400 пикселей;
- Большой аватар — это вертикальный баннер 200×500 px (соотношение сторон 2:5), отображаемый в правом верхнем углу;
- Маленький аватар, круглое изображение, показывается в каждом посте группы, размер 200×200 пикселей.
- Изображение меню для группы Вконтакте, ширина 510 пикселей, высота — 307 (чтобы нижний край меню красиво совпадал с низом большого аватара справа).
Если в настройках сообщества загружено изображение обложки, большой аватар справа не показывается.
Как сделать заголовок для группы Вконтакте самостоятельно
Чтобы обои сообщества выглядели красиво, все его графические компоненты должны быть оформлены в одном стиле (набор цветов, логотипов, шрифтов) или быть частью одной картинки. При самостоятельном оформлении группы Вконтакте первым шагом является подготовка фонового изображения. Это может быть тематическая картинка из бесплатного фотобанка (например, pixabay).com).
Откройте изображение в графическом редакторе. Обрезать или масштабировать до размера: длина 1590 px, высота 400 px.
Далее вы можете разместить необходимые надписи (название группы, слоган, призыв вступить в сообщество). Теперь необходимо загрузить обложку в сообщество, для этого перейдите в пункт меню «Управление сообществом»:
Нажмите на «Загрузить» в поле «Название сообщества».
В следующем окне выберите файл обложки, который вы подготовили ранее на своем компьютере, и нажмите кнопку «Сохранить и продолжить».
Теперь у вашей группы будет новая обложка. Обратите внимание, что в этом случае вертикальное изображение большого аватара справа больше не будет отображаться.
Рекомендации по выбору изображения для заголовка:
- Картинка или фотография должна соответствовать тематике сообщества.
- Используйте изображения высокого качества.
- Не нарушайте чужие авторские права на изображения (в настоящее время бесплатные стоки предлагают большое количество фотографий и иллюстраций).
- Не перегружайте обложку деталями.
- Если вы помещаете на хедер фотографию человека, лучше, чтобы он смотрел не на посетителя, а на самый важный элемент на странице (меню, адрес сайта, сообщение об акции, призыв).
- Используйте качественные шрифты и убедитесь, что надписи читаемы при любом масштабе.
Размер заголовка в паблике Вконтакте в новом дизайне
После редизайна этой социальной сети появился новый элемент дизайна — титульная страница. Это большое горизонтально ориентированное изображение размером 1590 на 400 пикселей. Заголовок для группы Вконтакте представляет собой статичное изображение. Достаточно большого размера, чтобы разместить на ней и яркую, запоминающуюся фотографию или картинку и название паблика, слоган компании, название сайта, график работы и другие надписи.
Как сделать меню для группы VK в новом дизайне
Процесс оформления меню группы Вконтакте состоит из следующих шагов:
FB-аккаунт владельца магазина о своем бизнесе и тенденциях в арбитраже. FB-аккаунты для арбитража трафика
- Подготовьте список ссылок меню (это могут быть страницы, разделы сообщества или внешние сайты).
- Подготовка обоев.
- Размещение подписей и «кнопок» меню на фоновом изображении.
- Нарезка изображений.
- Включение вики-страницы.
- Загрузка графического меню и его форматирование с помощью вики-разметки.
Фоновое изображение должно быть шириной 510 пикселей, а высота зависит от количества и расположения пунктов меню. Для работы с изображениями вам понадобится растровый графический редактор, ниже приведены примеры с использованием бесплатного и простого Paint.Сеть.
Сразу спланируйте размещение пунктов меню так, чтобы картинку можно было нарезать на фрагменты одинакового размера. Это необходимо для того, чтобы меню правильно масштабировалось на экране вашего смартфона или планшета.
Вертикальное меню сообщества VK с пунктами в одну колонку
Откройте картинку в редакторе. Используйте инструмент «Текст» редактора, чтобы написать пункты меню поверх фона. Чтобы сделать надписи меню видимыми, вы можете выделить их несколькими способами:
- Рамка;
- Измените цвет фона под буквами;
- Добавьте тень к буквам.
Ниже на скриншоте каждый пункт выделен одним из способов.
Следующий шаг — нарезка изображения на части:
- Добавьте еще один слой.
- На новом слое проведите три линии, разделяющие изображение на равные части.
- Включите инструмент «Волшебная палочка» и кликните по одной из областей.
- Переключитесь на слой с изображением и скопируйте выделение в буфер.
- Создайте новое изображение и вставьте из буфера.
- Сохраните это изображение в отдельный файл.
- Повторите предыдущие 4 пункта для каждого фрагмента.
Процесс нарезки изображения также можно выполнить с помощью удобного онлайн-инструмента www.imgonline.com.ua/cut-photo-into-pieces.php.
Затем зайдите в «Управление сообществом» в раздел «Разделы» и выберите «Ограниченный» в разделе «Материалы» (это означает, что создавать или редактировать страницы может только администратор группы).
Нажмите сохранить и перейдите в основную группу. Рядом с разделом с информацией о группе появился пункт «Свежие новости».
Перейдите в этот раздел и нажмите редактировать. Измените заголовок на «Меню», а затем нажмите на значок фотоаппарата, чтобы добавить изображение.
Нажмите на добавленную картинку и в окне свойств укажите ссылку на нужный раздел.
Facebook автоматически уменьшает изображения до 400 пикселей и вставляет дополнительные теги. Чтобы исправить это, необходимо перейти в режим редактирования разметки.
Каждый тег изображения начинается с «[[» и заканчивается «]]» и состоит из трех частей, разделенных знаком «|»: ID изображения, свойства и ссылка. Необходимо настроить размер изображений и вставить в их свойства тег «nopadding». Свойства изображений перечислены с помощью «;».
После сохранения изменений создание меню завершено.
Меню с горизонтальными или многострочными элементами
При этом подготовить изображения таким же образом, но с обрезанием исходника и по вертикали. Загрузка фрагментов осуществляется через интерфейс редактирования страницы. Взаимное расположение прямоугольных фрагментов задается с помощью таблицы разметки wiki в VK. Каждый тег изображения со ссылкой, описанный в предыдущем разделе, размещается внутри ячейки таблицы.
Правила форматирования таблиц:
- Начало обозначается символом «<|», конец таблицы — «|»>».
- Дополнительные свойства указываются после «|~»
- Новая строка начинается с «|-«.
- Каждая ячейка разделяется символом «|».
Чтобы исключить лишние пробелы, необходимо указать параметры таблицы «fixed nopadding noborder». Схема графического меню из 2 колонок и 2 строк выглядит следующим образом:
и само меню группы:
Размер аватара группы в новом дизайне для оформления паблика VK
В сообществах Вконтакте используются два варианта аватара:
- Большой прямоугольный баннер размером 200 на 500 пикселей, показывается вверху справа, если обложка не загружена.
- Миниатюра размером 200×200 пикселей, отображается в сообщениях и обсуждениях в виде круга.
Учитывая это, рекомендуется не делать аватар слишком насыщенным мелкими деталями, а при использовании подписей они должны оставаться в пределах круга.
Итак, шаблон нового дизайна группы Вконтакте включает в себя миниатюру, меню и один из двух вариантов изображения в верхней части страницы (обложка или большой аватар). Как оформить свое сообщество, зависит от его темы и цели. Подробнее об этом вы можете прочитать в статье о создании группы Вконтакте.
Источник: partnerkin.com