Как сделать красивую группу в ВК

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

Зачем автоквесту группа «Вконтакте»? Да тут очень просто все) Вот раньше, когда эти самые квесты только появлялись — у игроков для коммуникации был форум.

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

Паблик или группа?

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

Измерить и зафиксировать этот прирост мы не сможем.

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

БАЗОВОЕ ОФОРМЛЕНИЕ ГРУППЫ ВКОНТАКТЕ | 2019/2020 | ГАЙД

Группы позволяют создавать wiki-меню, паблики нет, но они дают делать wiki-страницы и прикреплять их к постам.

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

Что нужно для современного оформления

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

Чек лист:

• обложка группы размером 1590×400
• аватарка группы 400х400 (вообще 200х200, но ВК все равно сожмет и испортит картинку, так что делаем с запасом)
• если группа новая, то постов 5-7 перед запуском, чтобы новому пользователю было что полистать вниз и чтобы группа не смотрелась пустой
• специальный раздел (обсуждение), в котором могут отписаться новички, что им не с кем играть, а хочется (эффективность доказана практикой)
• бонусом шаблоны для картинок постов. Работает так: вставил нужное изображение, сохранил, получил стильную фотку для поста. Если лень морочиться с картинками, то помните, что разные размеры (один прямоугольный, второй квадратный, третий вертикальный и т.д.) приведут вас к визуальному диссонансу. Дело конечно ваше, но смотрится не айс

Обложка группы и динамическая обложка

Да, да мы перешли к основе современного отображения групп «Вконтакте» к обложкам.

Это такая широкая красивая шапка группы, с которой прежде всего контактирует пользователь.

Симпатично смотрится, когда она сливается с фоном (с белым цветом) и не имеет четких границ, но тут как-бы все на откуп дизайнерам.

Динамическая обложка

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

Есть много сервисов, но вот например этот имеет максимальное количество настоек.

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

Да и многим приятно видеть свою аватарку на обложке группы…)

Возможно использование таких виджетов:

Разбирать настройки не будем, сами разберетесь) ну или посмотрите этот видос:

Стоит такое удовольствие в среднем рублей 100 в месяц.

Единственный нюанс, который накладывают динамические обложки — они требуют подгонки дизайна фоновой картинки под используемые виджеты. Чтобы органично смотрелись ваши навороты.

Маленький лайфхак

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

ОБЯЗАТЕЛЬНО смотрите, как ваше новое оформление смотрится с мобильника: это очень важный фактор. 70 процентов пользователей ходит в ВК с телефона.

ВК обрезает обложки по краям примерно процентов по 10 с каждой стороны. Смещайте оформление ближе к центру и тогда не будет казусов например в виде отрезанных первых и последних букв названия проекта.

Аватарка группы

Ваша аватарка — это всего лишь картинка, позволяющая идентифицировать группу в списке прочих.

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

Первое и самое главное — ориентируйтесь на круглую картинку. Ну так уж повелось, что ВК отображает любую вашу аву в форме кружочка. Если вы напишете туда «важный» текст — он будет обрезан.

Ориентируйте свою аватарку на то, что все вокруг круга будет обрезано.

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

Это все НЕ читается и бессмысленно.

Хорошо работают аватарки, дополняющие дизайн обложки или органично сливающиеся с фоном — переходящие в белое.

Название и описание группы

Название вашей группы должно отображать смысловую нагрузку. Если вы хотите, чтобы потенциальные игроки сходу улавливали суть, то добавьте в название группы что-то большее чем название бренда (Encounter, DozoR и т.д.). Добавьте определение происходящего: квест, автоквест, городское ориентирование, экстремальный отдых и т.д.

Якобы хорошее название группы продвигает вас в поиске внутри «Вконтакта», но вспомните себя, много ли вы сами ищите группы в ВК? Тематика у нас с вами специфическая и не зная о ней особо не поищешь.

Пару слов об адресе группы. Адреса: сlub7777 или puplic7777 считаются дурным тоном, придумайте название, созвучное с вашим проектом или передающее смысл.

Ну и наконец описание группы. Подойдите к нему ответственно. Читать, что «это игра с элементами логики и риска» и ничего оригинального немного не айс, шуть-шуть нафталинно.

Напишите подробно, как для школьников:

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

Управление разделами

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

В разделе «ссылки» нужно указать все ссылки на ваши ресурсы:

