Windows 10

Как создать эффектное оформление группы «ВКонтакте» без дизайнера. Оформление группы Вконтакте: полный гайд по дизайну Оформление названия группы в вк

Сегодня мы опять возвращаемся к теме оформления групп В Контакте. Ранее мы уже научились . Сегодня мы будем учиться делать графическое меню с закрепленным верхним баннером и ссылкой на внутреннюю страницу с пунктам расширенного меню. В общем то, на внутренней странице может быть любая информация. Особенно удобно там располагать, например каталоги с ассортиментом продукции. И у раскрывающегося меню и у закрепленного меню есть свои плюсы и минусы. Основной минус раскрывающегося меню — то, что он по умолчанию находится в закрытом состоянии. Но зато на нем можно разместить сразу несколько ссылок.

Закрепленное меню смотрится более эффектно за счет общего впечатления, но у него может быть только одна ссылка, ведущая либо на внутреннюю страницу Вконтакта, либо на внешний сайт (причем на внешний сайт ссылка будет идти не с картинки а с текстовой ссылки под картинкой). Также из очевидных минусов то, что на мобильных устройствах графическое меню представлено в виде обычной записи в ленте, стоящей сверху, а не в виде закрепленной рядом с аватаром. В общем, при выборе оформления стоит учитывать эти нюансы. Итак, давайте посмотрим, как создается закрепленное верхнее меню со ссылкой на внутреннюю страницу.

Оформляю группы Вконтакте
Качественный дизайн групп и пабликов ВК, закрепленное меню, раскрывающееся меню, внутреннее графическое меню, каталоги, внутренняя навигация — цены и портфолио .

Шаг 1
Создаем в фотошопе новый документ размером примерно 900х700 пикселей, заливаем его белым цветом. Теперь нам надо вырезать в слое два окна, через которые будет проглядывать собственно само графическое оформление. Сначала выделяем прямоугольник размером 200х500 пикселя (аватар) и нажимаем Del. Потом выделяем прямоугольник размером 510х352 (выравниваем по нижней линии аватара и делаем расстояние между фигурами 50 пикселей) и также нажимаем Del.
После очередного апдейта дизайна ВКонтактом (31.10.2016) размеры баннера стали 510х307 (а не 510х352).

Шаг 2
Теперь ниже белого слоя кладем какую-нибудь единую картинку, которая и будет составлять основу оформления.

Шаг 3
После этого дополняем картинку различными элементами — логотипом, текстовыми надписями и кнопкой, призывающей кликнуть по меню. Затем сохраняем на компьютере две отдельных картинки — одна аватар (справа), вторая меню с кнопкой кликнуть (слева).

Шаг 4
Также в фотошопе создаем графическое меню, состоящее из нескольких пунктов. Ширина этого меню должна быть 600 пикселей, высота по усмотрению, в зависимости от количества пунктов. В помощь используйте урок « «.

Шаг 5
Нарезаем наше меню на несколько горизонтальных полосок в соответствии с количеством пунктов меню. Сохраняем в виде отдельных файлов.

Шаг 6
Заходим в нашу группу Вконтакте, нажимаем «Управление сообществом» (при нажатии на три точки под автаром открывается выпадающее меню) и проверяем правильность установок. Группа должна быть открытая и материалы тоже открыты.

Шаг 7
Теперь загружаем новый аватар. Подводим мышкой к месту аватара и на всплывающем меню выбираем «Обновить фотографию». Загружаем правую фотографию из Шага 3, растягиваем область выделения вверх и вниз до краев картинки, нажимаем «Сохранить» и потом выбираем область для круглой миниатюры.

Шаг 8
Теперь нужно создать внутреннюю страницу. О том, как это сделать, подробно расписано в уроке . Еще один альтернативный способ создания внутренней страницы расписан в уроке « » в Шаге 5 и 6.

Шаг 9
После того, как мы создали внутреннюю страницу, можно перейти на нее. Для этого нужно нажать на раскрывающееся меню группы (по умолчанию этот пункт называется «Свежие новости» — я переименовала в «Меню») и там нажать на ссылку «Меню». После этого мы перейдем на вновь созданную пустую страницу.

Шаг 10
Теперь нам надо создать графическое меню из пяти пунктов. Для этого мы загружаем в альбом группы наши пять картинок из Шага 5. Мы нажимаем на значок фотоаппарата и загружаем нарезанные картинки с компьютера. Хранится картинки будут где-то на серверах ВКонтакта с привязкой к группе, поэтому создавать отдельный альбом для картинок-нарезок не обязательно. Загружать картинки нужно в режими Вики-разметки.

