Содержание

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

Всем привет, дорогие читатели блог in4wp.ru . Я продолжаю свою тему про SMM – на самом деле, тут не все так сложно, как кажется, да и изучать тут особо нечего. Ваш профессионализм полностью зависит от практики. Ну да ладно, сегодня мы с вами поговорим о красоте ваших групп, о красоте меню в ваших группах и о том, как меню и сами группы красиво оформить причем своими руками, т.е. бесплатно!

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

НУ что же, поехали составлять оформлять меню для групп вконтакте?

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

Да, именно самостоятельно, ведь после прочтения данной статьи, вам не понадобятся услуги фрилансеров. Хотя это дело не дорогое, за 1500 вам смогут сделать сделать меню на workzila (подробный опыт о работе с этой биржей я писал тут).

Так вот, что нам потребуется для оформления группы в вк:

1. Макет (графическое расположение элементов) – мы ведь должны знать где что должно находиться.

2. Базовые знания wiki-разметки. (о самых самых стандартных вещах мы поговорим чуть ниже, а для подробного изучения – рекомендую [urlspan]эту группу[/urlspan]).

3. Базовые навыки работы с фотошопом. Нужно будет вырезать куски макета нужного размера.

Вот и всё. Ну а теперь, я рекомендую перейти непосредственно к практике.

Где брать макеты для меню?

Макеты для оформления меню вконтакте можно брать разными способами, например:

1. На фрилансе или томже Workzilla.

2. Можно создать самому, если у вас есть навыки работы с фотошопом. Если нет – рекомендую курсы [urlspan]Евгения Попова[/urlspan] , вот один из них, как раз по Фотошопу – [urlspan]кликай[/urlspan].

3. Можно загуглить и скачать уже готовые. Поверьте, таких не мало.

Ну с другой стороны… Зачем гуглить? Просто подпишитесь на обновления моего сайта. И покликайте по кнопкам соц сетей ниже.

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

Главное условия – быть подписчиком и пройтись по соц кнопкам.!

[sociallocker]
Спасибо. Теперь вы можете скачать архив [urlspan]по этой ссылке[/urlspan].

Не забудьте пройтись по остальным соц кнопкам.
[/sociallocker]

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

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

размеры картинок для аватаркиКак видите, в группе для аватарки нужен размер 200 в ширину и 500 пикселей в высоту. А для картинки основного меню – 395 пикселей ширины и 289 пикселей высоты.

Вот, в принципе и все что нужно. Есть макеты, есть понимание размеров.

Творческая часть закончилась – осталось дело за малым. Начинаем техническую часть всего процесса создания меню для групп.

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

Итак, у нас есть макеты дизайна группы. Сейчас нужно вырезать нужные части.

Для аватара группы, конечно ничего не нужно. Вырезаем нужную часть из макета или картинки – и вставили в группу. Думаю, вставить вы уже и сами сможете? Ну, я на это надеюсь. Если нет – пишите комментарии, я добавлю этот раздел в статью.

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

Сначала немного ликбеза.

Чем отличается меню группы от меню паблика?

Отличаются они тем, что меню группы – это уже и есть по сути набор кнопок. Но это меню всегда скрыто! Всегда! А меню паблика – всегда открыто и по сути – это закрепленный пост-ссылка, ведущий на страницу с разделами самого меню (кнопками).

Итак, еще раз: в группе – чтобы увидеть меню , нужно нажать на кнопку “Меню группы” , по-умолчанию эта кнопка называется “Свежие новости”.

меню группы в вкА в паблике (в группе, кстати, тоже можно) – меню – всегда открыто. открытое меню группы в вкНо эта картинка – это одна большая и красивая ссылка, которая ведет на более крупной отдельное меню. Вот: меню группы во вконтакте
Эта картинка-кнопка на меню создается через закрепленный пост. Это просто пост в группе, который мы закрепляем навсегда! Этот пост-ссылка ведет на отдельную страницу, которую мы нежно, предварительно создадим.

Как создать отдельную страницу для меню вконтакте

Чтобы создать страницу для будущего меню (навигации) – нужно отправить запрос в вк следующий:

http://vk.com/pages?oid=-XXX&p=YYY

где XXX – номер группы, YYY – название страницы (здесь все знаки вопросов и тире обязательны).

Причем название рекомендую делать нормальным, привлекательным и осмысленным, потому что оно будет светиться и люди будут складывать о вас и вашей группе определенное впечатление по этому названию. Например “Навигация” или “Меню группы” – это нормальные названия, но вроде банальные. Используйте свою фантазию.

Я ввёл следующий запрос

http://vk.com/pages?oid=-97062010&p=навигация

И у меня открылась сразу созданная страница с возможностью её редактирования.

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

[note]Кстати, расскажу секрет, если у вас группа (а не паблик) – стандартное меню, которое уже есть по умолчанию – оно уже само по себе – страница. Так что можно его и использовать, если будут проблемы с созданием дополнительных страниц.[/note]

Как делать закрепленный пост в группе или паблике

Да, и в любом типе сообщества закрепленный пост создается одинаково! Делается всё очень просто.

Как только пост опубликован – нажимаем на дату публикации.

меню оформление паблика вкИ в появившемся окне нажимаем кнопку “Закрепить” – все просто! меню оформление группы вкМногие группы, кстати, используют закрепленные посты как объявления. Если время актуальности этого объявления прошло – вы просто нажимаете опять на дату публикации и на кнопку “Открепить”.

На самом деле все сейчас используют именно этот способ меню.

Угадайте почему?

Так, мы уже умеем создавать страницы и закреплять посты. Круто. Возвращаемся к нашим баранам макетам.

Нарезка макета для оформления группы или паблика

Так, для аватарки всё понятно, мы тут ничего не нарезаем. Мы создали картинку нужного размера и залили её в ВК. Всё. С аватаркой для группы мы закончили!

Теперь меню.

Для примера я взял меню из [urlspan]этой группы[/urlspan]. Я его делал сам, и до сих пор имею к нему доступ, поэтому даже могу показать код страниц.

Итак, как основную картинку для меню сделать вы уже в курсе – это просто закрепленный пост.

Нажимаем на меню, видим картинку.

картинка для меню группы
Нам нужно выделить “кликабельные” зоны.

т.е. выделить сами кнопки. Давайте я выделю эти зоны для вас красными линиями.

разделили меню на картинкиУ нас получается сколько? 5 картинок. И не каждая из картинок будет кнопкой!! Как видим верхняя большая картинка – это не кнопка, а сама по себе…

Так, мы по этим линиям вырезали картинки. Теперь нужно из “залить” в ВК.

Если вы создавали для меню отдельную страницу, то нажимайте на кнопку “Наполнить содержимым” на только что созданной странице.

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

И, чтобы между картинками не было отступов – вписать тег “nopadding”, выглядеть это должно вот так:

[[photo6230191_313682566|607x418px;nopadding| ]]

После этого на нужные картинки нужно поставить ссылки.

Как создавать отдельные страницы – вы уже знаете. Теперь нужно грамотно вписать эти ссылки.

Не буду сильно мучать. Вот как я вставил ссылки на страницы в ВК:

[[photo6230191_313682327|195x106px;nopadding|page-58190479_45419120]]

вот это вот page-58190479_45419120 – это адрес самой страницы вконтакте, вы этот идентификатор найдете в адресной строке вашего браузера.

кнопки в меню вк
Вот и всё 🙂 Правда не сложно?

Вот что получилось в коде у меня в итоге. Если у вас нечто подобное – значит всё в порядке.

код меню в вкЕсли у вас с каким-то из пунктов возникли проблемы – прошу, обращайтесь. Буду рад помочь.

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

prospero | sociate | socialtools

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

[bye]

Оформление группы ВКонтакте: как сделать сообщество красивым

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

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

Размеры и соотношения сторон картинок

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

Установка изображения на аватар ВКонтакте

Автоматическая обрезка краев картинки при загрузке