• телеграмм (юзайте вариации ссылок через: https ://t-do.ru/«юзернейм вашего паблика или адрес чата», в условиях блокировки иначе никак)
• адреса регистрации на игры
• другие соцсети

Делать ссылки на партнерские группы бессмысленно, пользователи по ним не ходят (вспомните себя, вы так делаете?), а ваши собственные уходят куда-то далеко.

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

Тут уже на ваш вкус: если есть крутые фотки — то ставьте их, если у вас настроены «товары», то вполне можно и их. Видосы — да пожалуйста, лишь бы смотрелось классно.

Таких блоков вы можете закрепить два по вашему выбору.

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

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

Важное замечание:

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

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

Дальше

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

Тут надо бы прибраться, вам так не кажется?

Музыку рассортировать по альбомам, альбомам приделать красивые обложки.

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

Кое-что еще

Очень часто приходится видеть открытые стены игровых пабликов. Во что это превращается?

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

Все это отталкивает зашедшего в группу потенциального новичка, ну и просто выглядит, как будто группа заброшена…

Не накручивайте просмотры, репосты и лайки. Целевых результатов вы не получите, максимум почешете свое ЧСВ.

Цифры под постами впечатляют, а в итоге Х…)

Всем хороших групп и активной аудитории))) Не ругайтесь на меня, я не хочу никого обидеть…)

Источник: nightquests.ru

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

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

Прочитав нашу статью, Вы в состоянии будете сделать всё самостоятельно.

Инструкция по оформлению сообщества

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

Создаём баннер

1. Открываем Фотошоп и создаём в этой программе новый документ, размер которого —630х725 пикселей. Заливаем всё белым цветом.
2. Вырезаем два окошка в слое (200х710 и 382х442 px). Именно через эти окна и будет отображаться графическое оформление сообщества. Совмещаем два окна по нижней части.
3. На картинке пишем текст и пункты меню, которые Вы запланировали. В принципе, это и есть ответ на вопрос о том, как оформить меню группы ВКонтакте.
4. Прямоугольник, который мы создали с размером 200х710 пикселей, сохраняем отдельно. Это аватарка Вашей группы или паблика.
5. Левую часть изображения (382х442) мы должны нарезать на парочку частей. Сколько их будет, это зависит от количества пунктов в меню Вашего сообщества.
6. Открываем ВКонтакте в браузере Орбитум или любом другом. Полученные картинки сохраняем и загружаем в альбом Вашей группы.
7. Переходим в «Новости» — «Редактировать» — вкладка «Исходный код». Код, который Вы увидите в нижнем окне, вставляете в «Исходный. «. Изменяем photo на название файла, а также указываем высоту файла. Вручную вставляем url ссылок меню.
8. Для того чтобы Ваши изображения гармонично и правильно совместились, название сообщества должно быть в одну строчку, описание в 10 строк, а url сайта также в одну строку.

Wiki-разметка в помощь

