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

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

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

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

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

Баннером, в данном случае, мы назовём аватарку сообщества, а также графическое меню, которые идеально сочетаются друг с другом. Зачастую это одно изображение, которое делится на два блока. Вам потребуется Photoshop. Эту программу Вы сможете скачать с интернета бесплатно. А вот и сама инструкция:

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

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

Если Вы серьёзно интересуетесь тем, как оформить группу ВКонтакте, вам обязательно следует знать, что такая штука, как Wiki-разметка, играет очень большую роль в данном вопросе. Что это вообще такое? Это, скажем так, альтернатива HTML. Как Вы уже могли догадаться, эта разметка также используется при редактировании статей в Википедии. Но сейчас не об этом. 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,

Приветствую! А ну-ка, расскажите мне, многие из вас подумывали над тем, как создать сообщество в контакте и монетизировать это предприятие? Уверен, что среди вас найдутся те, кто пытался стать владельцем прибыльной группы в социальной сети, возможно, даже наполнял ее контентом, занимался оформлением, но так и не добился популярности своего детища, не сумел раскрутить его. Именно поэтому я решил посвятить сегодняшнюю статью тому, как раскрутить группу в контакте с нуля. Из моего обзора вы почерпнете много интересной информации, узнаете о том, что нужно делать, чтобы группа процветала . Все советы будут практическими , и вы сразу сможете применить их, не откладывая в долгий ящик под названием «Завтра».

Для чего мы это делаем

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

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

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

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

Socelin для накрутки качественных подписчиков в паблик

Подробная инструкция по созданию сообщества от А до Ю

Создаем группу вконтакте с нуля

Настраиваем группу

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

Раскрути страницы и паблики VK с помощью Brobot

Оформление

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

1. Загрузите фото (аватарку) в свое сообщество . Примите во внимание, что параметры фото должны быть 200*500 . Отредактируйте фото и миниатюру, а затем сохраните результат.
2. Загрузите ссылки , ведущие на ваш сайт или другое тематическое сообщество. Не забудьте оставить своим подписчикам свой скайп, ссылку на чат в телеграмме, на страницу в инстаграмме и ютуб-канале. Отредактируйте все названия и сохраните.
3. Если вы действительно заинтересованы в том, как создать популярную группу в контакте, то не игнорируйте такой важный момент как «Свежие новости ». Регулярно редактируйте этот блок, не пренебрегайте важностью шрифтов. Прежде, чем сохранить полученный результат, делайте предпросмотр страницы.
4. В разделе «Обсуждения » добавляйте новые темы, которые будут полезны вашим читателям.
   
5. Добавляйте в свой проект видеозаписи . Очень здорово, если видео будут сняты вами и размещены на ютубе. Таким образом вы увеличите трафик на канале.
6. Выполняя , помните о том, что продажа товаров в ней будет эффективной лишь при условии добротного ведения «Альбомов фотографии» . Загружайте фото высокого качества, делайте детальное описание продаваемого продукта, под каждым фото указывайте цену на товар и ссылку на продавца (администратора или менеджера).
7. В раздел «Документы » вы можете загрузить полезные инструкции и мануалы . Владельцы интернет-магазинов могут держать в этом разделе прайсы или перечни предоставляемых услуг, например.
8. Не забывайте о регулярных интерактивах со своими подписчиками . Проводите несколько раз в неделю опросы, призывайте народ высказывать свои мнения в комментариях. Очень хорошо при расширении аудитории группы использовать акции и конкурсы . Их можно проводить раз в месяц, например.
9. Для тех, кто планирует заняться коммерцией в своей группе, нужно позаботиться о добавлении в нее товаров с четким названием и детальным описанием . Помните о том, что спрос на товар будет зависеть от того, насколько привлекательным будет фото этого продукта. У каждого товара должна быть адекватная цена , которую так же необходимо указывать. Не забывайте и том, чтобы указать кому/куда платить за заказ, в какой форме происходит оплата, как и куда осуществляется доставка, а также какие гарантии вы даете своим клиентам (доставка наложенным платежом, возможность обмена).
10. По желанию вы можете изменить группу и сделать из нее публичную страницу. Если вы не знаете, в чем разница между пабликом и группой, советую вам прочесть отдельную статью, посвященную данному вопросу.
11. Создайте в группе удобное меню , упростите навигацию. Чтобы сделать баннер и вики меню в сообществе я обратился к спецам в этой теме, если она понадобится, спрашивайте в комментариях или пишите в личку - скину парочку ребят, которые этим занимаются. Я решил не тратить время, делая ее самостоятельно, но мануалов и статей на тему, как сделать эти действия самому в интернете много. Можете воспользоваться поисковиком и проверить.
12. Ну и, конечно же, позаботьтесь о качестве контента . Учтите, что в группе коммерческие посты должны быть с фотографиями и составлять не более 50% от всего публикуемого вами материала. Чтобы число подписчиков росло, уделите внимание постам с увлекательной информацией, не забывайте, что людей влечет веселье и хорошее чувство юмора. Более привлекательной является информация, которая представлена в виде изображений .
    
