Оформление групп вк в новом дизайне: Блог об интернет-маркетинге и воронке продаж

Содержание

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

 

 

mdemina.com

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

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

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

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

Оглавление:

Делаем красивую графику

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

  • Аватар для группы — 200×300 пикс
  • Баннер в описании — 510×271 пикс

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

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

Для начала загружаем аватарку. Идем в группу, и нажимаем «Загрузить фотографию».

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

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

Идем на стену. Здесь в блоке «Добавить запись», нажмите на значок «Фотография».

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

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

Теперь обновите страницу, и посмотрите результат.

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

Как создать меню в группе вконтакте

Давайте вернемся к нашему примеру и представим, что необходимо сделать кнопку «Подробнее». Она уже есть на картинке. Как нам сделать ее именно кнопкой, чтобы при нажатии, человек попадал на наш основной сайт? Сейчас покажу.

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

Открываем нашу картинку в редакторе, и активируем инструмент «Раскройка».

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

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

Теперь нажимаем Alt+Ctrl+Shift+S, чтобы сохранить готовые изображения.

Дальше нам нужно создать отдельную Wiki-страницу, и разместить на ней все наши изображения (см. вики разметка вконтакте). Чтобы это сделать, введите в адресной строке браузера следующую ссылку:

http://vk.com/pages?oid=-120208137&p=меню

Смотрите, после символов «odi=- «, вам нужно вставить id своей группы (см. как узнать id группы вконтакте). А в самом конце ссылки, напишите название для вашей страницы с меню. В примере мы так и оставим «Меню».

Введите ссылку в адресную строку и нажмите «Enter». Вы перейдете к редактированию страницы. Здесь нажмите «Наполнить содержанием».

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

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

Далее переходим в раздел «Редактирование». Здесь для каждого изображения нам нужно убрать отступы, чтобы они слились в единую картинку. Для этого в коде добавьте вот такое значение «nopadding;». И добавьте ссылку на нужную страницу или сайт, прописав значение «http://site.ru/page.html» (указывайте свои адреса!). В нашем примере кнопка «Подробнее», должна вести на сайт vksetup.ru. Вот что должно получиться.