А что про размеры основных элементов? Это примерные цифры, но на них можно ориентироваться, разрабатывая дизайн для группы:

  • аватар: соотношение от 1 : 1 до 2 : 5, от 200 х 200 до 200 х 500 пикселей;
  • ширина картинок в ленте: 510 пикселей, высота зависит от того, хотите вы квадратное или прямоугольное изображение;
  • для меню лучше использовать такую картинку, чтобы ее нижний край заканчивался на одной прямой с аватаркой. Если для аватара выбрано соотношение 2 : 5, в меню должно быть фото с высотой 308 px;
  • обложки к статьям автоматически обрезаются до размера 510 х 286 px;
  • картинки, которые появляются при вставке ссылки, кадрируются до габаритов 537 х 240 пикселей;
  • для товаров в магазине используйте квадратные фотографии с шириной 1000 px;
  • обложка к шапке — 1590 х 400, в мобильной версии обрезается.

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

Избавляемся от сжатия изображений

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

Запись ВКонтакте с текстом на картинке

Пикселизация при загрузке изображения с текстом

Избавиться от этого неприятного эффекта можно, увеличив исходник примерно вдвое. То есть, загрузив картинку шириной не 510, а 1020 пикселей и больше. Файл все равно ужимается, но на таких масштабах это не так заметно, а пикселизация практически не видна. Еще один прием — выбирать изображения со светлым или белым фоном, на которых не так заметны проявившиеся пиксели.

Оформление шапки страницы

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

Там можно настроить:

  • название сообщества;
  • короткий адрес;
  • обложку — большую картинку в самом верху страницы;
  • описание группы.

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

«Основная информация» настроек группы ВКонтакте

Заполнение главных сведений о сообществе
  • Название. Желательно, чтобы оно отражало суть страницы. Если вы интернет-магазин или группа, предоставляющая какие-нибудь услуги, укажите тематические слова после основного названия. Само имя сообщества стоит делать коротким, броским и запоминающимся: это пойдет на пользу личному бренду и поможет сделать вас узнаваемым. Если ничего подходящего сходу не придумывается, не волнуйтесь: название можно будет изменить впоследствии.
  • Описание. Грамотно и интересно описать свой паблик — отдельная задача. В несколько строк вам понадобится уместить:
  • основные сведения о себе, товаре или услуге, которые вы предоставляете;
  • контакты и способы заказа, если вы коммерческая компания;
  • ссылки на другие ресурсы, если они есть;
  • текст, привлекающий целевую аудиторию и интригующий ее.

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

Описание сообщества ВКонтакте

Пример интригующей затравки в описании

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

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

На большой фотографии можно указать:

  • телефоны и электронные адреса;
  • логотип бренда;
  • краткие сведения;
  • информацию об акциях или конкурсах.

Вдобавок это отличное украшение страницы. Шаблон обложки имеет размер 1590 на 400 пикселей; если изображение более широкое, ВКонтакте предложит обрезать ее в соответствии с нужными габаритами. Можно и нужно выбирать более крупные фотографии, чтобы избежать серьезных потерь в качестве.

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

  • Динамические и живые обложки. В первом случае участок обложки анимирован или изменяется в зависимости от ситуации, во втором вместо изображения добавлено видео или гиф-анимация. Это можно сделать только для мобильной версии. Подобный способ оформления интересен и обращает на себя внимание людей, но не забывайте про трафик: не у всех посетителей страницы безлимитный интернет. Загружаются такие шапки в том же разделе, что и обычные.
  • Короткая ссылка. Это удобный способ уникализировать паблик, с помощью которого вас можно будет найти, не запоминая длинный ID страницы. Сделать короткий URL можно средствами самого ВКонтакте: просто укажите адрес в соответствующем поле в настройках. Он не должен повторять уже существующие и содержать некоторые специальные символы, а также кириллицу. Латинскими буквами можно писать что угодно.

Аватар сообщества

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

  • Миниатюра. Большую часть времени изображение показывается в миниатюре, и это нужно учитывать при размещении на нем элементов:
  • очертания должны быть заметные, объекты — крупные, потому что мелких деталей будет попросту не видно;
  • желательно использовать текст, но по определенным правилам: буквы крупные, надпись целиком помещается в миниатюру и хорошо на ней видна.