13. Чтобы клиенты больше вам доверяли и, как следствие, советовали своим друзьям и знакомым, предоставьте им возможность оставлять свои отзывы о вашей работе . Для этого можно создать соответствующую тему в разделе «Обсуждения». Постоянным клиентам предлагайте скидки и делайте небольшие подарки и бонусы .

Собери целевую аудиторию для бизнеса с Pepper.ninja

Как управлять группой?

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

1. «Информация », где в любой момент сможете отредактировать описание название и другие поля;
2. «Участники », в которой содержится полный список всех подписчиков группы;
3. «Руководители ». Здесь вы можете добавлять новых или изменить права доступа имеющимся администраторам и редакторам сообщества;
4. «Черный список » — место, где можно заблокировать ненужных подписчиков или злостных нарушителей правил вашей группы;
5. «Ссылки »;
6. «Статистика сообщества ». Эта категория одна из самых важных и содержит данные о:

• Посещаемости группы – количестве уникальных посетителей, просмотрах, особенностях (возраст, географическое расположение, пол) аудитории, которая интересуется вашей группой;
• Охвате аудитории , которая просматривает записи вашего сообщества в разделе «Мои Новости», и данные о ваших подписчиках;
• Активности – действиях подписчиков, репостах ваших записей и реакциях прочих пользователей социальной сети на эти данные.

Тема этой статьи — новый дизайн ВКонтакте. Снова поменялось , теперь можно установить горизонтальную обложку в группе. Оформление вашего сообщества ВК с такой шапкой намного интереснее. Откровенно говоря, здесь не требуются знания Photoshop. А можно без особых навыков сделать красивую картинку даже в PowerPoint, Fotor, Canva, Pixlr Editor.

Перейдя в группу можно заметить, что в тех группах стали видны кнопки «Закрепленная запись», «Информация» и «Жмите меню». А раньше они были скрыты. Естественно, всё оформление групп сразу поехало.

Загрузка новой обложки

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

Затем кликаем на последнюю, и загружаем новую обложку группы ВКонтакте. Вот тут и можно понять, что файл загрузки может быть любой величины! Но не меньше, чем размер 1590×400 px. Создаем прототип обложки в любом редакторе. Далее мы можем выделить и сохранить ту область, которая соответствует требованиям ВК. Вот подсказка, где найти изображение для обложки, каким редактором воспользоваться, чтобы

Чем интересен новый дизайн ВКонтакте?

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

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

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

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

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

Как сделать обложку группы Вконтакте онлайн

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

P.S. Надеюсь эта информация Вам пригодится.

P.S.S. Включайте свою креативность и удачи Вам во всех начинаниях!