• Если Вы желаете, чтобы меню было текстовым с иконками, тогда код имеет вот такой вид: «[[photo-4499985_138645490]] [http://vkontakte.ru/write18759169|Вопросы к АДМ]»
• Если же Вас интересует конкретно графическое меню, Вам нужен вот такой код: «! [http://yoursite.ru| Навигация] !! [http://yoursite.ru| Навигация]!! [http://yoursite.ru| Навигация]»

• Топ-50 пабликов в Контакте Многие пользователи социальной сети ВКонтакте не могут найти действительно интересные паблики и группы в соцсети самостоятельно. И это не удивительно, ведь среди всего многообразия сообществ есть, как заслуживающие нашего внимания, так и те, которые не представляют из себя чего-нибудь по-настоящему стоящего. Для Вашего же удобства мы разделили Топ-50 лучших пабликов и групп в Контакте на пять категорий.
• Самые популярные группы В Контакте Интересных групп Вконтакте очень много и это факт. Чем бы Вы не интересовались, Вы обязательно сможете найти группу единомышленников. Давайте в этой статье сделаем краткий обзор самых популярных сообществ Вконтакте.
• Рецепты и кулинария в Контакте: стань настоящим поваром! Все мы любим вкусно поесть, но не каждый из нас может похвастаться своими кулинарными способностями. Если Вы хотите научиться вкусно готовить, тогда становитесь участниками кулинарных сообществ в Контакте. Здесь Вы сможете найти массу вкусных рецептов на любой вкус: первых блюд, холодных закусок, изысканных деликатесов и сладких десертов.
• Мода и стиль ВКонтакте: станьте неотразимой! Всегда в курсе событий о последней моде и всегда выглядите на все сто? Если это о Вас, значит, Вы следите за последним писком моды и имеете свой стиль и вкус. Если Вы сомневаетесь в этом утверждении, у Вас есть все шансы стать таким человеком. Теперь мода и стиль В Контакте довольно популярная тема. Существует множество сообществ, которые помогают выглядеть сногсшибательно, ведь Ваш внешний вид – это Ваша визитка.

Источник: yavkontakte.ru

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

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

UPDATE: Так как тема оказалась, довольно-таки популярнои и нужной, решил сделать видео-версию инструкций по оформлению группы:

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

Так как для посетителей своего блога, я уже когда-то создавал группу, то для примера и займемся ее оформлением. При разработке дизайна стоить знать одну главную вещь, ширина всего оформления не должна превышать 370 пикселей. Иначе картинки просто напросто не влезут в блок “Свежих новостей” вконтакте.

Ну что-же приступим =)

Допустим, у нас уже есть готовый дизайн меню, который мы хотим использовать ВК:

Для начала необходимо порезать его на отдельные кусочки. В Photoshop делается это с помощью инструмента Slice Tool. Требуется это для того, чтобы выставить нужные нам ссылки на отдельные картинки с надписями. В моем оформлении, я решил разместить 5 ссылок и две картинки(верхнюю и нижнюю) оставить без ссылок.

Сохраняем наше оформление с помощью File -> Save for Web… После этого в указанном месте автоматически создастся папка images, в которой и будет находится дизайн в виде отдельно порезанных картинок.

Далее, заходим на страничку группы Вконтакте и создаем там отдельный фотоальбом. Назовем его ” Оформление группы” и загрузим туда все картинки из папки images. В моем случае мне пришлось загрузить 7 картинок.

Теперь для удобства рекомендую оставить на одной вкладке альбом с картинками, а в новой вкладке открыть страницу группы и перейти к редактированию блока свежих новостей.

Самая пора приступить к написанию кода для вставки дизайна. Для этого давайте рассмотрим разметку сайта Вконтакте и разберемся c кодом для вставки полной картинки в блок группы.

[[photo-880171_215099744

370x37px;noborder;nopadding;

http://artslab.info]]

“photo-880171_215099744” – id фотографий, найти его можно в строке браузера при просмотре необходимой картинки

“370x37px” – размер картинки в пикселях

“noborder” – отсутствие рамки вокруг изображения

“nopadding” – отсутствие каких-либо отступов от картинки

“http://artslab.info” – ссылка на нужную страницу

Думаю, что все понятно и теперь легко можно составить подходящий код.

Вот что получилось у меня:

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

Чтобы создать новую страницу в группе, необходимо использовать данный код разметки:

Я думаю на этом можно останавливаться, принцип должен быть ясен. Таким образом мы создали вложенную страницу со своим собственным меню.

Как сделать так чтобы меню открывалось в отдельном окне?

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

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

Как создать раскрытое меню и закрепить его в верней части группы/сообщества

Видеоверсия описания:

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

1. Допустим, у нас есть готовое меню вынесенное на отдельную страницу, например: http://vk.com/artslabinfo?w=page-880171_44194106

То есть, меню находиться не в шапке c новостями группы, а на отдельной странице. Для того чтобы создать новую страницу воспользуйтесь кодом:

[[Новая страница|Название страницы]]

Теперь вставим код меню на созданную страницу и скопируем ее id, для того чтобы у нас получилась такая ссылка:

http://vk.com/**моягруппа**?w=page-**айди-страницы**

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

1. Кликаем по дате публикаций нашей записи и затем нажимаем по ссылке “Закрепить”. Обновляем страницу группы. Наслаждаемся результатом.

Готовые меню с кодом

Здесь будут появляться готовые бесплатные меню для Ваших групп с кодом и PSD-исходниками.

1. Деревянная полочка – меню в стиле iBooks

1. Выпадающее меню

1. Плоское меню в стиле Metro

1. Dark Style Menu

1. Меню для групп о спорте

Обновлено 5 октября 2016

О сайте

ArtsLab

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

Источник: artslab.info

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

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

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

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

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

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

Откроется управление сообществом, где меняем ссылку на более подходящую к тематике группы.

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

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

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

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

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

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

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

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

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

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

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

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

Источник: mir-vkontakte.ru