Оформление группы вконтакте примеры. Как оформить группу в контакте и создать раскрывающееся графическое меню

Привет, друзья!

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

Что входит в оформление?

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

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

Аватарка

Давайте отдельно рассмотрим каждый элемент оформления сообщества. Начнем с аватарки. Зачастую этим элементом многие пренебрегают и это сказывается и других элементах.

Аватарка — это по сути первое, что видит человек в поиске и когда он заходит к вам в сообщество. На аватарке обязательно надо изобразить то, чем вы занимаетесь (если вы продаете товары), если же вы бренд, то вас узнают и так, но в большинстве случаев надо изобразить именно свои услуги либо товары.

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

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

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

В среднем на оформление обоих элементов может уйти сутки-двое. Это я беру с запасом. Можете посчитать сколько вы можете зарабатывать сами на этом. Так вот вернусь к обучению. Вот собственно сам курс о котором идет речь: http://www.1day1step.ru/design.php . Цены там вполне себе адекватные на обучение, а отбить можно после 2 клиентов.

Меню сообщества

Теперь давайте о меню сообщества. Строится меню на дизайне и так называемой вики-разметке. Этому тоже можно обучиться и научиться.

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

Меню как и аватарка сразу же бросаются пользователям и новым клиентам. И если оно грамотно оформлено, то оно побуждает людей вступить в группу и в дальнейшем сделать заказ.

Брендированные посты

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

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

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

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

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

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

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

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

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

Не забрасывайте наполнений контактной информации и по возможности впишите в нее максимальное количество данных. Контактную информацию можно условно разделить на «Контакты» и «Ссылки».

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

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

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

Три вида сообществ — группа, публичная страница и мероприятие

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

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

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

На заметку! Прикрепляйте к записям изображения с логотипом своей группы, сформируйте витиеватую сетку тегов. Можно даже создать постоянные рубрики в стиле «Новости недели» или «Минутка юмора».

Не отходите от разработанного стиля и не ленитесь уделять время оформлению каждого поста.

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

Вот еще несколько маленьких советов по созданию красоты в группе Вконтакте:

Видео — Дизайн группы Вконтакте

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

Как оформить группу в контакте

Создание красивого баннера

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

Этап 1

Открываем программу photoshop и создаем в ней новый документ, который должен иметь размер 630х725 пикселей. Затем этот документ заливаем белым цветом. После этого в слое вырезаем два окна. Через эти окна и будет проглядывать графическое оформление нашей группы. Для начала выделим прямоугольник размером 200х710 пикселей и нажимаем кнопку Del. Выделяем следующий прямоугольник размером 382х442, совмещаем оба прямоугольника по низу и нажимаем кнопку Del.

Этап 2

Под созданным слоем располагаем графическое оформление нашей группы. Удобней всего будет заранее на картинке с основным фоном написать требуемый текст и создать несколько пунктов меню.

Этап 3

Теперь правый прямоугольник размером 200х710 пикселя сохраняем как отдельную картинку. Мы получили полностью готовое изображение для оформления нашей группы. Его следует загружать в блок, находящийся в правом верхнем углу группы, там вы найдете кнопку «Загрузить фотографию».

Что делаем с левой картинкой? Левую картинку нарезаем на несколько частей в зависимости от количества пунктов меню. Например, если у нас 5 пунктов меню, то в итоге мы получаем 5 картинок имеющих ширину 382 пикселя и высоту не меньше 50 пикселей.

Этап 4

Полученные 5 картинок загружаем в альбом группы: Мои фотографии - Мои альбомы - Добавить фотографии. После этого переходим на страничку группы и выбираем специальный блок «Новости», который можно переименовать в «Меню группы». Нажимаем кнопку «редактировать».

Этап 5

Переходим на вкладку «Исходный код». Код, расположенный в нижнем окошке следует скопировать и вставить в «исходный код». В коде меняем photo на названия файлов и указываем высоту файла (ширина 382 пикселя). Затем вставляем url ссылок меню. Имя для файла берем из альбома. Открытая картинка имеет примерно такой http://vkontakte.ru/photo7236095_23453800. Все, что идет после photo, является названием картинки.

Этап 6

Для того, чтобы картинки идеально совместились, название группы должно быть в одну строку, описание в десять строк, а url веб-сайта в одну строку.

Wiki-разметка Вконтакте

Как оформить группу Вконтакте с помощью wiki-разметки

Что такое wiki-разметка?

Wiki-разметкой называется система редактирования страниц, аналог HTML. Кроме социальной сети Вконтакте, wiki-разметка используется для редактирования статей в Википедии. Wiki-разметка намного проще html и разобраться в ней несложно даже новичку.

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

Как оформить группу Вконтакте, оформление меню

Текстовое меню с иконками

Код для данного меню будет иметь такой вид:

Код начинается и заканчивается с помощью тегов. Каждая иконка имеет вид [] и текст описания.

Графическое меню

Код для данного меню выглядит так:

! !! !!

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

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

Чтобы вы сразу поняли о чем идет речь – выкладываю пример оформленной группы:

Если в 2-х словах, то в графическом редакторе (том же эдоб фотошоп) создаются в 2 картинки. Одна из них нарезается на несколько фрагментов и с помощью вики разметки вконтакте проставляются ссылки. Если не испугались этих страшных слов – я продолжу.