Текст и буквы на аватарках групп ВКонтакте

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

Список групп ВКонтакте с ярким дизайном аватара

Примеры аватарок с проработанным цветовым оформлением
  • Информация. На аватарку можно помещать короткие сообщения об акциях, грядущих мероприятиях, ивентах и конкурсах. Они должны быть максимально сжатыми: желательно уложиться в 2–3 слова, чтобы на небольшой картинке хватило места, а надпись была видна даже на миниатюре и не оставляла у пользователя вопросов. Там же можно указать номер телефона или ключевые преимущества компании.

Слитные аватар и меню группы

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

  1. Откройте в редакторе изображение, которое хотите разрезать, выделите в нем участки для меню и аватара.
  2. Чтобы одна картинка перетекала в другую, между блоками нужно сделать «пробел» шириной в 50 пикселей: так блок меню начнется не в том же месте, где прервалась аватарка, а чуть сбоку, как будто часть изображения продолжается под интерфейсом соцсети.
  3. Можете поискать в Сети шаблоны, программы и приложения, способные самостоятельно генерировать слитные оформления. Но лучше научиться делать их своими руками.

Виджеты и дополнения

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

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

Виджеты сообществ ВКонтакте

Список полезных дополнений для группы

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

Изображения к контенту: как оформить

Всем известно, что главное в SMM и ведении профиля в соцсети — контент. Без качественного наполнения даже красиво оформленная группа не будет продвигаться и расти, но и к записям предъявляются свои требования. Например, посты, к которым не прикреплена картинка, читают хуже, у них меньше видимость, их реже замечают в ленте. Здесь, кроме базовых правил (высокое разрешение изображения, отсутствие перегруженности), есть свои особенности.

Картинки с текстом.

  • Используйте затемнение или осветление, если планируете разместить на картинке текст. Так буквы будут более читаемыми, а само изображение не отвлечет читателя от текстового содержимого.
  • Можете создать на фото область другого, контрастного цвета и поместить надпись поверх нее, чтобы она не сливалась с элементами картинки. Хорошо работает разделение фотографии на две части в графическом редакторе.
  • Еще один вариант — подсветка каждой строчки по отдельности. Это работает не для всех вариантов стиля, но, как правило, смотрится хорошо.
  • По аналогии с затемнением или осветлением можно использовать размытие. Сам текст можно подсветить или добавить туда тень с помощью редакторов.
  • Хороший выбор — изначально выбирать картинки, где есть место для размещения текста: например, большой однотонный участок. Так редактирование фото сведется к минимуму.
  • Ватермарки. Если вы создаете авторский контент, его лучше обезопасить от присвоения авторства. Это помогают сделать «водяные знаки» с вашей символикой: так, даже если картинку опубликуют в другом паблике, по вашим опознавательным знакам легко будет догадаться, что это вы. Ватермарк в таких случаях может работать как еще один способ рекламы, особенно если вы делаете что-то популярное: рисуете или фотографируете, создаете коллажи.
  • Источники. Чтобы находить красивые фотографии, платить необязательно. Существует множество сервисов бесплатных стоковых фото, таких как Picrew, Pexels, Freestockimages. У многих есть русскоязычный интерфейс и поиск по картинкам: найти подходящую будет несложно, пользоваться ими можно с указанием автора исходника.

Результаты поиска в сервисе Pexels

Бесплатный фотосток для поиска картинок
  • Редакторы. Photoshop — сложный инструмент, и не каждый владелец паблика ВКонтакте умеет с ним работать. Для тех, кто хочет редактировать фото, но не может воспользоваться профессиональным редактором, существует большое количество более простых программ и онлайн-сервисов. Никто не предлагает вам пользоваться Paint: есть приложения, специально заточенные под обработку фото для соцсетей. Например, Canva, Photor и другие.

Инструмент статей и редактирование

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

Окно создания нового поста ВКонтакте

Буква «Т» для перехода в редактор статей

Форматирование публикаций:

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

Редактор для создания статей ВКонтаке

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

Окно форматирования в инструменте статей ВКонтакте