[[photo3667352_456239334|400x200px;nopadding| ]]
[[photo3667352_456239335|400x78px;nopadding|http://vksetup.ru ]]

Сохраняем страницу. Не забываем скопировать ее адрес из адресной строки. Она должна быть вида:

https://vk.com/page-120208137_52523487

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

Вот такое меню у нас получилось в итоге.

Гораздо проще все это понять, если посмотреть видео урок.

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

Заключение

Читайте также:

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

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

Вопросы?

Facebook

Twitter

Мой мир

Вконтакте

Одноклассники

Google+

Загрузка…

vksetup.ru

Как правильно оформить группу ВКонтакте — основные элементы и полезные фишки | DesigNonstop

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

  

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

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

  
Больше примеров обложек

  


Как загрузить обложку
Чтобы загрузить обложку, нужно перейти в Управление сообществом >> блок Основная информация >> Обложка сообщества >> Загрузить. Рекомендуемый размер обложки 1590×400 пикселей. В шапке не может быть никаких рабочих кнопок, на которые можно нажать — по сути это картинка и все. На сегодняшний день обложка видна на мобильных устройствах, и вроде бы уже видна в приложениях и клиентах.

  


Wiki вкладка Свежие новости
В верхнем блоке под шапкой теперь могут находиться три вкладки: закреплённая запись, информация о сообществе и wiki-меню (только в группах, на публичных страницах такой вкладки нет). Акцент по-прежнему делается на закреплённую запись, однако даже при её присутствии пользователь теперь всегда будет иметь доступ к информации о сообществе, переключаясь по вкладкам. Чтобы появилась вкладка wiki-меню (она изначально называется Свежие новости), нужно перейти в Управление сообществом » Разделы » Материалы » Ограниченные (или Открытые) » Сохранить.

  

2. Вертикальный аватар
Теперь обратим внимание на старый добрый аватар для группы размером 200х500 пикселей. Пока он также является способом оформления группы. Обычно на аватаре располагается следующая информация: логотип, сопроводительный текст или слоган, контакты, призыв вступить в группу. В мобильных устройствах весь аватар не виден, видна только его часть — миниатюра. Для оформления группы можно использовать либо горизонтальную шапку (обложку), либо вертикальный баннер. При наличии шапки вертикальный аватар не виден. На аватаре не может быть никаких рабочих кнопок, на которые можно нажать — по сути это картинка и все.


 
 
Больше примеров аватаров

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


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

4. Баннер
Баннер (англ. banner — флаг, транспарант) — графическое изображение информационного, рекламного или побудительного характера. Баннер прикрепляется в виде картинки к записи и может иметь только одну внутреннюю ссылку. Многие до сих пор убеждены, что на главной странице с баннера можно сделать несколько ссылок. Это не так, только одна ссылка и все. Я бы выделила следующие виды баннеров.


4.1 Баннер информационный
Распространенный вид баннера, содержащий общую информацию о фирме, группе, услуге или мероприятии с развернутым перечнем преимуществ и прочими сопроводительными материалами. Часто используется как закрепленная запись в группе. Размер такого баннера 510х307 пикселя. При таком размере баннер по низу совпадает с аватаром. Если нет связки с аватаром, то можно использовать любые размеры. Я, например, использую размер 600х350 пикселей. Также удобен и набирает популярность сейчас формат квадрата 510х510 пикселей — при таком размере баннер занимает максимально большую площадь в новостной ленте.


4.2 Баннер для входа во внутреннее меню
Если в баннер из предыдущего пункта добавить броскую надпись «Открыть меню», то мы получим баннер, основная задача которого служить точкой входа во внутреннее меню. Иногда делают обманку в виде нескольких кнопок на баннер, но это иллюзия, при нажатии пользователь все равно попадает на внутреннюю станицу, а там уже каждая кнопка имеет свою собственную ссылку. Размер такого баннера 510х307 пикселя. При таком размере баннер по низу совпадает с автаром. Если вход в меню не завязан с аватаром, то можно делать любые размеры баннера, хоть узкую кнопку с надписью «Открыть меню». Главное, чтобы ширина баннера была не меньше 510 пикселей.


4.3 Карточка для репоста, акции
В последнее время особую актуальность приобрели карточки для репостов или акций. Ее задача — призыв к конкретному действию. В основном это «Вступи в группу, сделай репост или поставь лайк и выиграй приз». Такие баннеры используются в рамках рекламных компаний или акций как в собственных группах, так и для продвижения в других группах. Я обычно использую размеры 600х350 пикселей.

 
 
Больше примеров карточек для репостов


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

5. Конструкция аватар+закрепленный баннер
До недавнего времени эта модульная конструкция, состоящая из аватара и закрепленного баннера была самым популярным способом оформления групп. Более подробно о том, как делать такое оформление, расписано в уроке «Как оформить группу В Контакте с закрепленным верхним меню под новый дизайн ВК». С появлением шапки (обложки), возможно, популярность такого оформления слегка уменьшится.


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

 
 
Больше примеров аватар плюс закрепленный баннер

6. Внутреннее навигационное меню
Меню в виде активных ссылок располагается на внутренней странице ВКонтакта и пишется с помощью команд wiki разметки. О том, как создать саму внутреннюю страницу расписано в уроке «Как сделать внутреннюю страницу для меню группы В Контакте». С помощью меню пользователь осуществляет навигацию по группе. Ниже вы рассмотрим виды внутреннего меню, а пока остановимся на нескольких важных пунктах.


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


Ссылки внутреннего меню
Обычно при заказе клиенты указывают следующие пункты меню: О нас, Наши товары (каталог), Способы доставки, Оплата, Гарантии, Отзывы, Контакты, Акции, Скидки, Расписание, Как заказать, Портфолио, Вопросы и ответы, Инфо, Сделать заказ. Ссылки с пунктов меню могут идти на соответствующие разделы внешнего сайта. Тогда ссылка автоматически открывается в новом окне. В большинстве своем пункты ведут на внутренние страницы ВКонтакт. При этом страница открывается в том же окне и приходится делать ссылку или кнопку «Вернуться в главное меню».


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


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


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


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


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

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


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


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


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


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

 
 
Больше примеров внутреннего меню


7.5 Текстовое меню
Самый простой и надежный способ для навигационного меню. Их минусов — отсутствие графики, из плюсов — простота в управлении.

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


8.1 Каталог картинка плюс текст
Представляет собой ряды миниатюр с текстом под ним.


8.2 Каталог графический
Представляет собой ряды красивых графических карточек или иконок.

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


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

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


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


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


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


10.3 Пожертвования
Принимайте пожертвования от ваших подписчиков. Приложение позволяет интегрировать форму приема платежей от Яндекс.Денег, PayPal, Cloudpayments и информацию о вашем кошельке Qiwi в сообщество. Добавить приложение можно через Управление сообществом >> вкладка Приложения >> Пожертвования. Как это реализовано на практике, можно посмотреть у меня в группе.

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


А для таргетинга существуют специальные форматы рекламных объявлений. Подробнее об этом можно почитать в статье Форматы рекламных объявлений. Вкратце для таргетинга необходимы следующие форматы — простое изображение 145х85px, большое изображение 145х165px, для продвижения сообществ 145х145px, специальный формат 256х256px.

12. Хештеги
Хэштег — это специальная метка, с помощью которой можно искать записи на определённую тему. Для создания хэштега необходимо перед ключевым словом ввести знак # (решетка). Тогда слово, помеченное решеткой превращается в ссылку, перейдя по которой пользователь видит поисковую выдачу, где будут отображены записи с таким же хэштегом. Хэштеги ВКонтакте поддерживают как латиницу, так и кириллицу, пробелы в хэштегах ставить нельзя.


Также существуют локальные хешкеги (только для латиницы), осуществляющие поисковую выборку в пределах конкретного сообщества. Для этого после хештега добавляется символ @ и буквенный домен сообщества (не id). Например, хештег в моей группе #[email protected] — по этой ссылке будет выдаваться подборка постов про книги.

www.designonstop.com

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

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

Когда потенциальный клиент имеет возможность задать вопрос или просмотреть чужие вопросы с ответами от вас — это положительно влияет на конверсию группы.

Отлично! Уже через несколько минут и в вашей группе будут обсуждения. 🙂

А добавить этот блок в группу – дело пары минут. Итак, начнем!

Содержание статьи

Блок обсуждений — что это такое, для чего он нужен и как он выглядит на странице

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

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

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

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

  1. Вопрос – ответ
  2. Отзывы
  3. Как сделать заказ (наши вакансии, объявления, наши новости и пр.

Вот как это выглядит в группе, когда «обсуждения» заданы в настройках как главный раздел.

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

Как добавить обсуждение в группу в контакте

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

Для того что бы его включить:

  1. Заходим в «Управление сообществом» под аватаркой или обложкой группы;
  2. В открывшемся окне в правой колонке находим кнопку «Разделы» и жмем ее;
  3. В открывшихся разделах находим «Обсуждения» и вместо слова «Выключено» рядом с «Обсуждениями», выбираем кнопку «открытые» или «ограниченные».

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

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

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

Чем отличаются открытые обсуждения от ограниченных

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

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

Как менять место расположения блока с обсуждениями в группе

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

Для этого идем по уже знакомой нам схеме: Управление сообществом\Разделы.

«Обсуждения» мы уже включили, теперь смотрим немного ниже – жмем кнопку — «Главный блок» и выбираем «Обсуждения».

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

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

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

Особенности добавления блока с обсуждениями в паблик в контакте

Процесс добавления обсуждений в группу в контакте и в паблик имеет много общего.

И там и тут это делается через: «Управление сообществом», затем выбираем пункт — «Разделы»\ «Обсуждения».

В паблике мы можем либо их открыть (поставив галочку), либо закрыть.

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

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

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

Добавление каждой новой темы происходит по аналогии с группами.

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

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

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

Мы можем удалить как отдельную тему обсуждения так и весь блок полностью.

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

В правом верхнем углу есть кнопка: «Редактировать тему».

Жмем ее, и в открывшемся окне мы получаем возможность – удалить тему, а кроме того, мы можем:

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

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

Сохраняем, и все!

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

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

Если вы не знаете как пригласить друзей в группу и в паблик, то приглашаю вас в эту статью.

Если статья оказалась вам полезной, пожалуйста поделитесь ею в соцсетях и оцените нажав на звездочку №5 чуть ниже 🙂

vkmonstr.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник: http://www.designonstop.com/webdesign/practice/kak-oformit-gruppu-v-kontakte-s-zakreplennym-verxnim-menyu.htm

little-lilia.livejournal.com

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

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

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

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

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

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

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

 Далее рассмотрим  функцию «Спрайт».

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

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

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

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

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

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

Более подробно вы познакомитесь со всеми шагами по созданию дизайна в видео, которые находятся под этой статьей. А кому интересно поработать с программой Фотошоп, на блоге есть статьи и видео на эту тему.

P.S.  Надеюсь вам понравится этот сервис!

P.S.S.  Включайте свою креативность, добавляйте красивые картинки, созданные в PowerPoint и ваша группа будет выглядеть великолепно! Изменилось внешнее оформление Вк — редактируем дизайн группы!

mdemina.com

Как сделать в вк новый дизайн


Как включить новый дизайн «ВКонтакте»

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

социальные сети вконтакте

Обновление: новый дизайн включили всем пользователям. Вот как вернуть прежний ламповый интерфейс.

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

Новый «В Контакте» стал шире, современнее, проще, универсальнее.

Увеличились ширина сайта и шрифты, переосмыслены меню.

Новая лента новостей.

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

Новые уведомления в одном месте оповещают о всех событиях, которые раньше были разбросаны по меню: отметки «Мне нравится», заявки на добавление в друзья, упоминания, дни рождения и др.

Подробнее о новом дизайне можешь узнать в блоге «В контакте».

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

Чтобы самому включить у себя новый дизайн, на полной версии «ВК» найди в самом низу левого меню (под рекламой) ссылку «Использовать новую версию сайта по умолчанию» и нажми ее. Пока что ты можешь вернуть старый дизайн, нажав ссылку «Вернуться на старую версию сайта», которая находится в том же месте. Но скоро эту возможность прикроют.

PS. Кстати, в этом году «В Контакте» стал полноправным партнером нашего конкурса красоты и сексуальности «MISS MAXIM ВКонтакте 2016». Девушки, присоединяйтесь!

www.maximonline.ru

Новый дизайн Вконтакте

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

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

А теперь давайте разберемся, как же включить  возможность установки горизонтального баннера. Если мы кликнем на три точки под аватаром,  выберем «Управление сообществом». Далее  в разделе «Настройки» мы увидим новую запись «Обложка сообщества» и  «Загрузить».  Кликаем на последнюю и загружаем новую обложку  группы ВКонтакте размером 1590×400 px.

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

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

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

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

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

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

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

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

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

mdemina.com

Как поставить новый дизайн ВК 2016

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

Но в тот момент «обновить» свою страничку решились далеко не все, и теперь тот блог уже достаточно проблематично отыскать. Что делать в таком случае?

Что за дизайн?

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

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

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

  • Задний фон потемнел на несколько тонов. Белыми остались только те элементы, где что-то выводится (стена, страница и т.д.).
  • Синяя полоса сверху теперь занимает всю ширину окна. Вкладки на ней исчезли. Теперь там располагается логотип социальной сети, поиск, уведомления, кнопка профиля владельца страницы и музыка.
  • Рабочее окно стало шире. Теперь по бокам почти не осталось свободного места. Шрифты также были увеличены. Картинки отображаются в большом формате.
  • Полностью переработанное окно диалогов. Теперь оно разделено на две части. Слева располагаются все чаты и диалоги пользователя, а справа открывается выбранный. Теперь вместо «синих» непрочитанных сообщений и «белых» открытых статус можно узнать по наличию или отсутствию синей точки. Написанное владельцем страницы теперь выделяется кратким «Вы» перед сообщением. Зелёная точка на аватарке пользователя – индикатор, пришедший на замену слову Online.
  • Переработаны аудиозаписи. Теперь можно составлять плей-лист прямо в процессе прослушивания – появилась новая кнопка «Воспроизвести следующей», которая отображается при наведении курсора на запись. Приятная фишка – при обновлении страницы песня не «скидывается», а просто ставится на паузу.
  • Изменена лента новостей. Теперь можно выводить только то, что будет интересно конкретному пользователю. Социальная сеть собирает информацию о том, куда пользователь заходит, что лайкает и комментирует. И на этой основе составляет список групп, чьи новости будут отображаться в первую очередь. Также справа появилось меню, в котором можно выбрать, что именно посмотреть из новостей. Кстати, настройки синхронизированы для мобильного приложения и стационарной версии.
  • Полностью переработан показ изображений. Теперь это больше напоминает Инстаграмм, чем ВКонтакте. Однако картинки стали куда больше, а интерфейс – понятнее. Лучше видно комментарии к изображению – теперь не надо листать вниз, чтобы их увидеть.
  • Левое меню было заметно обновлено и сокращено. Убраны лишние слова и разделы. Добавлены пиктограммы. Самое важное и часто используемое – уведомления и сообщения, а также музыка дополнительно продублированы в «шапке» сайта.
  • Изменения не обошли даже «подвал» сайта. В частности, спустя несколько лет после ухода Павла Дурова из Команды ВКонтакте была удалена ссылка на его профиль.
  • Страница пользователя при пролистывании стены теперь тоже делится на два блока. В левой части – информация профиля (аватарка, друзья, сообщества и так далее), а справа – непосредственно стена. То есть теперь можно долистаться чуть ли не до конца, но при этом список друзей или сообществ всегда будет на виду, ведь листается только сама стена.
  • Настройки, редактирование профиля и даже выход из него были вынесены в меню на миниатюре в «шапке» сайта. Они также претерпели изменения. Теперь можно больше подогнать дизайн «под себя».
  • В сообществах с точки зрения администратора также поменялись настройки группы. Теперь они находятся в небольшом выпадающем меню. Изнутри тоже всё поменялось. Впрочем, как и с настройками страницы.
Как включить новый дизайн ВКонтакте?

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

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

Через официальный блог ВКонтакте

Первый метод перевода на новый дизайн – это найти тот самый блог ВКонтакте, в котором и было сообщение о редизайне. Ссылка на него – https://new.vk.com/blog. Там нужно пролистать сообщение до конца и нажать на кнопку «Присоединиться к тестиров

inet-use.ru

Как оформить дизайн группы вконтакте. Как оформить группу Вконтакте? Чем интересен новый дизайн ВКонтакте

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

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

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





Как загрузить обложку
Чтобы загрузить обложку, нужно перейти в Управление сообществом >> блок Основная информация >> Обложка сообщества >> Загрузить. Рекомендуемый размер обложки 1590×400 пикселей. В шапке не может быть никаких рабочих кнопок, на которые можно нажать — по сути это картинка и все. На сегодняшний день обложка видна на мобильных устройствах, и вроде бы уже видна в приложениях и клиентах.

Wiki вкладка Свежие новости
В верхнем блоке под шапкой теперь могут находиться три вкладки: закреплённая запись, информация о сообществе и wiki-меню (только в группах, на публичных страницах такой вкладки нет). Акцент по-прежнему делается на закреплённую запись, однако даже при её присутствии пользователь теперь всегда будет иметь доступ к информации о сообществе, переключаясь по вкладкам. Чтобы появилась вкладка wiki-меню (она изначально называется Свежие новости), нужно перейти в Управление сообществом » Разделы » Материалы » Ограниченные (или Открытые) » Сохранить.

2. Вертикальный аватар
Теперь обратим внимание на старый добрый аватар для группы размером 200х500 пикселей. Пока он также является способом оформления группы. Обычно на аватаре располагается следующая информация: логотип, сопроводительный текст или слоган, контакты, призыв вступить в группу. В мобильных устройствах весь аватар не виден, видна только его часть — миниатюра. Для оформления группы можно использовать либо горизонтальную шапку (обложку), либо вертикальный баннер. При наличии шапки вертикальный аватар не виден. На аватаре не может быть никаких рабочих кнопок, на которые можно нажать — по сути это картинка и все.

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

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

4. Баннер
Баннер (англ. banner — флаг, транспарант) — графическое изображение информационного, рекламного или побудительного характера. Баннер прикрепляется в виде картинки к записи и может иметь только одну внутреннюю ссылку. Многие до сих пор убеждены, что на главной странице с баннера можно сделать несколько ссылок. Это не так, только одна ссылка и все. Я бы выделила следующие виды баннеров.

4.1 Баннер информационный
Распространенный вид баннера, содержащий общую информацию о фирме, группе, услуге или мероприятии с развернутым перечнем преимуществ и прочими сопроводительными материалами. Часто используется как закрепленная запись в группе. Размер такого баннера 510х307 пикселя. При таком размере баннер по низу совпадает с аватаром. Если нет связки с аватаром, то можно использовать любые размеры. Я, например, использую размер 600х350 пикселей. Также удобен и набирает популярность сейчас формат квадрата 510х510 пикселей — при таком размере баннер занимает максимально большую площадь в новостной ленте.

4.2 Баннер для входа во внутреннее меню
Если в баннер из предыдущего пункта добавить броскую надпись «Открыть меню», то мы получим баннер, основная задача которого служить точкой входа во внутреннее меню. Иногда делают обманку в виде нескольких кнопок на баннер, но это иллюзия, при нажатии пользователь все равно попадает на внутреннюю станицу, а там уже каждая кнопка имеет свою собственную ссылку. Размер такого баннера 510х307 пикселя. При таком размере баннер по низу совпадает с автаром. Если вход в меню не завязан с аватаром, то можно делать любые размеры баннера, хоть узкую кнопку с надписью «Открыть меню». Главное, чтобы ширина баннера была не меньше 510 пикселей.

4.3 Карточка для репоста, акции
В последнее время особую актуальность приобрели карточки для репостов или акций. Ее задача — призыв к конкретному действию. В основном это «Вступи в группу, сделай репост или поставь лайк и выиграй приз». Такие баннеры используются в рамках рекламных компаний или акций как в собственных группах, так и для продвижения в других группах. Я обычно использую размеры 600х350 пикселей.

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

5. Конструкция аватар+закрепленный баннер
До недавнего времени эта модульная конструкция, состоящая из аватара и закрепленного баннера была самым популярным способом оформления групп. Более подробно о том, как делать такое оформление, расписано в уроке . С появлением шапки (обложки), возможно, популярность такого оформления слегка уменьшится.

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

6. Внутреннее навигационное меню
Меню в виде активных ссылок располагается на внутренней странице ВКонтакта и пишется с помощью команд wiki разметки. О том, как создать саму внутреннюю страницу расписано в уроке . С помощью меню пользователь осуществляет навигацию по группе. Ниже вы рассмотрим виды внутреннего меню, а пока остановимся на нескольких важных пунктах.

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

Ссылки внутреннего меню
Обычно при заказе клиенты указывают следующие пункты меню: О нас, Наши товары (каталог), Способы доставки, Оплата, Гарантии, Отзывы, Контакты, Акции, Скидки, Расписание, Как заказать, Портфолио, Вопросы и ответы, Инфо, Сделать заказ. Ссылки с пунктов меню могут идти на соответствующие разделы внешнего сайта. Тогда ссылка автоматически открывается в новом окне. В большинстве своем пункты ведут на внутренние страницы ВКонтакт. При этом страница открывается в том же окне и приходится делать ссылку или кнопку «Вернуться в главное меню».

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

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

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

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

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

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

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

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

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

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

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

Обложка

Обложка сообщества сегодня – важный инструмент оформления группы в Контакте бренда и её продвижения. Загрузить её можно в разделе ”Управление сообществом”, перейдя во вкладку “Настройки”. Высококлассное горизонтальное изображение в самой шапке сообщества играет роль главного промо-баннера компании в соцсети. Она задает настроение, информирует, повышает имидж, призывает к целевым действиям, продает одновременно.

1. Используйте иллюстрации высокого качества

Обложка сообщества вконтакте должна быть размером 1590х400 пикселей, но лучше загружать фото в 2-3 раза больше в формате.png. Так удастся избежать некачественного отображения.

2. Адаптируйте изображение под разные устройства

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

3. Разместите слоган и УТП

Пусть вашу философию а также преимущества клиент видит с первого экрана.

4. Отобразите товар/услугу, процесс или результат его использования

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

5. Помогите клиентам сразу связаться с вами

Напишите на баннере телефон, e-mail, а также другие контакты компании. Если для вашего бизнеса важно территориальное расположение, например, вы представляется сферу общественного питания или horeca, адрес тоже будет не лишним.

6. Анонсируйте события

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

7. Презентуйте акции и скидки

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

8. Предлагайте совершить целевое действие

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

Загрузите аватар и выберите миниатюру

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

При использовании максимального размера аватара 200х500 пикселей размер картинки в закрепленной записи необходимо сделать размером 510х308 пикселей. Отличный вовлекающий прием – закрепление загруженного через плеер соцсети видео, которое стилистически продолжает аватар.

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

Правила оформления ВК миниатюры аватара сообщества

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

1. Миниатюра должна быть понятна аудитории

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

2. Пускайте в ход только качественные фотографии

Лучше загрузить исходник в 2-3 раза больше требуемого размера, так о жутких пиксельных “квадратиках”, которые выставляют вас не в лучшем свете, можно будет забыть.

3. Разрабатывайте собственные иллюстрации

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

4. Контрастные фону страницы картинки – то, что нужно

При оформлении ВК миниатюр так броско, “кругляшок” выделится в ленте среди других групп и не сольется с фоном страницы.

5. Разместите контакты или УТП компании

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

6. Сделайте текст крупным и читабельным

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

7. Применяйте нестандартные формы

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

Разработайте меню

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

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

Разработайте витрину товаров

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


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

1. Используйте доступные размеры изображений в полную силу

Максимальная ширина картинки в ленте – 510 пикселей. Наиболее эффектно смотрятся квадратные изображения 510х510 пикселей и прямоугольные – 510х300 пикселей.

2. Разработайте индивидуальный стиль постов

Чтобы посты выглядели индивидуально, придумайте единый стиль, шрифт и цветовую гамму.

3. Размещайте короткий текст на картинке

Например, можно поделить изображение на 2 части – текстовую и графическую или написать текст, затемнив при этом фон. Чтобы текст было видно без затемненного фона, напишите его на подложке (контрастный графический блок однородного цвета) или добавьте к надписи тень. Хорошо выглядят фотографии с рамкой.

4. Сделайте несколько шаблонов для разных целей

Например, для цитат применяйте один шаблон презентации визуальной информации, для анонса материалов с сайта – другой, а для конкурсов третий.

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

), сделать меню.

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

Делаем красивую графику

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

  • Аватар для группы — 200×300 пикс
  • Баннер в описании — 510×271 пикс

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

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

Для начала загружаем аватарку. Идем в группу, и нажимаем «Загрузить фотографию» .

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

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

Идем на стену. Здесь в блоке «Добавить запись» , нажмите на значок «Фотография» .

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

Теперь запись нужно закрепить (см. ). Возвращаемся к новой записи, и в правом верхнем углу разворачиваем меню. Здесь нажимаем «Закрепить» .

Теперь обновите страницу, и посмотрите результат.

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

Как создать меню в группе вконтакте

Давайте вернемся к нашему примеру и представим, что необходимо сделать кнопку «Подробнее» . Она уже есть на картинке. Как нам сделать ее именно кнопкой, чтобы при нажатии, человек попадал на наш основной сайт? Сейчас покажу.

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

Открываем нашу картинку в редакторе, и активируем инструмент «Раскройка» .

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

Теперь нажимаем Alt+Ctrl+Shift+S , чтобы сохранить готовые изображения.

Https://vk.com/pages?oid=-120208137&p=меню

Смотрите, после символов «odi=- » , вам нужно вставить id своей группы (см. ). А в самом конце ссылки, напишите название для вашей страницы с меню. В примере мы так и оставим «Меню» .

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

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

Далее переходим в раздел «Редактирование» . Здесь для каждого изображения нам нужно убрать отступы, чтобы они слились в единую картинку. Для этого в коде добавьте вот такое значение «nopadding;» . И добавьте ссылку на нужную страницу или сайт, прописав значение «https://site.ru/page.html» (указывайте свои адреса!). В нашем примере кнопка «Подробнее» , должна вести на сайт сайт. Вот что должно получиться.

[] []

Сохраняем страницу. Не забываем скопировать ее адрес из адресной строки. Она должна быть вида:

Https://vk.com/page-120208137_52523487

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

Вот такое меню у нас получилось в итоге.

Шапка группы ВКонтакте

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

Название группы ВК

Лимит системы – 48 символов. Название – это ключевик, с помощью которого вы продвигаете свое сообщество в сети. Вместе с ключевой фразой можно написать название бренда/магазина/мастерской.

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

Статус сообщества

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

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

Лимит системы – 140 символов (с пробелами). Да, это маленькое пространство, но его можно заполнить разумно. В статусе также можно разместить ключевик (если есть такая необходимость). Как уже говорилось, это положительно повлияет на ранжирование.

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

URL-адрес группы ВКонтакте

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

Для этого откройте раздел «Управление сообществом». Далее перейдите в «Настройки». Там вы найдете изначальный URL-адрес. Сотрите все лишнее и добавьте новый вариант названия (оно должно быть написано на латинице).

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

Описание группы

Вы указали название группы. Теперь настало время рассказать, чему/кому она посвящена. Чем вы занимаетесь? С кем сотрудничаете? Сколько лет на рынке? Многие владельцы или администраторы сообществ игнорируют эти вполне логичные вопросы, ответы на которые могут стать идеальным описанием. Вместо этого они создают нечто подобное:

Пример №1

Пример №2

Пример №3

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

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

Одарят ли они доверием компанию, которая даже рассказать о себе внятно не может?

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

  • Нейтральное приветствие или плавное введение в курс дела. Оно должно быть связано непосредственно с деятельностью компании. Не бойтесь начинать с ключевых слов;
  • Краткое перечисление основных услуг. Чтобы пользователям было удобно читать, оформите его в виде списка;
  • Особенности вашей компании. Кратко расскажите о ключевых преимуществах бренда. Что отличает вас от конкурентов? (по факту, а не в самых смелых фантазиях). Если занимаетесь самовосхвалением, всегда добавляйте подтверждающие аргументы;
  • Укажите контактные данные (желательно несколько вариантов).

Постарайтесь создать компактное описание. Вы еще успеете развернуто рассказать о себе. И было бы хорошо, если бы у аудитории хватало терпения для того, чтобы целиком осилить ознакомление с шапкой группы. Опытные пользователи социальной сети ВКонтакте указали свой рекомендуемый объем для описания группы – 500-1000 символов без пробелов.

Вы уже имели возможность ознакомиться с неудачными вариантами описания. Теперь изучите хороший пример:

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

Ломаете голову над тем, что лучше выбрать – аватарку или обложку? Сейчас вы поймете, почему обложка является наиболее удачным вариантом. На это есть свои причины:

  1. Обложка красиво располагается по всему периметру шапки. Это добавляет сообществу эстетичности и привлекательности. Разумеется, если обложка сделана качественно.
  2. На ней можно указать множество различной информации, и этот текст не будет рябить в глазах, как это обычно случается с аватаркой (когда на маленьком изображении пишут целую диссертацию).
  3. Аватарка останется в группе и будет фигурировать на миниатюре. Кликнув по аватарке, пользователь сможет посмотреть на неё вблизи.

Контактные данные

Информация о компании (преимущества)

Название и логотип

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

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

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

Просто взгляните на удачный пример обложки для сообщества ВКонтакте (кулинарная тематика). Красота, не правда ли?

Стильно, уместно, радует глаз.

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

Но достаточно обойтись стандартным сочетанием: Обложка + Аватарка + Меню. Вот что из этого может получиться:

Контент группы ВКонтакте

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

Собственно, для размещения этой информации и предпринимались все предыдущие действия. Самое время отправляться в дальнее плаванье! Идеальный контент в сообществе ВК – это 80% полезной/познавательной/важной информации, и 20% рекламы.

Вы принялись за создание контента. Учтите следующие нюансы:

Доступность языка

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

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

Цепляющие детали

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

Публикуйте авторский, уникальный и оригинальный контент. Ищите или создавайте что-нибудь редкое, особенное. Если используете картинки из Интернета, убедитесь в их актуальности. Хотите добавить мем? Сделайте это! Но он должен быть на пике своей популярности. Котики? Не вопрос! Подберите удачную фотографию.

Форматы контента

Здесь можно выделить лишь одно правило: РАЗНООБРАЗИЕ. Чередуйте фотографии, видеозаписи, аудио-файлы, инфографику и многое другое. Взаимодействуйте с публикой, отвечайте на вопросы, проводите конкурсы и онлайн-трансляции.

Оформление текста

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

Правильные ссылки

Часто бывает так, что сообщество ВКонтакте создается для привлечения трафика на сайт. Стало быть, контент группы содержит ссылки для перехода на различные страницы. Чтобы ссылка была правильной, у неё должна быть URL-метка. Также рекомендуется использовать сокращатели ссылок. Метки созданы для вас (чтобы отслеживать трафик), а сокращенные адреса – для комфорта участников сообщества.

Оптимальное время для размещения контента

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

Заключение

  1. Создайте грамотную и привлекательную шапку;
  2. Позаботьтесь об оригинальном и стильном оформлении группы;
  3. Оптимизируйте все ключевые разделы в сообществе;
  4. Публикуйте правильный контент.

Мне нравится 0

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

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

Отметим, что примерно в двадцатых числах октября администраторы Вконтакте обрезали аватарки групп, сделав их 200*500 пикселей. Исходя из этого немного подправьте урок. Или же просто сделайте невысокое меню: 382*232 и 200*500.

Оформление группы Вконтакте

В фотошопе создаем новый документ белого цвета 630*725 пикселей. В слое вырезаем два окна, через которые будет виднеться графическое оформление, а именно прямоугольник 200*710 и нажмите Del и прямоугольник 382*442, прямоугольники соединяем внизу и опять нажимаем Del.

Под этим слоем расположим наше графическое оформление. Мы положили картинку, далее текст, в левом прямоугольнике создаем пять пунктов (количество зависит от того сколько вам нужно).

Правый прямоугольник сохраняем отдельной картинкой 200*710. Вот и готова первая картинка для оформления. Ее необходимо загрузить в блок, расположенный в правом верхнем углу группы «Загрузить фотографию». Левую картинку нарезаем по количеству пунктов. У нас получается 5 картинок 50*382.


Загружаем все пять картинок в основной альбом страницы группы («Мои фотографии» — «Мои альбомы» — «Добавить фотографии»). Переходим на страницу группы и под описанием видим блок «Новости» (можно его переименовать) — «Редактировать».


Так во Вконтакте произошли некоторые изменения, после предыдущего пункта переходим в закладку «Редактировать» и нажимаем на кнопку справа «Режим вики разметки». В открывшееся окно помещаем следующий код:


Переходим в закладку «Исходный код» и вставляем туда следующий код (визуальным редактором лучше не пользоваться, он сбивает настройки):

[]
[]
[]
[]
[]

Не забудьте в коде изменить слово photo, на название своих файлов и укажите высоту файла (ширина уже задана), а так же выставьте url ссылок меню.

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

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

Привет! Я — Адель Давлетшин, руководитель SMM-проектов в бюро ДругМедиа

Личные сообщения сообщества

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

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

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

Описание, инфо

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

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

Советы по составлению описания группы мы уже писали в этой статье:

Вики-меню

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

Научиться работать с вики-разметкой можно здесь: vk.com/wiki

Приложения

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

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

Товары

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

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

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

Обсуждения

Ссылки

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

Альбомы

Контакты

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

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

  • Хорошие обложка и раздел« товар»

  • Короткое и понятное описание

  • Заполненный с пользой раздел с вики-страницами

  • Интересный тест

  • Простое и понятное меню

  • Полезные обсуждения

  • Яркие обложки альбомов

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

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

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

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

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

Первое, на что обращает внимание пользователь при просмотре группы Вконтакте – это аватара и меню. Ниже мы разберемся в том, как в программе 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-разметке более подробную информацию, посетите официальную группу в социальной сети Вконтакте

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

С чего начать?

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

После того, как вы скачали или нарисовали меню, его нужно нарезать. Для чего это нужно? Это необходимо, для создания отдельных ссылок, для того или иного изображения. Так как, если наше меню поставить полностью в группу, то более одной ссылки сделать не получиться, или я чего-то не знаю. Кроме того, наше меню необходимо подогнать по размерам, то есть сразу стоит учесть, что максимальная видимая ширина составляет 388 пикселей (одно изображение), а остальное будет либо обрезаться, либо подгоняться по размерам, которые вы укажите при создании меню в группе, при этом изображение может растянуться или наоборот сжаться, что может испортить первоначальную задумку. Еще стоит учесть, что например, для горизонтального меню нам придется ориентироваться на ширину равную 370 пикселям, иначе меню не выстроится горизонтально.

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

Просто выделите этим инструментов необходимые области, например:

И сохраните, для web-устройств.

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

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

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


После того, как картинки загружены, мы можем приступить к созданию меню. Для этого, нажимаем на «редактировать», рядом со свежими новостями.

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

[] [] []

Итак, давайте чуть подробнее разберем, что здесь к чему:

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

photo-48249652_297601976 — путь до нашей картинки. Путь формируется так: номер альбома_номер самой фотографии. Как узнать путь до нашего изображения? Все очень просто. Заходим в фотоальбом, в котором находятся наши картинки и жмем на нужное изображение. Затем, в адресной строке мы увидим полный путь до нашего изображения.

130x46px;nopadding; — опции изображения: 130x46px; — ширина и высота нашей картинки(может отличаться от размера самой картинки) — для вертикального меню вкоктакте необязательно указывать; nopadding; — никаких пробелов — при использовании данной опции убираются все пробелы (отступы) и изображения сливаются в одно.

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

Горизонтальное меню вконтакте, делается потому же принципу. Разница только в том, что при написании кода, новые пункты меню не нужно переносить на новую строку. А также, не забываем, что при таком расположении картинок, мы можем использовать только 370 пикселей ширины. Я чуть-чуть поправил код показанный выше и вот, что у меня получилось:

[][][]

А вот так это выглядит:


И еще хотелось бы добавить: Бывают ситуации когда, нам необходимо вставить картинку в меню, но она не должна быть ссылкой. Она должна выполнять роль украшения. Для этого, достаточно использовать опцию «nolink». Вот наглядный пример: То же горизонтальное меню, только первая кнопка не является активной ссылкой, а является простой картинкой.

[][][]

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

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

Удачных экспериментов!

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

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

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

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

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

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

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

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

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

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

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

Аватар

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

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

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

Заказать услугу оформления группы вконтакте, фэйсбуке, инстаграм

Заказать услугу оформления группы вконтакте, фэйсбуке, инстаграм — Imaris

Оформление групп в социальных сетях

Хотите эффективно презентовать бренд в соцсетях?

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

Зачем нужен дизайн Вконтакте, Google+, Facebook, Youtube?

сохранить интерес старых клиентов и привлечь новых;

сформировать имидж оригинального и неповторимого бренда;

сделать просмотр Вашей группы приятным времяпровождением для пользователя;

продемонстрировать прогрессивность и современный подход к делу;

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

профессионально и грамотно использовать все преимущества нового оформления группы Вконтакте, Google+, Facebook, Youtube.

Реализация оформления страниц в Вконтакте, Google+, Facebook, Youtube

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

Почему успешные компании выбирают IMARIS?

Поддержка фирменного стиля

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

Динамическое меню с эффектом навигации

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

Стильное и уникальное оформление

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

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

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

Разработка оформления контента

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

Работа с новым дизайном оформления группы ВК

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

Опытные и креативные специалисты

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

Возможность заказать полный цикл продвижения

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

Оформление публичной страницы ВКонтакте: почему Вам это так нужно?

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

Более 80% посетителей уходят, если им не нравится оформление группы. Оригинальный и функциональный дизайн показывает, прежде всего, уважение к клиенту. Заказать оформление группы ВК, страницы в Facebook или Instagram можно у нас – в IMARIS Вы найдете комплексное решение для презентации Вашей компании в социальных сетях. Даже если Вы знаете, как оформить группу ВК, всегда лучше довериться профессионалам – Вы сэкономите значительное количество времени и будете на 100% уверены в эффективности нового дизайна.

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

Оформление сообщества ВКонтакте (дизайн группы ВК) «Юридическая консультация Галиной Натальи»

Оформление сообщества Юридической консультации Галиной Натальи, согласно райнее разработанному дизайну компании и реализованного на сайте. Сообщество полностью готово для привлечения трафика с сайта и интернет-каталогов.

 

 

Обложка сообщества

 

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

 

Живая обложка

 

Живая обложка – относительно новый формат оформления группы, подробнее об это я рассказывал тут – ссылка. Я не стал использовать подборку из изображений, а сделал видео.

Такая обложка воспроизводится только в мобильном приложении ВКонтакте.

 

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

 

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

 

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

 

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

 

Обложка фотоальбома

 

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

 

Виджеты

 

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

 

Плитки (баннеры) с информацией

 

Зачастую, это второе (после верхней шапки), что видит пользователь зайдя в сообщество.

 

Форма заявки

 

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

 

Написание постов

 

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

 

Заключение

 

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

 

Всем удачи!

 

Возможно вам так же будет интересно:

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

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

Оформление группы ВКонтакте — для чего и для кого

Так с чего же начать оформлять свою группу, чтобы она приобрела современный и, главное, привлекательный вид? Именно об этом я рассказываю на вебинаре «Группа ВКонтакте — оформи красиво». В этой статье я остановлюсь на основных пунктах.

Аватар группы ВКонтакте – лицо вашего сообщества

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

Так, аватар, который хотели урезать по длине, все-таки был оставлен в его максимальном измерении 500 пикселей. И это радует – на таком поле можно разместить много полезной информации.

Шаблон ВКонтакте для оформления группы

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

Проблемы возникают у многих с отображением миниатюр аватарок, которые обрезаются по кругу. Для того, чтобы миниатюра не стала обрезкой уха или носа, нужно заблаговременно позаботиться о том, какую область будет сервис вырезать для миниатюры. На вебинаре я рассказываю о том, как это делается в Фотошопе (PhotoShop). Я сделала специальный шаблон, размером 200 на 500 пикселей, на нем же разместила круг (в другом слое, кто это понимает) и треугольник для стрелки вниз. Пользоваться такой заготовокй очень удобно – не нужны лишние телодвижения по подгонке размеров.

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

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

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

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

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

Ссылки на другие полезные ресурсы.

Скрап-наборы – Ссылка на раздел с возможностью скачать.

Текстовый логотип онлайн на русском языке и бесплатно – статья и видео в тексте.

Мой канал на YouTube — подписывайтесь, чтобы не прозевать что-то новое и интересное.

Участвуйте в вебинарах и получайте подарки! Ссылка на расписание

Еще информация по теме:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сегодня на конференции Dribbble Meetup Павел Шумаков, ведущий дизайнер ВКонтакте, представил новый дизайн сайта ВКонтакте, мобильных клиентов компании на iOS и Android, а также совершенно новое фотоприложение.

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

Сроки: до конца 2015 года.

Фотоприложение ВКонтакте


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


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

Долгожданный Material Design в клиенте ВКонтакте для Android. Полный редизайн всего приложения. Даже наши коллеги “яблочники”, взглянув на него, стали немного завидовать. Так же появилась возможность заказать изготовление пакетов с логотипом . Теперь этот процесс станет удобным и быстрым.

Сроки: скоро.

Видеокаталог и новые записи для iPhone


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

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




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

Когда выйдут обновленные

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

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

Боль

Проблема №1 — Узкий экран


Помимо ширины экрана я выделил еще 2 проблемы.

Проблема №2 — Разный стиль веб-версии и приложений



Проблема №3 — Месенджер

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

Теория — способы стать шире Давайте сначала решим, что такое узкий экран. Текущая ширина ВК — 791пк. В конкурсном задании было сказано адаптировать сайт под разрешение от 1024пк. Как я вижу, решением проблемы узкого экрана будет интерфейс рабочий на разрешении 1024-1600пк. То есть интерфейс способный работать как на узком (1024пк) разрешении, так и на широком (1440+пк).

1. Физическое растяжение

Решение в лоб — делаем сайт резиновым.

Плюсы:
+ Легко реализовать

Минусы:
− Контент становится не читаемым
− Нужно полностью пересматривать некоторые разделы сайта (например, друзья)

2. Параллельное изложение

Прием был замечен в концепции редизайна Фейсбука 2006 года от iA — комментарии расположены справа от постов. 5 лет назад я опробовал его на одном из своих проектов.

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

Минусы:
− Неравномерная плотность информации на экране
− Версия под 1024пк с большим трудом может быть создана или вынуждена отличаться от широкой
− Нужно полностью пересматривать некоторые разделы сайта

3. Смещаемые панели

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

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

Минусы:
− Не привычный для веб-пользователей вариант
− Сайт расположен не в центре экрана, а слева
− Большой обьем архитектурной работы
− Отсутствие линейного просмотра, требуется клик по новости для прочтения комментариев

4. Два окна

Интерфейс с двумя активными рабочими разделами на экране.

Плюсы:
+ Требует мало изменений в текущем интерфейсе

Минусы:
− Не ясно как работать с 2 режимами одновременно и зачем

5. Две колонки

Режим отображения информации схожий с таймлайном на Фейсбуке. Концепт, основанный на этом варианте, победил в конкурсе редизайна ВК.

Плюсы:
+ Легко компоновать информацию
+ Равномерная плотность данных на экране

Минусы:
− Раздваивается внимание при чтении новостей
− Фейсбук

6. Карточки

Переход от вертикального повествования в сторону сетки. Пример — Пинтерест.

Плюсы:
+ Легко масштабируется под любое разрешение

Минусы:
− Трудно воспринимать контент (трудно переучиваться)
− Нужно полностью пересматривать все разделы сайта

Практика — мое решение Свое решение я построил на 4-м подходе: экран с двумя активными окнами. Второе окно — месенджер. Это позволяет переписываться во время чтения новостей. При этом не используя 2 вкладки браузера.

На небольших (

При желании оно открывается поверх основного контента. Сценарий ведения переписки во время чтения новостей работает также.

Сама панель пользователей с последними переписками остается на экране во всех разделах сайта:

Детали за кадром

Если всмотреться в скриншоты, то видны и другие изменения в интерфейсе:

1. Фон. Появился фон для повышения контраста блоков.


2. Разделение на блоки. Посты расклеились на независимые блоки.


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

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

5. Два режима просмотра друзей. Один заимствован из веб-версии, другой из планшетной. Трудно оценить какой популярнее и удобнее.


6. Личные заметки. Появился блок личных заметок о каждом друге. Кому понравилось, берите тут — VK Memos .

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


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


На этом все, спасибо за внимание.

Написать про новый дизайн? Ну наканецта!

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

Насчет того, почему все так непривычно:

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

После этого я опубликовал в своем сообществе с краткой информацией о редизайне и голосованием. Стало интересно, как первые пользователи отреагируют. Большинство жаловались на то, что не могут найти какой-то функционал, например тумблер в сообщениях (который легко находится если навести мышку на край диалогового окна). Да, такие элементы интерфейса очень непривычные на фоне всего того, что было в рунете в последнее время. Но это не проблема нового дизайна. Это проблема того дизайн-мышления, которое сформировалось в рунете за последние годы. У нас очень редко делают прогрессивный и хороший (!) дизайн, который становится удобнее и эволюционирует плавно и равномерно, позволяя пользователю привыкать к новым элементам, более интуитивным и правильным с точки зрения UX (user experience — та часть дизайна интерфейсов, которая отвечает за доступность пользователю и удобство). Вместо этого мы имеем резкие скачки у самых прогрессивных разработчиков, которые вызывают волну недопонимания со стороны пользователей. И все это на фоне огромного количества сайтов с ужасным дизайном, который неудобен но просто напросто привычен. А все потому, что делают сайты обычно либо дешево, либо по принципу «вот как у них надо». Те, кто имеют потенциал и могут творить прогресс, просто напросто не работают за те деньги, которые предлагают в рунете, и уходят делать хорошо и дорого к зарубежным ребятам. Вот это все очень печально и вот почему введение нового дизайна Вк напоминает крещение Руси. Но через некоторое время пользователи привыкнут, запомнят где что изменилось и поймут, что все не так плохо.

Насчет того, что «косите под фейсбук, ну хоть лента без чужих лайков!».

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

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

Давайте вспомним как те же телефоны выглядели лет 10-15 назад. Каждая модель Nokia была чем-то совершенно новым: все эти выдвижные панели, раскладные во все стороны экраны, безумнейшие расположения клавиатур — это все было очень круто. При этом не помню жалоб на непонимание новинок, все ведь было такое новое, интересное и крутое!

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

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

Теперь вот мое субъективное «думаю» насчет уже самого нового Вк:

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

Насчет сообщений: Я общаюсь в Вк много (5-20 диалогов в день) и вот этот новый формат меня очень радует. Те же, кто не доволен, спокойно могут перейти на старый формат нажав на шестеренку внизу экрана и изменив настройки. Все должны быть довольны, разве нет?

В то же время я согласен

FAQ — VK Designs

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

СОВЕТЫ ПО УХОДУ И ИЗНОСУ

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

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

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

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

ЧИСТКА КОЛЬЦА

Мыть каждые две недели. VK Designs рекомендует помещать изделие в смесь теплой воды и виндекса на час и каждые две недели тщательно промывать очень теплой водой для удаления мусора.

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

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

ДИЗАЙНЫ С ШИРОКОЙ ПОЛОСА

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

(PDF) Значение экспериментальных планов в сельскохозяйственных исследованиях

20

ЗНАЧЕНИЕ ЭКСПЕРИМЕНТАЛЬНЫХ ПРОЕКТОВ В СЕЛЬСКОХОЗЯЙСТВЕННЫХ ИССЛЕДОВАНИЯХ

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

анализируются как общий блок-план с 5 обработок, 3 блока и

повторений обработок, как указано в таблице выше. Для тестирования остаточного эффекта

обработки сои фосфором на пшеницу и прямого воздействия обработки фосфором

на пшеницу была установлена ​​связь

между конструктивно неполной конструкцией ряд-столбец и схемами

для Категория II экспериментов.

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

строк; (b) обработки, примененные к посеву сои (первый набор обработок), в виде

столбцов; (c) клетки массива подверглись обработкам, примененным к урожаю пшеницы

(второй набор обработок). Следующая таблица создана на основе

Таблица обработок:

30 наблюдений Первый набор обработок

1 2 3 4 5

Репликация I 1, 3 2, 3 1, 2, 3 2, 4 5

Репликация II 1, 3 2, 3 1, 2, 3 2, 4 5

Репликация III 1, 3 2, 3 1, 2, 3 2, 4 5

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

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

комбинаций

или дроби не является правильным.

Таким образом, можно добавить еще одну лечебную комбинацию 50%

Рекомендуемый P + FYM (T4) во время харифа, а затем 50%

Рекомендуемый P + FYM + PSM (T5) во время раби к существующим 10

, что делает его 11 лечебных комбинаций. Структура столбца

теперь выглядит следующим образом:

33 Наблюдения Первый набор обработок

1 2 3 4 5

Репликация I 1, 3 2, 3 1, 2, 3 2, 4, 5 5

Репликация II 1, 3 2, 3 1, 2, 3 2, 4, 5 5

Репликация III 1, 3 2, 3 1, 2, 3 2, 4, 5 5

 это подключенный дизайн и на все вопросы можно ответить с помощью

this design.Однако добавление комбинации обработки приводит к

генерации еще 3 наблюдений. С другой стороны, экспериментатор

Vk Group Информация | Vk Group Профиль

Мы установили стандарт поиска писем

Нам доверяют более 9,9 миллиона пользователей и 95% из S&P 500.


Нам не с чего начать.Обыскивать Интернет круглосуточно — это не поможет. RocketReach дал нам отличное место для старта. Теперь у нашего рабочего процесса есть четкое направление — у нас есть процесс, который начинается с RocketReach и заканчивается огромными списками контактов для нашей команды продаж … это, вероятно, сэкономит Feedtrail около 3 месяцев работы с точки зрения сбора потенциальных клиентов. Мы можем отвлечь наше внимание на поиски клиента прямо сейчас!

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

Брайан Рэй , Менеджер по продажам @ Google

До RocketReach мы обращались к людям через профессиональные сетевые сайты, такие как Linkedln.Но нам было неприятно ждать, пока люди примут наши запросы на подключение (если они вообще их приняли), а их отправка обходится слишком дорого … это было серьезным ударом скорости в нашем рабочем процессе и источником нескончаемого разочарования … Благодаря огромному количеству контактов, которые мы смогли найти с помощью RocketReach, платформа, вероятно, сэкономила нам почти пять лет ожидания.

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

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

Поиск электронных писем для целевого охвата был вручную и занимал очень много времени. Когда я попробовал RocketReach и нашел бизнес-информацию о ключевых людях за считанные секунды с помощью простого и непрерывного процесса, меня зацепило! Инструмент сократил время на установление связи с новыми потенциальными клиентами почти на 90%.

Infranea присоединяется к VK Architects & Engineers.

Infranea расширяет свои амбиции в области цифровой инженерии за счет апскейлинга.

VK Architects & Engineers — это проектно-конструкторское бюро с более чем 65-летним опытом работы, которое в основном занимается проектированием здравоохранения и проектированием зданий в Европе и Юго-Восточной Азии. Благодаря общим ценностям, дополнительным знаниям и расширению масштабов обеих компаний Infranea намерена и дальше расширять свои возможности в области трехмерного проектирования, услуг BIM и моделирования виртуальной реальности.Мы попросили краткого объяснения у основателя и генерального директора Infranea Йохана Куппенса.

Зачем нужен этот шаг?

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

Зачем делать решительный шаг с VK Architects & Engineers?

«VK Architects & Engineers и Infranea идеально подходят друг другу.Это более крупный игрок, насчитывающий около 300 экспертов. Они занимают ведущие позиции в архитектурном и структурном проектировании сложных зданий, таких как здание суда в Антверпене или здание НАТО в Брюсселе. Но их деятельность в секторе инфраструктуры также очень ограничена, как и их присутствие в Нидерландах. Но это именно то, что может предложить Infranea! »

Что изменится в Infranea?

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

Что будет делать сам Йохан Куппенс?

«Еще не до свидания (смеется). Что касается меня, я договорился о переходном периоде продолжительностью не менее трех лет, в течение которого я также возьму на себя роль цифрового директора на групповом уровне с VK вместе с Infranea.Цифровая трансформация строительного сектора остается увлекательной задачей! В центре внимания управленческой команды Infranea будет дальнейший рост по всем направлениям вместе с нашими коллегами из VK Architects & Engineers! »

Подробнее о VK Architects & Engineers: www.vkgroup.be.


20.08.2019

Vk Design Group Inc — US DOT 3548918

ID / Операции | Инспекции / аварии в США | Инспекции / аварии в Канаде | Рейтинг безопасности

Результаты проверки в США за 24 месяца до: 07.03.2021

Всего проверок: 0
Всего проверок IEP: 0
Примечание: Общее количество проверок может быть меньше, чем сумма транспортного средства, водитель и инспекции опасностей.Для получения дополнительной информации перейдите в справку по проверкам. Информация.

Проверки:

Тип проверки Автомобиль Драйвер Hazmat IEP
Инспекции 0 0 0 0
Из Сервис 0 0 0 0
Не работает % 0% 0% 0% 0%
В среднем по стране %
на ДАТУ 25.06.2021 *
20.83% 5,4% 4,43% НЕТ

* Показатели OOS рассчитаны на основе последних 24 месяцев данных инспекции в соответствии с последним ежемесячным БЕЗОПАСНЫМ Снимок.

Штаты сообщили FMCSA о сбоях за 24 месяца до: 03.07.2021

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

Сбои:

Тип Смертельный исход Травма Буксир Итого
Сбои 0 0 0 0
ID / Операции | Инспекции / аварии в США | Инспекции / сбои в Канада | Рейтинг безопасности

Результаты канадской инспекции за 24 месяца до: 03.07.2021

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

Проверки:

Тип проверки Автомобиль Драйвер
Инспекции 0 0
Из Сервис 0 0
Не работает % 0% 0%

Результаты аварий за 24 месяца до: 07.03.2021

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

Сбои:

Тип Смертельный исход Травма Буксир Итого
Сбои 0 0 0 0
ID / Операции | Инспекции / аварии в США | Инспекции / аварии в Канаде | Рейтинг безопасности

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

Перевозчик Рейтинг безопасности:

Рейтинг ниже актуален по состоянию на: 07.03.2021

Информация для обзора:

Просмотреть информацию

Дата оценки: Нет Дата пересмотра: Нет
Рейтинг: Нет Тип: Нет

VK Architects & Engineers и Archetype Group образуют совместное предприятие

(VEN) — Глобальные дизайнерские фирмы VK Architects & Engineers через свою дочернюю компанию VK Asia Pacific и Archetype Group недавно объявили о создании нового совместного предприятия для проектирования, проектирования и строительства. разрабатывать медицинские проекты в Азиатско-Тихоокеанском регионе.

Совместное предприятие под названием VKA Healthcare представляет собой интегрированную команду международных экспертов в области медицинских учреждений и индивидуальных проектов. Обладая обширной сетью надежных партнеров, они предоставляют клиентам здравоохранения из Азии широкий спектр услуг, от инфраструктуры, генерального планирования и программирования, архитектуры и дизайна интерьера, проектирования конструкций и инженерного обеспечения MEP до управления проектами и затратами.Благодаря этому эксклюзивному сотрудничеству, VKA Healthcare стремится к комплексному подходу во всех своих проектах, чтобы быстро решать сложные ситуации и создавать инновационные и сложные больницы в области здравоохранения в Азиатско-Тихоокеанском регионе, с постоянной и устойчивой приверженностью экологическим вопросам и социальной ответственности.

VK Architects & Engineers — многопрофильная фирма с впечатляющим опытом работы с многочисленными больничными организациями в Европе, а также с несколькими учреждениями социального обеспечения, городами и местными властями.

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

Archetype Group, одна из самых известных консалтинговых компаний в области архитектуры и комплексного инжиниринга в Азии, проработала более 1200 образцов и построила более 500 проектов.

«Мы полны энтузиазма, что нашли сильного и опытного партнера в области решений для здравоохранения для нашей деятельности на этом многообещающем рынке, и мы уверены, что наши местные и международные клиенты выиграют от объединенного опыта и широкого охвата, которые мы предложим.- сказал Франсуа Манье, председатель Archetype Group.

Мой Фунг

Новый дизайн ВКонтакте — горизонтальная групповая обложка. Новый год в контакте: Подарки от администрации Как сделать обложку группы ВКонтакте онлайн

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

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

Загрузка новой крышки

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

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

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

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

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

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

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

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

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

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

П.С. Надеюсь, эта информация будет полезной.

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

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


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

Как отмечает Новый год ВК?

Для того, чтобы у пользователей сети осталось праздничное настроение, разработчики сайта ввели небольшое нововведение. В аудиозаписях в разделе «Популярное» вы найдете новогоднюю музыку. Как это сделать? Для этого нужно перейти во вкладку «Аудиозапись». В новом окне в правом верхнем углу вы увидите список: «Мои аудиозаписи», «Обновления друзей», «Рекомендации», «Популярные» и «Мои альбомы».Вам необходимо выбрать раздел «Популярные». В новом окне вы увидите значок с изображением собаки в костюме Деда Мороза. Таким образом, вы можете послушать Новый год в контакте популярные песни из новогодних мультфильмов, фильмов и просто хорошие песни в исполнении зарубежных и российских исполнителей о Новом году и праздничном настроении.

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

Как сделать хорошему другу новый год?

Чтобы сделать другу подарок, нужно зайти на его страницу. Чуть ниже его аватарок вы увидите вкладку «Отправить подарок». Нажав на эту кнопку, в новом окне вы сразу увидите раздел с новогодними подарками. В этом разделе и пингвин, лазающий в зимнем платке, и Дед Мороз, и ёлка, и даже Салат «Оливье».

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

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

Обнаружение аудитории

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

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

Создайте опрос в своем сообществе, чтобы узнать потребности аудитории

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

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

Для этой задачи подойдет инструмент для поиска аудитории «Cerebro Target». Позволяет проанализировать интересы потенциальных клиентов выбранного сообщества.

В разделе «Анализ пользователей» вставьте ссылку на группу, в которую входит Центральная Азия.

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

«Селебро» хорошо дополнит еще один инструмент, расположенный в рекламном офисе «Facebook» -.Показывает семейное положение, а также топ любимых сайтов представителей вашей аудитории. А если изучать рынок в США, помимо перечисленных, будет доступен уровень зарплат.

Укажите желаемую тему в интересующей области и соберите статистику.

Определите пол и возраст . Во-первых, эти параметры помогут выбрать группы с желаемой аудиторией. Во-вторых, сделайте обращение в своем посте более личным. Чтобы узнать об их услугах в Mail.RU.

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

Выбор сообществ

После составления Аватара представители аудитории, соберите максимально список страниц, на которые могут подписаться потенциальные клиенты. Для этого:

  1. Воспользуйтесь «поисковыми сообществами» «ВКонтакте».

  1. Находите группы через «Маркет-платформу» в личном кабинете.

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

  1. Используйте сторонние инструменты для работы с группами VC, например https://publer.pro/. Чтобы начать выбор, перейдите в раздел «Паблик / Профили», подраздел — «Паблик ВКонтакте».

поиск сообществ с помощью Pobler

Анализ сообщества

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

Наличие

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

По полу, возрасту и географии проверить наличие аудитории в группе

Активность участников

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

ER показывает количество активных подписчиков, подавляющих и комментирующих

Таблица показывает ER за день и ER post.

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

Боты

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

Наличие ботов показывает «Pable».

Обычно в группах по 10-20% ботов. Все, что больше — чит

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

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

Покрытие

Покрытие говорит о количестве просмотров сообщения в ленте новостей или на стене сообщества.При расчете этого показателя учитываются только уникальные пользователи. А «ВКонтакте» не считает быстрое стирание записи в ленте. Человек должен задерживать текст или изображение. Этот показатель также смотрите в групповой статистике.

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

Нормальный показатель покрытия — 10-20% от общего количества абонентов.Если в группе подписан миллион человек, покрытие должно составлять 100-200 000 человек.

Рекламные статьи

Если конкуренты расположены всего 1-3 раза, скорее всего, их реклама не принесла результата. Стоит проверить на прибыльность (читайте в блоке «Составление»).

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

Жилье

Через администратора

Для прямого размещения:

  1. Найдите страницу контактов администратора. Если нет — напишите свое предложение в сообщении или в пункте на стене.

контакты Администратора сообщества «ВКонтакте»

  1. Согласитесь о цене, сроках и условиях размещения. Приобретая сразу пакет проживания, можно договориться о скидке. Но покупать сразу более одного рекламного места следует только в уже проверенных сообществах.
  2. Выбирайте время размещения исходя из активности подписчиков. Если места оставались ненадолго с низкой активностью, попросите администратора немного снизить цену. Вы можете просмотреть активность в Pabler на вкладке «Подробная статистика».

По возможности поставить на пике активности

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

Через биржу «ВК»

Публикация через биржу рекламы «ВК» дороже на 10-15%. Подходит для тех, кто не использует сторонние инструменты для поиска сообществ, так как сам сервис предлагает варианты размещения.

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

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