Шаг 1 . В графическом редакторе (лучше всего использовать adobe photoshop) нужно создать документ размером 630 на 725 пикселей. Далее в первом слое вырезаем 2 окна, которые и будут являться меню и аватаркой. Первым делом выделаем прямоугольник размером 200 на 500 пикселей и нажимаем клавишу DEL.
__________________
Сразу оговорюсь, что в уроках на других сайтах вы можете найти советы, где говорят о том, что обрезать нужно прямоугольник размером 200*710. ЭТО НЕ ПРАВИЛЬНО. Сейчас в социальной сети вконтакте есть ограничение на высоту авы и в случае использования высоты в 710 px – она получится обрезанной.

__________________

Теперь вырезаем меню – еще один прямоугольник размером 382 на 232 и жмем также клавишу “делит”. Прямоугольники должны быть соединены внизу.

Заготовка готова.

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

Шаг 3 . Правый прямоугольник можно сохранять. Не забывайте про размер 200 на 500. Это готовая аватарка для вашей группы. Можете сразу загрузить ее в правом верхнем углу группы/паблика.

Что касается прямоугольника с размеченными пунктами меню, то его нужно будет нарезать на несколько картинок (в данном случае 5). Ширина 382, а вот высота рассчитывается индивидуально, но должна быть не менее 50 пикселей.

Шаг 4 . Теперь нужно 5 получившихся фото загрузить в альбом сообщества.

Как только дело сделано – нужно взяться за редактирования блока новостей в группе. Переходим в “свежие новости” и жмем на кнопку “редактировать”

У вас в настройках группы должны быть открытыми фотоальбомы и документы. Это важно, так как без этого вы не сможете загрузить фото и сделать меню.

Шаг 5 . Во вкладке “редактирование” вставляем cследующий код:
[]
[]
[]
[]
[]

Начинаем его править.
photo – представление ссылки на фотографию. Откройте одну из 5 загруженных вами фото с меню группы и в строке браузера в увидите что-то вроде этого –
http://vk.com/photo72120765_272239411

72120765_272239411 – и есть тот самый необходимый код фотографии. Можно просто использовать имя файла.

Шаг 6 . Необходимо совместить картинки от аватарки меню, если они разъехались. Для этого нужно сделать 3 вещи:
Название группы должно быть в одну строчку
Описание в 10 строк (тут иногда нужен подгон)
Вебсайт также в одну строчку.

Вот что примерно должно у вас получиться:

Как видите, сделать оформление для группы вконтакте совсем несложно. Если у вас есть вопросы – задавайте их в комментариях, а если не хотите “париться” – вам прямая дорога на фриланс.

Создание оформления, описанного в данной статье обойдется Вам в 15-25 у.е.

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

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

Схема, как красиво и правильно оформить группу в ВК.

Схему мы можете посмотреть вживую по ссылке .

1. Аватарка.
Основной графический элемент группы. Его структура может быть различной в зависимости от тематики группы. Один из примеров, подходящий для продающей группы показан на схеме. Ключевые рекомендации по оформлению аватарки:
А) Передача сути. Основная цель аватарки – передать ключевые особенности группы, рассказать, о чем и для кого она. В этом вам поможет не только сама картинка, но и надписи текстом. Однако текста желательно делать, как можно меньше.
Б) Качественное изображение. Графика должна быть качественной и красивой, но не более того. Аватарка не должна чрезмерно отвлекать от основного содержания.
В) Используйте все возможное пространство. Максимальный размер аватары на выходе 200 на 449, меньше делать не желательно. Если делаете больше, то сохраняйте пропорции.

2. Статус группы.
Несмотря на то, что это сравнительно небольшой по объему элемент страницы, он достаточно важен. В статусе необходимо кратко передать самую значимую информацию о вашей группе. Максимальный объем статуса 140 симв.
Старайтесь сделать статус максимально понятным и локаничным. Используйте иконки. Коды иконок для вставки можно найти, к примеру, .
Примеры кодов иконок для продающих групп:
Телефон — код: _9742;
Значок отправить сообщение код: _9993;
Указатель — код: _128073; или код: _10145;

3. Описание группы с меню или закрепленный пост.
Под статусом в самом центре страницы располагается основное содержимое. Существует 2 основных варианта, что может находиться в содержимом. Это описание группы с меню и закрепленный пост со стены.
Меню довольно удобно в плане навигации, но требует дополнительного клика для разворота, поэтому подробно на создании меню для группы мы останавливаться не будем. Материалов по теме wiki разметки в сети предостаточно.
Для компьютерной версии группы основным на наш взгляд содержанием лучше сделать закрепленный пост, поскольку он может занять всю полезную площадь, достаточно удобен и не требует дополнительных кликов от пользователя.
Общие рекомендации по созданию закрепленного поста:
А. Основной текст должен быть максимально удобен для чтения. Активно используйте иконки и значки.
Б. Общая высота закрепленного поста – не должна выходить за нижнюю границу аватарки. Опытным путем можно подобрать оптимальный объем текстового контента.
В. Рекомендованный размер прикрепленной картинки 395 на 289. Эти размеры оптимальны для размещения в ней ключевой информации.

Кроме основных элементов, существует также и другие не менее значимые, а именно: стена группы, обсуждения, альбомы, видео, документы и контакты .
Эти элементы по сути – контент группы . Контент – это основное из-за чего посетитель подписывается на группу. Оформление контента следует производить согласно основному стилю группы. Но не так важно, оформление, сколько содержание самого контета.
Если группа пустая и кроме оформления не содержит ничего ценного на нее вряд ли кто-то подпишется. Подробно о контенте мы в данной статье писать не будем. Статья, о том как красиво и правильно оформить группу вконтакте. Если вам понадобиться помощь в написании контента, вы можете обратиться к нам в рамках услуги “ ”
На этом по оформлению групп на сегодня у вас пока все. Свои вопросы по статье пишите в комментариях ниже.
По вопросам заказа услуг пишите в icq 275129,