Выбор варианта оформления для текста статьи
  • Если вы перейдете курсором на пустой абзац, появится кнопка с плюсом. Нажав на нее, можно добавить в тело статьи изображение, видео или аудиозапись, GIF-анимацию, прикрепить товар или создать опрос. Последний вариант — три звездочки, отбивка блока текста.

Окно вставки нового элемента в статью ВКонтакте

Вставка изображения, видео, музыки и других дополнений
  • Вики-разметка групп ВКонтакте

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

  • ВКонтакте предоставляет собственный редактор для создания таких лонгридов. Для перехода к нему и оформления статьи можно скопировать в адресную строку текст https://vk.com/pages?oid=-N&p=Нaзвание и подставить вместо «Название» имя будущего лонгрида, а вместо N — идентификатор вашей группы.

Пустое окно страницы с вики-разметкой ВКонтакте

Начало создания страницы в редакторе с поддержкой разметки
  • Редактор похож на окна редактирования текста в популярных CMS. Одна из особенно важных функций — переход в режим кода. Это делается по кнопке в правом верхнем углу окошка.

Окно редактора вики-страниц сообществ ВКонтакте

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

Навигационное меню

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

У обоих подходов есть плюсы и минусы:

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

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

Теги

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

Содержание:

  1. Шаг 1 — создание сообщества.
  2. Шаг 2 — вид сообщества.
  3. Шаг 3 — оформление.
  4. Шаг 4 — описание сообщества.
  5. Шаг 5 — аватар.
  6. Шаг 6 — настройки сообщества.
  7. Шаг 7 — вики-меню.
  8. Шаг 8 — оформление изображений.

 

В этой статье мы пошагово рассмотрим, как правильно создать, настроить и качественно оформить сообщество «ВКонтакте»

Создание сообщества

Создать сообщество ВКонтакте можно перейдя во вкладку «группы», «управление», «создать сообщество».

Вид сообщества и тематика

группа вк

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

Оформление группы

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

загрузить обложку

На обложке можно разместить:

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

обложка мтс

Обложка в сообществе «МТС»

обложка тинкофф банк

Обложка в сообществе «Тинькофф Банк»

Обложка HeadShot

Обложка в сообществе «HeadShot»
Размеры изображений для оформления сообщества ВКонтакте.
Размер обложки для группы ВКонтакте 1590x400px
Размер миниатюры аватара — круг диаметром 200px

размеры вк

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

Описание сообщества

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

Лайфхак: Для того, чтобы сделать описание сообщества более подробно (с фото, ссылками и красивой версткой), необходимо поставить в закрепленную запись вики-пост, в котором будет яркая картинка и призыв к действию.

Примеры вики-постов:

вики-пост

вики-пост

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

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

    1. Текст
      Если вы размещаете текст на миниатюре аватара, важно, чтобы он был крупным и не выходил за пределы аватара.
    2. Понимание
      На аватаре необходимо разместить изображение, на котором будет понятно, что изображено.
    3. Минимализм
      Для того, чтобы вашa аватаркa смотрелась актуально, можно сделать её в стиле минимализм: меньше слов и излишних элементов, не несущих практически никакой смысловой нагрузки. Миниатюра аватара обязана быть максимум простой и читабельной.
    4. Привлечь внимание
      Чтобы миниатюра аватарки привлекала внимание. Нужно оформить её так, чтобы она не была слишком белой и скучной, иначе она потеряется на фоне более красочных аватарок конкурентов.

Что разместить на миниатюре аватара?

Рассмотрим варианты использования миниатюры аватара в качестве привлечения подписчиков в сообщество.

  1. Акции

  2. Конкурсы

  3. Выгодные цены

  4. Анонс нового мероприятия или новой услуги

Настройки сообщества

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

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

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

Вики-меню — красиво и информативно

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

Примеры вики-меню:вики-разметка вконтактевики менювики менювики-меню вконтакте

Подробное руководство по созданию вики-меню вы можете посмотреть тут — https://vk.com/wiki

Оформление изображений

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

Важный момент: Оформление всех постов должно быть в одном стиле.

Оформление сообщества «Knorr»

Оформление сообщества «Нетология»

оформление постов headshot