Шаг 11
Теперь в режиме вики-разметки мы будем создавать графическое меню. Очень важно создавать именно в режиме вики-разметки (иконка в правом верхнем углу из двух треугольных скобочек), а не в визуальном режиме редактирования. Подробнее о создании кода в вики-разметке рассказано в Шаге 4 и Шаге 5 урока « «. Там же приведен шаблон кода для вставки. Если все сделано правильно, то должно получиться готовое графическое меню, как на рисунке ниже.

Шаг 12
Теперь возвращаемся на главную страницу группы, берем урл нашей внутренней страницы (он должен быть такого вида https://vk.com/page-78320145_49821289) и вставляем в окошко, где создаются новости. Автоматически должно прикрепиться окошко со ссылкой на эту самую внутреннюю страницу. После этого мы подводим курсор к надписи «Прикрепить» и прикрепляем к записи фотографию, а именно нашу картинку слева из Шага 3. После этого стираем строку с урл внутренней страницы, оставив пустое место. Важно! На данном шаге надо поставить галочку (если есть такие права, в основном это касается групп с открытой стеной) в чекбоксе «От имени группы». Если эту галочку не поставить, то запись невозможно будет закрепить. В конце нажимаем «Отправить».

Шаг 13
Подводим курсор к трем точкам рядом с заголовком поста и в выпадающем окошке выбираем пункт «Закрепить». Соответственно также новость и открепляется, если необходимо.

Шаг 14
Есть один нюанс. Иногда, после того, как открепляешь новость, она уходит далеко вниз ленты, согласно дате создания, и бывает достаточно трудно вновь ее отыскать. Поэтому лучше сразу где-нибудь записать урл закрепленной новости. Для этого надо подвести курсор ко времени создания новости и нажать на ссылку.

Шаг 15
Теперь обновляем главную страницу группы. Наше графическое меню будет вверху соседствовать рядом с аватаром. А при нажатии на картинку, мы попадаем на внутреннюю страницу с меню из пяти пунктов.

Хорошее оформление группы залог успеха, поэтому сегодня мы расскажем вам как красиво оформить группу вконтакте.

Чаще всего сообщества с плохим оформлением, не привлекают целевую аудиторию. Многие группы вк перешли на новый дизайн, который очень привлекательно выглядеть. Давайте-же рассмотрим как красиво и правильно оформить группу «вконтакте»

Пошаговая инструкция как оформить группу вк:

1. Создаём группу.Заходим во вкладку «группы». В правом верхнем углу нажимаем на кнопку «создание группы». Выбираем название и тематику. От правильного названия зависит узнаваемость и поисковые выдачи. Откроется управление сообществом, где меняем ссылку на более подходящую к тематике группы.

2. Если вы хотите, чтобы в группу нельзя было выкладывать контент посторонним пользователям, нужно ограничить доступ. Нажимаем на вкладку разделы и ограничиваем стену, попутно настраивая группу на ваше усмотрение

3. Для установки аватарки, нужно перейти в группу и нажать на «Загрузить фотографию».

Нажимаем выбрать файл и находим нужную нам картинку, (1000 х 700 максимальный размер, 700 х 500 рекомендуемый)

4. как сделать картинку сверху в группе вк: кликам на вкладку действие которая находится справа от надписи «Вы состоите в группе» И нажимаем управление сообществом. Далее загружаем картинку.Размер обложки для пк 1590x400px. В мобильной версии обложка с двух сторон немного обрезана.

5. Обратная связь и контактные данные, очень важно для группы «Интернет магазина». Ваши данные должны быть на виду ибо группа с администратором надежнее чем без него.

6. Вписываем данные, справа есть 4 вкладки, нажимаем на кнопку «Добавить контакт» и вписавшим свои данные. При публикации нажимаем на иконку «От своего имени» и меняем на «От имени сообщества» далее ставим флажок на подписи.

7. Обсуждения. Они нужны для того, чтобы ваш клиент мог написать резюме, или оставить отзыв. Чтобы создать Обсуждения нужно их включить, во вкладке «Разделы». После включения, оно появится в правом боку. Нажимаем «Добавить обсуждение».

Перейдем к настройке. Придумаем заголовок и текст, нажимаем «Создать тему

8. Правильная сортировка фото и видео. Фотографии в сообществе должны быть одинакового размера, идти по порядку, для каждого цикла фото должен быть свой альбом. Для создания альбома нажимаем на кнопку в меню с права «Добавить фотографии». Далее «редактировать альбом». Вписуем название и описание
Это были самые основные разделы оформления группы «вконтакте»

Ниже мы перечислим все то что должно быть в группе вконтакте:

Шапка.
Описание.
Несколько опросов.
Фото альбом.
Видео.
Аудио.
Контакты для связи.
Меню (необязательно, но желательно)
Закрепленный пост с полезной информацией
Товары (не для всех групп)

Как видите быстро и красиво оформить группу вконтакте может каждый. Если у вас есть что добавить пишите в комментариях.

Стильное оформление группы ВК привлекает целевую аудиторию и повышает доверие потенциальных подписчиков. Как задизайнить ее профессионально, читайте в этой статье.

Каждый день во «ВКонтакте» заходит в среднем 23 миллиона пользователей. За исключением поисковика «Яндекс» vk.com - это самый популярный адрес у российских интернет-пользователей. Естественно, за пользователями туда приходит и бизнес. Поэтому за последние пару лет администрация сети добавила с десяток крутых функций для развития бренда в ВК: виджеты, статьи, сторис, меню сообщества. Они помогают рассказывать о себе, находить новую аудиторию и продавать ей, не выходя из сети.

Первое, что оценивает потенциальный подписчик, - это общее оформление группы «Вконтакте». Поэтому миниатюрные аватарки сегодня дополняют масштабными баннерами и обложками, меню и каталоги оформляют в едином стиле, посты и истории стараются сделать узнаваемыми. Оформить группу ВК поможет эта инструкция - мы собрали крутой опыт крупных компаний и сделали на основе их креатива простые шаблоны, которые вы можете использовать в своих сообществах. Для этого достаточно взять свой логотип и открыть Canva.

Аватар

Аватар - это лицо сообщества, с которого начинается оформление группы «ВКонтакте». Обычно это логотип компании или название бренда.

Минимальный размер аватара - 200 на 200 пикселей . Но лучше загружать картинку в 2 раза больше - так вы сохраните качество изображений при сжатии.

Максимальный размер логотипа - до 7000 пикселей каждая сторона . При этом соотношение сторон не больше, чем 5:2, то есть картинка шириной в 200 пикселей должна быть не больше 500 пикселей в высоту, иначе редактор предложит ее обрезать.

Для миниатюры квадратную или прямоугольную картинку придется обрезать до круга, поэтому заранее проследите за тем, чтобы слова или логотип не выходили за его пределы.

Аватар отражает миссию бренда, может содержать важную информацию об услугах компании и призывы к действию. Например, простой и строгий аватар-логотип Vc.ru настраивает на качественную, деловую журналистику, а игривый аватар Adme - на развлечение и отдых. Интересно поступила Высшая школа экономики , объединив академичный логотип с неформальным.

Аватары групп ADME, Высшей школы экономики и vc.ru

Если хотите создать ощущение элегантности и красоты, а стильного логотипа пока нет рекомендуем шаблон . Новой кафешке поможет заявить о себе шаблон . Еще один визуально простой и лаконичный шаблон - : треугольники и степлеры с аватарки можно использовать в оформлении группы ВК в целом - например, в постах и сторис, чтобы создать единый стиль.

Использовать этот шаблон

Дата публикации: 27-03-2019 1553

ВКонтакте - пожалуй, самая популярная социальная сеть в России и ближнем зарубежье. Насчитывая более 460 миллионов зарегистрированных пользователей, ВК является одной из основных платформ как для интернет-коммуникации между людьми, так и для ведения сетевого маркетинга.

Многие компании имеют официальные страницы Вконтакте, через которые осуществляют продвижение своего бренда и товаров. Ведение групп и само по себе может приносить доход, например, с размещения рекламы. Единое правило: чем больше охват группы, тем большую прибыль она приносит, чем больше у сообщества подписчиков, тем выше выгода для его владельца, даже если таковая выражается только в повышении чувства собственной важности.

Повысить количество подписчиков можно многими способами разной степени честности, но без правильного оформления ваше сообщество не привлечет к себе внимания и, соответственно, не получит стабильного притока народа, даже имея самое гениальное содержание, в то время как правильно оформленная группа Вконтакте, пусть и имеющая далекий от идеала контент, может зацепить людей и превратить их в подписчиков одной лишь яркой и запоминающейся оболочкой.

Для того, чтобы представить, как оформить группу в ВК , пошаговая инструкция не требуется. Предлагаемая вашему вниманию статья поможет вам узнать, как красиво оформить группу в ВК бесплатно и с минимальной помощью сторонних сервисов.

При желании вы можете настроить для группы различные виджеты и приложения, многие из которых бесплатны. Например, виджет, приветствующий гостей группы и предлагающий перенаправить их в меню товаров, не только создаст приятное впечатление, но и поможет с навигацией людям, не привыкшим к интерфейсу ВК, а установка на страницу общества приложения-чата поспособствует взаимодействию между подписчиками.

В блоке обсуждений многих групп создается закрытая тема с ответами на часто задаваемые вопросы. Прочитав эту тему, посетитель группы сэкономит много времени и себе, и редактору группы, ответственному за обратную связь.

В блок ссылок можно добавить не только внутренние ссылки, ведущие на другие группы Вконтакте, но и внешние, отсылающие к сторонним интернет-ресурсам. Добавление в этот блок ссылок на необходимые страницы сайта позволит дать посетителю группы способ быстро найти всю нужную информацию, находящуюся на вашем сайте.

Блок контактов должен быть заполнен ссылками на страницы контактных лиц с указанием сферы решаемых ими вопросов для избежания ситуации, когда все вопросы по группе отправляются главному администратору или просто человеку, стоящему в блоке контактов первым.

«Встречают по одежке» - возможно, жестокая, но правдивая народная мудрость. Без грамотного оформления группы Вконтакте о дальнейшем развитии сообщества можно забыть; недаром помощь с оформлением обложки и аватара групп стала источником заработка для многих дизайнеров и художников. Но даже самое яркое и необычное оформление служит лишь для привлечения подписчиков, для того же, чтобы их удержать, необходимо наполнить группу качественным и интересным контентом. Помните, что «провожают по уму».

Несколько советов, как сделать дизайн группы Вконтакте эффективным. Узнайте принципы правильного оформления элементов коммерческого сообщества, чтобы оно стало стабильным источником прибыли для вашего бизнеса.

Вы научитесь правильно ставить задачи на разработку дизайна группы Вконтакте перед своими сотрудниками или фрилансерами. Сможете контролировать процесс работы и оценивать конечный результат не только с эстетической точки зрения, но и с учетом способности созданного оформления конвертировать посетителей в клиентов.

С чего начать работу над дизайном?

Начинайте разрабатывать дизайн группы Вконтакте с определения целевой аудитории , выявления их желаний и потребностей. У вас должны быть четкие представления о том, кому и как вы будете продавать определенный товар или услугу.

Изучите своих конкурентов. Вполне логично, что конкуренты уже прошли этап поиска целевой аудитории. Вам необходимо проанализировать их сайты и группы в социальных сетях. Это поможет определить аудиторию, на которую ориентированы тексты на сайтах ваших конкурентов.

Выявите слабые и сильные стороны вашего предложения по сравнению с представленными на рынке. Выпишите 3-5 преимуществ, которыми обладает ваш бизнес. Это могут быть: бесплатная доставка, гарантия 5 лет, опытные специалисты, широкий ассортимент и т.д.

Составьте ваше торговое предложение , опираясь на исследования целевой аудитории и площадок конкурентов. Это заголовок аватара или обложки группы Вконтакте. Он играет огромную роль в принятии решения о необходимости дальнейшего изучения контента сообщества. Ваше предложение должно четко определять тематику, быть простым и понятным любому посетителю. При его составлении думайте о выгоде клиента, а не о товаре.

Люди не хотят покупать товар/услугу – они хотят получить решение их проблем.

Все это подготовительные этапы, которые обязательно необходимо пройти перед началом работы над дизайном группы Вконтакте. Именно они определяют контент, который нужно разместить на дизайн-макете.

Важные элементы в дизайне групп Вконтакте

С контентом определились, теперь пора узнать рекомендации по оформлению элементов группы. Разберем только самые необходимые: аватар и миниатюру, обложку, баннер для закрепленного поста и меню.

Аватар

Разместите на нем свое торговое предложение, чтобы провоцировать посетителей на совершение целевого действия. Помимо этого, на аватаре должна находиться контактная информация, по которой с Вами можно связаться, изображение товара или тематическая иллюстрация для услуг.

Используйте только качественные изображения и забудьте про клипарты с бесплатных фотостоков. Поиск картинок для эффективного дизайна группы Вконтакте нужно производить на сайтах pinterest.com, freepik.com, flaticon.com или в крайнем случае google.ru. Но лучше подбирать изображения на платных фотостоках. Поисковые запросы вводите только на английском языке. Если испытываете трудности с английским, то смело используйте Гугл переводчик.

А чтобы вам было легче принять верное решение, мы дарим 500 рулей на оформление меню каждому перешедшему по указанной ссылке. Для получения скидки просто укажите код HWC1817-500- menu при отправке заявки.