Оформление сообщества «HeadShot»

Где найти качественные изображения?
Подборка бесплатных ресурсов уникальных изображений для оформления.

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

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

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

сервис canva

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

Новый дизайн Вконтакте или горизонтальная обложка для групп

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

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

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

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

Далее  в разделе «Настройки» мы сможем увидеть новую запись «Обложка сообщества» и  «Загрузить».

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

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

 

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

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

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

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

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

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

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

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

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

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

 

 

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка…

30 универсальных идей для постов ВКонтакте

Статья обновлена. Первая публикация 27 февраля 2017 года

Далее рекомендуем почитать о том, как загрузить фото в инстаграм с компьютера

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

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

Лия Канарская , SMM-специалист :

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

1. Составьте плейлист

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

2. Задайте вопрос

Где вы последний раз были в отпуске? Какой кофе предпочитаете? И что-то в этом духе.

3. Найдите вдохновляющую цитату

А если вы эту цитату еще в редакторе напишите на какой-нибудь красивой картинке — успех гарантирован.

4. Цифра дня

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

5. А знаете ли вы…

Этот прием еще в детских учебниках работал.

6. Придумайте опрос

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

7. Пожелайте доброго утра или вечера

Не кидайтесь гнилыми помидорами! Это работает.Когда я только начинала делать контент для пабликов, то дико ругалась, если пост состоял из картинки и приветствия. Но иногда и этого достаточно.

8. Поздравьте с праздником

Хорошо, что у нас в стране их много. Варианты поздравлений по каждому поводу смотрите в нашем календаре.

9. Сделайте рерайт новости

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

10.Составьте подборку

Как вариант, где поесть вкусные бургеры или — где искать самые фотогеничные места.

11. Сделайте репост

Репост — это хороший пример коммуникации во ВКонтакте между пабликами. Они могут рекламировать вас, вы — их. Да и временное окно, когда надо публиковать контент, будет закрыто.

12. Переведите что-то с русскоязычного ресурса

Для этого не нужно обладать идеальным английским. Одно время я вообще переводила статьи с помощью Гугл-переводчика.И уже потом подтянулась до Средний.

13. Найдите 3 факта о…

Дэвиде Боуи или статуе Свободы. Смотря, какая тема вам ближе. И не обязательно три!

14. Не стесняйтесь постить котиков

15. Или других милых животных

Присмотритесь к вомбатам, пандам, коалам и квокку.

16. Конкурс за репост

В конкурсах только одна проблема — найти приз.

17. Поделитесь советом

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

18. Перепишите абзац из книги

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

19. Поиграйте в «правду-вымысел»

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

20. Познакомьте подписчиков с сотрудниками

Выложите их фото (желательно выдержанные в одном стиле). Расскажите пару ключевых фактов о них.

21. Опубликуйте фото клиентов

Это идеальная стратегия для аккаунтов магазинов одежды или косметики. И не только. Люди на фотографиях — это всегда хорошая идея.

22. Или их отзывы

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

23. Видео

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

24. Сделайте DIY (Сделай сам)

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

25. Анонсируйте

Пишите о грядущих мероприятиях или проектах, вы занимаетесь.Так у вас получится создать интригу.

26. «Как у них»

Тут вы можете сравнить свой контент с чужим.

27. Разрешите подписчикам стать контент-менеджерами

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

28. До и после

Это не обязательно должен быть ваш контент.

29. Публикуйте контент от подписчиков

Введите свой хэштег.

30. Не гнушайтесь мемами

Особенно, если они ситуативные.

.

как мы обновляли логотип и фирменный стиль ВКонтакте

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

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

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

Этой системой логотипов мы пользовались до сегодняшнего дня

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

Виолетта Силенина

бренд-директор

С чего мы начали

.

20 концепций редизайна Вконтакте / Вдохновение (Веб-дизайн) / Постовой

Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте

С момента моей последней публикации прошло почти полгода. Это печально. Я не забил на блог, как многие подумали. Простая, банальная нехватка времени. Есть и относительно хорошие новости. На данный момент ждет своего запуска еще один мой проект — каталог плагинов jQuery, но, как это ни печально, на его заполнение времени также не хватает. Если можете у кого-то есть возможность, помочь.
Итак.По делу. Я просто не мог пропустить одно событие, так как оно вызвало много шумихи в рунете и, думаю, будет интересно многим. В одном из наиболее влиятельных и сообществ сообщества «Вконтакте» , посвященному сайту «Вконтакте» , недавно закончился конкурс на редизайн VK . Было выбрано 5 победителей, дизайны которых, по сути, оставляют желать лучшего. Я не вхожу в критерии и сам процесс отбора призеров, но во время проведения мероприятий на просторах интернета переодически встречал конкурсантов с их вариантами редизайна, которые были значительно лучше тех, кто выиграл.
Речь сегодня пойдет не только о победителях, но и о проигравших и вообще не участвующих в конкурсе, так как их работы также заслуживают внимания и являются, в некоторых случаях, более интересными и креативными.
Когда-то очень давно я уже писал топик с подборкой дизайнов социальных сетей. Можно считать, что это продолжение темы.
Итак, к вашему вниманию подборка редизайнов социальной сети «Вконтакте» .


Работы победителей конкурса на редизайн «Вконтакте»

1 место
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
2 место
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
3 место
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
4 место
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
5 место
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
Другие редизайны «Вконтакте»
Редизайн «Вконтакте» »От Слава Корнилова
Автор выложил и бесплатный исходник дизайна в PSD.

Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте

Редизайн «Вконтакте» от Стаса Морозова
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
Редизайн «Вконтакте» от Виктора Козырева
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
Редизайн «Вконтакте» от Heyllow Lab
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
Редизайн «Вконтакте» от Давида Свежинцева
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
Редизайн «Вконтакте» от Rustem Сиразетдинов
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
Редизайн «Вконтакте» от Евгения Макавелли
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
Редизайн «Вконтакте» от Виталия Рубцова
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
Редизайн «Вконтакте» от Дениса Назарова
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
Редизайн «Вконтакте» от Rom Mar
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
Редизайн «Вконтакте» от Andre Пракапенко
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
Редизайн «Вконтакте» от Сем Дж.
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
Редизайн «Вконтакте» от Дениса Ефремова
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
Редизайн «Вконтакте» от Димы Трубчика
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте
Редизайн «Вконтакте» от Руслана True
Blog by admin: Вдохновение (Веб-дизайн): 20 концепций редизайна Вконтакте .

Пользователи придумали десятки альтернативных логотипов для «ВКонтакте»

Пользователи прислали десятки логотипов на конкурс, объявленный социальной сетью «ВКонтакте». Его участникам предложено создать собственный вариант логотипа, который состоит из букв «VK», сохраняется узнаваемость, а также отображает многофункциональную платформу и доступные на ней возможности. При этом они могут менять цвета, добавлять новые элементы и использовать уникальные стилевые приемы.Итоги конкурса подведут 10 октября, когда компания отметит свое 14-летие.

Концепция Super App, представленная Mail.ru Group в прошлом году, предполагает развитие и запуск мини-приложений внутри «ВКонтакте», которые решают самые разные задачи — от заказа такси и доставки еды до покупки авиабилеты и поиск работы.

участников конкурса должны опубликовать работы с хештегом # vktalents_vk14 до 4 октября включительно. Всего «ВКонтакте» наградит десять авторов.Планирует ли соцсеть провести ребрендинг и использовать присланные работы в качестве концептов, неизвестно. AdIndex запросил комментарий к компании, а пока предлагает оценить старания конкурсантов.

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

Существующий логотип «ВКонтакте» был представлен в 2012 г., а обновленный дизайн сайта запущен в 2016-м. Среди тех, кто предлагал соцсети свои варианты логотипа, оказался и Артемий Лебедев.

Не обошлось без стеба. Автор: Антон Ляшенко, Logotipper

Автор: Эмиль Багадинов

Автор: Solcore.Design

Автор: Иван Бобкин

Автор: Логотипы Никита

Автор: Захар Захаренков

Автор: Микаэл Васильев

Автор: Юрий Осотов

.
Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *