Оформление для вконтакте: Оформление группы VK: руководство по основным настройкам

Содержание

Оформление группы VK: руководство по основным настройкам

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

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

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

Основные плюсы удачного оформления сообщества VK:

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

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

Постановка цели

Для начала необходимо сформулировать цель и задачи.

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

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

Определение целевой аудитории

Далее нужно определить целевую аудиторию и ее интересы. Для электронной коммерции можно воспользоваться методикой 5W:

  1. Что? (What) — что вы продаете.
  2. Кто? (Who) — кто покупает то, что вы продаете.
  3. Почему? (Why) — причины, по которым покупают ваш продукт.
  4. Когда? (When) — когда покупают ваш товар.
  5. Где? (Where) — где можно купить то, что вы продаете.

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

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

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

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

Создайте сообщество ВКонтакте

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

Какие бывают типы сообществ ВКонтакте:

Выбор типа сообщества VK
  • «Публичная страница» и «Бизнес» — группа для формирования лояльности у пользователей по отношению к вашему бренду. Здесь размещаются продающие посты и полезный для вашей аудитории контент, который будет мотивировать их на общение. Подходит для новостных каналов и для организаций.
  • «Тематическое сообщество» — публичная страница. Используется для публикации новостных постов, чтобы привлечь новых подписчиков и активизировать общение внутри сообщества. Подходит для блогов, СМИ и афиш.
  • «Бренд или организация» — публичная страница для компаний с узкой тематикой. Например, благотворительные фонды или учебные заведения.
  • «Группа по интересам» — должна объединить пользователей по определенным интересам. Это могут быть закрытые паблики, куда вы приглашаете сотрудников компании или, к примеру, группа фанатов какого-либо фильма или сериала.
  • «Мероприятие» — приглашение пользователей на событие: концерт, фестиваль, день рождения, семинар или вебинар и так далее.

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

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

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

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

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

Созданная нами группа

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

Настройки в разделе «Управление»

Перейдем к этапам оформления групп ВКонтакте.

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

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

Аватар

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

Размеры аватарки группы VK:

  • Минимальный размер аватара составляет 200 на 200 пикселей. Мы рекомендуем загружать формат 400 на 400, чтобы сохранить качество.
  • Максимальный размер аватарки группы VK может достигать 7000 пикселей. Сторона в длину может быть 5:2, но не больше. Иначе редактор предложит обрезать изображение.

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

Изображение можно загружать в формате: JPG, GIF или PNG.

Вот пример аватара с логотипом для кафе — аватар располагается на публичной странице без обложки:

Вариант размещения логотипа

А это пример для магазина канцелярии — длинный аватар для публичной страницы:

Пример длинного аватара

Отображение аватарки VK при отсутствии обложки группы:

Оформление аватара для научного издания

Пример отображения аватара с обложкой:

Аватар группы Яндекса

Важно! Когда вы загружаете обложку, аватар виден только в миниатюре.

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

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

Размеры обложки группы VK должны быть 1590 пикселей в ширину и 400 — в высоту. В мобильной версии у обложки с обеих сторон обрезается по 200 пикселей. Учтите этот момент при разработке дизайна.

Баннер устанавливается в настройках группы:

Установка обложки сообщества VK

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

Настройка и размер обложки для группы VK:

Выбор и настройка типов обложки
Статические баннеры

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

Пример призыва к действию на баннере

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

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

Пример создания кнопки «Позвонить»

Работа кнопки с ПК:

Работа кнопки «Позвонить» на десктопе

Оформление баннера с предложением перейти на сайт:

Обложка группы Adidas

Пример настройки кнопки:

Настройка кнопки
Динамическая обложка

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

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

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

Важно! Динамические обложки можно создать при помощи сервисов: Dycover.ru, Letscover.me, Livecoverstudio.com. Canva или Photoshop используются для создания макета баннера.

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

Пример динамического баннера в группе Церебро Таргет

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

Отображение курса валют в группе, посвященной биткоину
Живая обложка

Живая обложка представляет собой видео или нарезку из фотографий. Просмотр доступен только с мобильного телефона. На десктопе не будет ничего отображаться, для него можно установить статический или динамический баннер. Для шапки группы VK размер видео должен быть 1080 на 1920 пикселей, весом не более 20 Мб и в формате MP4.

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

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

Пример видеоряда в группе для художников

Пример отображения двух живых обложек. ВКонтакте можно установить до 5 живых обложек, которые можно пролистывать влево и вправо.

Пример отображения двух обложек

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

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

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

Пример меню

Есть два способа оформить меню ВКонтакте:

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

Меню можно создавать в конструкторах или вручную. Пример конструктора: вкменю. рф.

Настраиваем ссылки для меню в настройках:

Настройка ссылок для меню

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

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

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

Пример меню в группе по продаже мебели

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

  1. Создать меню в вики-разметке.
  2. Создать новый пост.
  3. Вставить ссылку вашего меню.
  4. Вставить картинку для вашего поста и удалить ссылку в поле для ввода, как только она определится VK.
  5. Отправить пост.
  6. Закрепить пост через настройки. Нужно нажать на три точки и выбрать надпись «Закрепить».

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

Пример работы закрепленного меню

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

Многие компании используют описание сообщества VK в качестве альтернативы меню. В данном случае главное — рассказать о деятельности компании, предоставить контактную информацию, выделить УТП.

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

Пример описания группы без использования меню

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

Пример описания с картой

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

Пример оформления информации в группе

Закрепленный пост

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

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

Пример закрепленной записи

В закрепы можно добавлять:

  • Знакомство с авторами группы.
Пост-знакомство
  • Продающие посты, анонсы и акции.
Пример призыва вступить в клуб NikeПример розыгрышаЗакрепленные новости

Оформление постов ВКонтакте

Посты VK можно оформлять текстами и статьями. Изображения для постов также должны поддерживать общий стиль страницы.

Важно! Для постов рекомендуется использовать картинки размером не менее 510 пикселей в ширину. Для обложки статьи используется размер 510 на 286 пикселей.

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

Идеи для создания постов:

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

Пример подборки видеоуроков:

Подборка видеоуроков

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

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

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

Пример статьи в ленте:

Пример статьи в ленте

Отображение статей в центре группы:

Пример отображения статей

Отображение статей в боковом меню:

Пример бокового меню

Ссылки

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

Пример, как оформить паблик VK ссылками: правила сообщества, сайт, ссылки на социальные сети.

Пример оформления группы Skillbox

Пример ссылок в сообществе Habr: правила, ссылки на социальные сети и ссылка на сайт с вакансиями в IT.

Пример оформления ссылок для Habr

Рекомендуется к прочтению! В нашей статье подробно рассказано, как работать с чат-ботом от SendPulse ВКонтакте.

Откройте для себя чат-бота

Выстраивайте автоворонки продаж и отвечайте на вопросы пользователей с помощью чат-бота в Facebook, VK и Telegram.

Создать чат-бота

Обсуждения

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

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

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

Пример обсуждений

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

Пример тематик в обсуждении

Примеры красивого оформления группы VK

Пример лаконичного дизайна для творческого блога. Красивое оформление обложки и аватара. Четкая структура построения постов и фотографий: расположение объекта и ракурсы.

Пример дизайна группы VK

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

Пример, как красиво оформить группу в VK

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

Минималистичное оформление паблика VK

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

Пример оформления группы VK Setters

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

Оформление группы «Делимобиль»

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

Оформление паблика VK

Заключение

Мы рассмотрели варианты и примеры оформления групп ВКонтакте.

Чек-лист по оформлению VK:

  1. Поставьте цель — для чего и для кого вы создаете сообщество.
  2. Определите свою целевую аудиторию, это поможет понять в каком стиле лучше оформить сообщество.
  3. Переходите к созданию сообщества. Выберите тип и приступайте к оформлению.
  4. Оформление начинаем с разработки единого стиля.
  5. Добавляем аватар.
  6. Далее создаем обложку для сообщества и добавляем целевые кнопки.
  7. Создаем навигационное меню, чтобы пользователи могли найти ответы на свои вопросы.
  8. Добавляем описание группы.
  9. Оформляем боковую панель.
  10. Переходим к написанию постов. Создаем их исходя из ваших целей: продающие тексты, статьи или развлекательный контент.

Регистрируйтесь в SendPulse, чтобы настроить и подключить чат-бота для общения с подписчиками в вашем сообществе ВКонтакте!

[Всего: 7   Средний:  5/5]

ТОП-60 оформлений группы вк (божественные примеры)

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

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

Элементы оформления

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

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

1. Аватар

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

Пример 1.
Логотип

Отлично подойдет, если у Вас крупный бренд, чей фирменный знак хорошо известен и не вызывает вопроса “Что это за компания?”.

Известный бренд
Пример 2.
Название

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

Название компании
Пример 3. Тематическая картинка

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

Сфера работы
Пример 4. Личное фото

Вы решили продвигать личный бренд? Тогда обязательно разместите на авате сообщества своё фото.

Личный бренд

2. Обложка

Заметив Ваш классный аватар в ленте или списке сообществ, пользователь может перейти в группу. И первое, что бросится ему в глаза здесь – обложка или шапка. Это горизонтальный баннер вверху страницы. Шапка группы должна отражать тематику и направленность Вашего сообщества, на неё можно добавлять контакты, УТП, адреса или призывы и многое другое.

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

Пример 1.
Активные подписчики

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

Баннер с интерактивными вставками
Пример 2. Лицо бренда

Яркий пример статической обложки с изображением блогера-владельца группы и названием. Для личного бренда самое то – Вас же должны узнавать и запоминать?

Статичная обложка

Интересно. Хотите раскрутить группу в Вк? Сделайте это с новым сервисом автоматизированных конкурсов. Вау-эффект и продажи Вам обеспечены. Кликайте и тестируйте -> Activebot.ru (промокод “inscale” – скидка 10%).

Пример 3. Привлекающее видео

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

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

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

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

Фрагмент живой обложки

Следующий элемент визуально продолжает шапку группы, поэтому я поместила его сюда же. Это кнопки действия. Они настраиваются в разделе “Управление”. Вы можете назвать кнопку по-разному, в зависимости, например, от оффера, расположенного в шапке.

Пример 1. Подробности
Подробнее
Пример 2. Звонок
Позвонить
Пример 3. Перейти к рассылке
Перейти
Пример 4. Переход на сайт
Сайт
Пример 5. Регистрация
Регистрация
Пример 6. Заказ
Заказать

3. Меню

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

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

Пример 1. Виджет-меню

Если хотите быть в тренде – это Ваш вариант. Это миниатюрные иконки под названием или описанием группы. Настройте их в разделе “Управление сообществом”. Только учтите, что на внешние ссылки переход будет невозможен.

Виджеты-иконки

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

Пример 2. Закрытое

Размещается в блоке “Свежие новости” на главной странице. Для удобства пользователей переименуйте его в настройках на слово “Меню”. Виден этот элемент будет только при нажатии на вкладку.

Вид при нажатии
Пример 3. Открытое

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

Открытое меню
Пример 4. Скрытое

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

Ссылка для разворота меню
Пример 5. Слитное

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

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

Вид с ПК

4. Закрепленный пост

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

Пример 1. Знакомство

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

Рассказ о себе
Пример 2. Продающий пост

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

Реклама товара

Кстати. Если Вы планируете продающий пост запускать в рекламу, то первое, на что нужно обратить внимание – качественная аудитория. Так и эффект лучше и не придется распылять бюджет. Собрать ее моно через парсеры. Самый ТОПовый – Pepper Ninja (“INSCALE2021” +30 дней при оплате).

Пример 3. Ссылка на сайт

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

Ссылка на внешний ресурс
Пример 4. Форма сбора лидов / заявок

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

Заполнение анкеты
Пример 5. Анонсы

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

Анонс мероприятия
Пример 6. Новости

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

Новости компании

5. Виджеты

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

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

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

Пример 1. Приветствие / информация о себе

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

Рассказ о группе
Пример 2. Оформление заявки

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

Ссылка на виджетЗаполнение заявки

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

Пример 3. Подписка на рассылку

Такой вид Вы можете использовать для сбора теплой базы и автоматической рассылки сообщений и предложений заинтересованным пользователям. При этом пользователь может подписаться сразу на все рассылки или только на наиболее актуальные для него. С помощью этого виджета Вы сэкономите на запуске email-маркетинга, а также определите интересы своей ЦА.

Получение рассылки
Пример 4. Участие в акции

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

Виджет-конкурс

Лайфхак. Можно воспользоваться отложенной публикацией для экономии времени. Есть множество сервисов отложенного постинга, например: Parasite, Smmplanner, Smmbox.

Пример 5. Оставление отзыва

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

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

Отзывы клиентов
Пример 6. Задать вопрос

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

Вопросы пользователей
Пример 7. Просмотр товаров

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

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

Карточки товаров

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

Товары в боковом меню

6. Подкаст

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

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

Пример 1. Аудио

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

Аудио подкаст
Пример 2. Видео

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

Видео подкаст

7. Ссылки

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

Пример 1. Соцсети

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

Ссылки на аккаунты в соц.сетях
Пример 2. Официальные сайты

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

Ссылки на сайты
Пример 3. Отзывы

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

Ссылка на отзывы
Пример 4. Партнеры

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

Ссылки на сайты партнеров

Кстати. Еще один простой способ создать пост который точно станет популярным – подсмотреть, что зашло у конкурентов, и сделать что-то похожее. В этом Вам поможет сервис ЭдСпойлер. Переходите по ссылке -> AdSpoiler. (INSCALE – скидка 15%).

Пример 5. Контакты

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

Ссылки на личные страницы

8. Обсуждения

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

Блог обсуждения
Пример 1. Отзывы

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

Отзывы клиентов
Пример 2. Вопрос-ответ

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

Ответы на частые вопросы
Пример 3. Правила

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

Правила группы
Пример 4. Конкурсы и победители

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

Информация о конкурсах

По теме:
Конкурс ВКонтакте: 20 идей + 9 советов маркетолога
Как провести конкурс Вконтакте: 10 правил + 10 сервисов

9. Аудио альбомы и видео

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

Пример 1. Корпоративные цвета
Видеозаписи
Пример 2. Обложки-карточки товаров
Фотоальбомы
Пример 3. Яркие тона
Плейлисты

10. Мероприятия

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

Ссылки на события

11. Посты

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

Пример 1.
Картинка / видео

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

Картинка+видео
Пример 2. Аудио / плейлисты

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

Подборка аудиозаписей
Пример 3. Текст

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

Рассказ

И пока на забыл, если вы планируете рекламные активности, то пополнять бюджет рекомендую через сервисGetuniq, с ним вы здорово сэкономите. Только тссс… Кликайте и тестируйте -> Getuniq.

Пример 4. Опросы

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

Опрос пользователей
Пример 5. Карта

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

Место нахождения
Пример 6. Постер

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

Пример 7. Документ

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

12. Статьи

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

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

Статьи в боковом менюСтатьи в центральном блоке

13. Истории

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

  • Анонс. Используется для повышения просмотров новых записей или статей в ленте;
  • Вопрос/ответ. Ответы на самые частые вопросы от подписчиков;
  • Геймификация. Взаимодействуйте с подписчиками в игровой форме, повышайте вовлеченность аудитории;
  • Листинг. Когда информацию можно разделить на несколько пунктов. Например, на тему “5 советов, чем занять себя дома”, первая история с заголовком, а далее одна история – один совет.
Истории группы

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

Форматы изображений и сервисы

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

  • Обложка. Оптимальный размер для ПК и мобилки 1590х400. Чтобы в приложении самое важное не обрезалось, помещайте в безопасную зону – в центр;
  • Аватар. Квадратная или круглая миниатюра 200х200. Она и в ПК, и в мобильной версии отображается в полном объеме;
  • Баннер/пост. Квадратная запись на стене 510х510. Одинаково крупно смотрится в обоих случаях. Размер 510х300 в мобилке будет уменьшатся;
  • Карточки товаров. Для обложке на товары подойдет любой квадратный формат. Делайте покрупнее, чтобы не терялось качество картинки. Например, 1000х1000
  • Фотоальбомы. Один формат – 1200х800. Не помещайте текст вниху обложки, на него наложится название фотоальбома;
  • Видеозаписи. Обычно обложка выставляется автоматически из набора случайных скриншотов ролика. При желании можно загрузить свою, размером 1280х720;
  • Статьи. Заставка размером 510х286. Чтобы дизайн обложки не перекрывался названием статьи, учитывайте длину заголовка: уместится он в одну строку или нет.

По теме: Статистика Вконтакте: 15 важных метрик

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

Название сервисаБесплатный доступПлатный доступ
СanvaЕстьОт 760 руб/мес
СrelloЕсть610 руб/мес
SupaЕсть990 руб/мес
SmmbulletЕстьНет

НАС УЖЕ БОЛЕЕ 32 000 чел.
ВКЛЮЧАЙТЕСЬ

Коротко о главном

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

По теме:
Охват в Вконтакте: что это + как посмотреть
Аудиореклама в Вк: как настроить + примеры
Промопост в Вк: примеры + лайфхаки от эксперта
Сервисы накрутки Вконтакте: 25 сервисов + 5 советов
Автопостинг Вконтакте: 21 сервис + 9 главных функций
Накрутка подписчиков в группу Вк: 25 сервисов + 7 лайфхаков
Биржа рекламы ВКонтакте: ТОП-8 сервисов + 10 функций

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

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

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

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

Определите цели

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

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

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


Критично рассматривайте каждый элемент дизайна сообщества с точки зрения его главной цели!

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

Ваше "лицо" в сети узнаваемо
Визуальные образы работают на укрепление доверия
Ваши посты и объявления выделяются в ленте пользователя

Логотип

Самое емкое представление вашего бренда – миниатюрная картинка-символ, которая сопровождает каждый пост группы. Ее минимальный размер 200 х 200 px (пикселей). При любом соотношении сторон все равно придется выбирать квадратный фрагмент.

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


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

Аватар

Это другой тип изображения, который можно разместить в правом верхнем углу вашей группы. Его размеры 200 х 500 px или больше, но при соотношении сторон 2 х 5. В этом пространстве можно уместить и картинку, и краткую фразу (например, ваш слоган, призыв к действию).

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


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

Основной баннер

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

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


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

  • написать e-mail;
  • позвонить;
  • позвонить в ВК;
  • перейти на сайт;
  • перейти в приложение;
  • зайти в приложение группы.

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

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

Вики-меню группы

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

В правом виджете администратора откройте пункт «Управление» - «Разделы». Здесь, напротив вкладки «Материалы» поставьте значение «открытые» или «ограниченные» (разница описана во всплывающих подсказках). Тогда на стене сообщества, рядом со вкладкой «Информация» появится другая – «Свежие новости».

Именно эту вкладку нужно редактировать (кнопка появится внизу). Вместо «Свежие новости» напишем «Меню». В правом верхнем углу переключим редактор на режим wiki-разметки. И напишем строку такого вида:

[https://vk.com/ваш_url|первый пункт меню]

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


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

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

Группы товаров

Сегодня соцсеть ВКонтакте позволяет создать полноценный Интернет-магазин. Чтобы наполнить его товарами – включите соответствующую вкладку («Управление» - «Разделы» - «Товары»). Тогда откроется редактор для описания направлений вашего бизнеса, контактов, способа оплаты. Здесь же можно добавлять карточки на каждый товар.

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

  1. Максимально полное описание. Укажите материалы, производителя, размеры, цвет – все важные характеристики товара.
  2. Качественные фотографии, размером 400 х 700 px (или с соотношением сторон 4 х 7). Основное изображение плюс четыре дополнительных.
  3. Категория товара выбирается из списка.

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

Основные ошибки при оформлении группы в ВК

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

  1. Отсутствие ясного целеполагания: зачем создана группа? – В принципе, никогда не поздно определиться с ответом и переформатировать сообщество в соответствии с его целями. Укажите их в описании паблика. Создавайте весь контент на этом основании.
  2. Небрежный подбор изображений. Если вы не уверены в своих способностях дизайнера – поручите создание логотипа, аватара, обложки специалистам. Но не полагайтесь на их вкус, а добивайтесь результата, который соответствует именно вашему плану.
  3. Инертность в подборе инструментов оформления. Разработчики ВК постоянно предлагают нам новый функционал. Есть масса приложений, которые позволят сделать вашу группу по-настоящему уникальной, привлекательной и полезной для целевой аудитории. Экспериментируйте! Стоит регулярно менять оформление группы ВКонтакте – не кардинально, но поддерживать его актуальным.
  4. Слепое копирование примеров. Изучая материалы по созданию пабликов, анализируя сообщества конкурентов, не старайтесь сразу реализовать в своей группе все обнаруженные варианты. Рассмотрите каждый инструмент под призмой вашей цели – он либо заметно видоизменится, либо окажется вовсе лишним.
  5. Невнимание к разнице мобильного и десктопного отображения сообщества. Количество пользователей смартфонов и планшетов уже заметно превысило число людей, которые заходят в соцсеть при помощи компьютеров с большими мониторами. Но для администратора группы одинаково важны обе группы Интернет-аудитории. При загрузке изображений, текстов, обязательно проверяйте их представление во всех вариантах верстки.

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

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

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

Размер – это главное

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

Так выглядит оформление группы SMMplanner с учетом минимальных размеров изображений:

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

Первое, что стоит сделать в сообществе – баннер. Большая яркая картинка привлечет внимание пользователя и будет источником самой важной информации о вас. Размеры различаются для десктопной и мобильной версии: это 1590 на 400 px и 1196 на 400 px соответственно. Со смартфонов люди увидят только центральную часть картинки.

Недавняя опция в VK – это живой баннер (видео или анимация). Его параметры – 1080 на 1920 full HD, а вес не должен превышать 30 МБ.

Аватар в современном VK всегда круглый. Минимальный размер – 200 на 200 px. Если очень хочется, можно сделать вертикальный аватар (в соотношении 200 на 500 px), но его увидят лишь те, кто кликнет на картинку для просмотра. Уверена, вы сами не имеете привычки кликать на авы коммерческих сообществ, так что эта опция почти бесполезная.

Далее пользователь столкнется с меню. Если сделать полноценную страницу с вики-разметкой, можно вдоволь креативить с с картинками в любых пропорциях при ширине 510 px. Но с недавнего времени можно создать и упрощенный вариант – со ссылками на приложения. Минимальный размер обложки для каждой ссылки – 376 на 256 px.

Виджеты могут иметь разные пропорции. Самые популярные варианты: вертикальные картинки 500 на 750 px, квадраты 500 на 500 px или баннер 1000 на 251 px.

Так выглядят виджеты разных форматов

Другая важная часть коммерческого сообщества – товары, они всегда квадратные. Минимальный размер 400 на 400 px, максимальный – 1000 на 1000 px.

Иногда обложки фотоальбомов, статей и видео тоже становятся частью оформления. Для видео в VK оптимальный размер 1280 на 720 px. Для обложки альбома – 1200 на 800 px, в мобильной версии снизу будет обрезано 200 px от исходной картинки. Для заглавного изображения в статье нужен размер не меньше 510 на 286 px.

Для постов оптимальная ширина 510 px, а пропорции могут варьироваться. Наиболее удачными считаются квадраты или горизонтальные прямоугольники 2:3.

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

Что еще нужно учесть?

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

Подумайте о практичности

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

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

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

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

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

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

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

Пишите разборчиво

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

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

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

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

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

Сделайте дизайн единообразным

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

Первый важный фактор для единообразия оформления – это цвет.

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

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

Можно экспериментировать с фотографиями и картинками, если надписи их объединяют

Иногда в оформлении меню, ссылок и постов повторяются элементы логотипа. Вот так:

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

Полезные сервисы

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

  • Canva – пожалуй, самый популярный сервис. Здесь много готовых шаблонов для оформления постов, обложек и меню.
  • Crello – аналогичный редактор, здесь можно делать полупрозрачные картинки, корректировать цвета и загружать свои шрифты.
  • Adobe Spark – еще одна альтернатива. Можно загружать шрифты, брать готовые шаблоны, бонусом есть сервис для подбора гармоничных сочетаний цветов.

Еще несколько ссылок вам в помощь:

  • Unsplash, Pixabay, Pexels – мои любимые бесплатные фотостоки, тут можно найти иллюстрации или текстуры для оформления группы.
  • FontStorage – хранилище бесплатных шрифтов. Перед скачиванием убедитесь, что в наличии есть кириллическая версия.
  • Наш сервис отложенного постинга: в одном месте вы сможете создавать, редактировать и планировать публикации для всех соцсетей.
Скорее регистрируйтесь в SMMplanner и пробуйте описанное в статье!

7 простых советов от профи

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

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

1. Как красиво оформить страницу в ВК при помощи фотографий

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

Не используйте картинку в качестве аватара, а поставьте личное фото хорошего качества.

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

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

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

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

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

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

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

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

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

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

Полезные ссылки: Чем отличается паблик от группы Вконтакте, Привлечение подписчиков в группу Вконтакте, Зачем нужны боты в ВК.

2. Анкета, как способ сделать профиль привлекательным

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

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

В разделе «Основное» можно внести следующие данные:

  • имя;
  • пол;
  • возраст;
  • семейное положение.

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

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

Вместо сайта можно синхронизовать другие социальные сети (Instagram, Twitter, канал на Youtube), чтобы гости могли познакомиться с вами, как личностью поближе. Обязательно укажите наличие того или иного образования, курсов. Это важный момент для репутации.

Красиво оформить страницу можно с помощью следующих подразделов:

  • интересы;
  • цитаты;
  • о себе.

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

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

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

3. Правильные ФИО – основа личного бренда

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

Запоминающиеся ФИО способно привлечь ту или иную аудиторию. Не зря говорят: «Как корабль назовёшь, так он и поплывёт».

4. Стена в виде мини-блога, как метод общения с аудиторией

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

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

Стена бизнес-аккаунта – это выигрышное место для продажи вещей или предложения услуг.

Украсить стену поможет не только информативное наполнение. Фотография с постом – неотъемлемая часть красивого профиля.

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

5. Статус и количество друзей, как метод привлечения внимания

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

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

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

Главное не переборщить с таинственностью (особенно это актуально для девушки), к примеру: «Меня сложно найти и легко потерять». Это будет выглядеть как минимум глупо.

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

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

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

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

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

6. Группы, друзья, видео, аудио – основа красивого наполнения профиля

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

  1. Интересные страницы. Большое количество интересных страниц не только захламляют ленту, но и портят внешний вид. Это ни к чему. Лучше оставьте несколько действительно важных страниц, на которые заходите чаще всего. Сообщества по типу «МДК» лучше отправить в закладки.
  2. Видеозаписи. Личная страница может содержать любые видео файлы. Рабочая страница – это интересы вашей аудитории. Если публике не интересно вязание крючком, то лучше убрать подобное видео из Сохранённых. Часто вижу, как успешные бизнес-аккаунты содержат давние видеозаписи, что очень портит внешнюю картинку.
  3. Аудиозаписи. Приватность плейлиста зависит от вашего вкуса. Если вы любитель специфической музыки, то лучше скрыть аудиозаписи от посторонних глаз и ушей.

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

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

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

Полезные лайфхаки: Как сделать активную ссылку в ВК, Как сделать ссылку в ВК на человека, Как сделать смайлик в ВК возле фамилии.

7. Умеренная конфиденциальность – залог привлекательности страницы

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

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

Не стоит болтать лишнего о себе. Лаконичность и эстетика страницы вызывают большой интерес у публики.

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

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

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

С уважением, Дарья Борисенко
специально для проекта proudalenku.ru

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

array (
  0 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '265645',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'Cyberpunk 2077',
     'dir' => 'Cyberpunk_2077',
     'res' => NULL,
     'new' => '0',
     'popular' => '4011',
     'date_create' => '2021-01-19 12:01:54',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '4',
     'locked' => '0',
     'type_name' => 'Темы от Get Styles',
     'type_id' => '678',
     'type_pos' => '-3',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '678',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  1 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '265425',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'Red Dead Redemption 2',
     'dir' => 'Red_Dead_Redemption_2',
     'res' => NULL,
     'new' => '0',
     'popular' => '3314',
     'date_create' => '2020-12-15 15:12:47',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '7',
     'locked' => '0',
     'type_name' => 'Темы от Get Styles',
     'type_id' => '678',
     'type_pos' => '-3',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '678',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  2 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '247401',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'Матрица',
     'dir' => 'Matrica',
     'res' => NULL,
     'new' => '0',
     'popular' => '50987',
     'date_create' => '2020-12-15 14:12:22',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '27',
     'locked' => '0',
     'type_name' => 'Старые темы от Get-Styles',
     'type_id' => '683',
     'type_pos' => '24',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '683',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  3 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '261505',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'ABYSSPHERE',
     'dir' => 'ABYSSPHERE',
     'res' => NULL,
     'new' => '0',
     'popular' => '32503',
     'date_create' => '2020-12-13 16:12:45',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '20',
     'locked' => '0',
     'type_name' => 'Темы от Get Styles',
     'type_id' => '678',
     'type_pos' => '-3',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '678',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  4 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '262952',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'Клубная Тема',
     'dir' => 'Klybnaia_Tema',
     'res' => NULL,
     'new' => '0',
     'popular' => '12817',
     'date_create' => '2020-12-13 15:12:41',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '3',
     'locked' => '0',
     'type_name' => 'Темы от Get Styles',
     'type_id' => '678',
     'type_pos' => '-3',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '678',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  5 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '265410',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'Старая стандартная тема',
     'dir' => 'Staraia_standartnaia_tema',
     'res' => NULL,
     'new' => '0',
     'popular' => '8267',
     'date_create' => '2020-12-13 12:12:54',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '5',
     'locked' => '0',
     'type_name' => 'Темы от Get Styles',
     'type_id' => '678',
     'type_pos' => '-3',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '678',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  6 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '263509',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'Аватария',
     'dir' => 'Avatariia',
     'res' => NULL,
     'new' => '0',
     'popular' => '11660',
     'date_create' => '2020-03-26 16:03:18',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '7',
     'locked' => '0',
     'type_name' => 'Старые темы от Get-Styles',
     'type_id' => '683',
     'type_pos' => '24',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '683',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  7 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '263506',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'Bus Man',
     'dir' => 'Bus_Man',
     'res' => NULL,
     'new' => '0',
     'popular' => '4601',
     'date_create' => '2020-03-26 11:03:25',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '3',
     'locked' => '0',
     'type_name' => 'Старые темы от Get-Styles',
     'type_id' => '683',
     'type_pos' => '24',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '683',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  8 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '263004',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'Небоскребы',
     'dir' => 'Neboskrebi',
     'res' => NULL,
     'new' => '0',
     'popular' => '20896',
     'date_create' => '2020-01-22 22:01:07',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '14',
     'locked' => '0',
     'type_name' => 'Старые темы от Get-Styles',
     'type_id' => '683',
     'type_pos' => '24',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '683',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  9 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '262936',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'Linege2',
     'dir' => 'Linege2_1',
     'res' => NULL,
     'new' => '0',
     'popular' => '5786',
     'date_create' => '2020-01-10 17:01:27',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '1',
     'locked' => '0',
     'type_name' => 'Старые темы от Get-Styles',
     'type_id' => '683',
     'type_pos' => '24',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '683',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  10 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '262681',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'Домик в зимнюю ночь',
     'dir' => 'Domik_v_zimnuu_noch',
     'res' => NULL,
     'new' => '0',
     'popular' => '23213',
     'date_create' => '2019-12-07 19:12:00',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '3',
     'locked' => '0',
     'type_name' => 'Анимированные',
     'type_id' => '680',
     'type_pos' => '24',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '680',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  11 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '262679',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'homestuck',
     'dir' => 'homestuck',
     'res' => NULL,
     'new' => '0',
     'popular' => '5803',
     'date_create' => '2019-12-07 18:12:14',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '1',
     'locked' => '0',
     'type_name' => 'Анимированные',
     'type_id' => '680',
     'type_pos' => '24',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '680',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  12 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '262531',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'В Секте :D',
     'dir' => 'V_Sekte_D',
     'res' => NULL,
     'new' => '0',
     'popular' => '15224',
     'date_create' => '2019-11-21 23:11:59',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '4',
     'locked' => '0',
     'type_name' => 'Старые темы от Get-Styles',
     'type_id' => '683',
     'type_pos' => '24',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '683',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  13 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '262367',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'Skrayby',
     'dir' => 'Skrayby',
     'res' => NULL,
     'new' => '0',
     'popular' => '18052',
     'date_create' => '2019-11-05 18:11:11',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '7',
     'locked' => '0',
     'type_name' => 'Старые темы от Get-Styles',
     'type_id' => '683',
     'type_pos' => '24',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '683',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  14 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '261906',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'Red and Black Crystals',
     'dir' => 'Red_and_Black_Crystals',
     'res' => NULL,
     'new' => '0',
     'popular' => '17288',
     'date_create' => '2019-09-24 20:09:39',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '8',
     'locked' => '0',
     'type_name' => 'Старые темы от Get-Styles',
     'type_id' => '683',
     'type_pos' => '24',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '683',
     'moderator_id' => '1573391',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  15 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '261594',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'Orange Juice',
     'dir' => 'Orange_Juice',
     'res' => NULL,
     'new' => '0',
     'popular' => '11412',
     'date_create' => '2019-08-20 23:08:57',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '7',
     'locked' => '0',
     'type_name' => 'Старые темы от Get-Styles',
     'type_id' => '683',
     'type_pos' => '24',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '683',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  16 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '260907',
     'published' => '1',
     'user_id' => '766568',
     'name' => 'Морская волна',
     'dir' => 'Morskaia_volna_1',
     'res' => NULL,
     'new' => '0',
     'popular' => '13424',
     'date_create' => '2019-06-19 12:06:46',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '13',
     'locked' => '0',
     'type_name' => 'Старые темы от Get-Styles',
     'type_id' => '683',
     'type_pos' => '24',
     'role_id' => '2',
     'username' => 'SergeiKA1994',
     'newtype' => '683',
     'moderator_id' => '0',
     'dir_catalog' => 'upload/css/',
     'favorite' => false,
  )),
  17 => 
  stdClass::__set_state(array(
     'reconstruction' => '0',
     'id' => '708',
     'published' => '1',
     'user_id' => '8',
     'name' => 'Стандартная Тема',
     'dir' => 'Standartnaia_Tema',
     'res' => NULL,
     'new' => '0',
     'popular' => '3161069',
     'date_create' => '2006-09-14 00:00:00',
     'rate' => '0',
     'template' => '-1',
     'comment_count' => '495',
     'locked' => '0',
     'type_name' => 'Основные',
     'type_id' => '1',
     'type_pos' => '1',
     'role_id' => '2',
     'username' => 'Sergy',
     'newtype' => '1',
     'moderator_id' => '766568',
     'dir_catalog' => 'upload/css/',
     'text' => 'Стандартная Тема',
     'title' => NULL,
     'style' => NULL,
     'BODY_BG' => NULL,
     'favorite' => false,
  )),
)

Размеры оформления контента ВКонтакте — CheckROI

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

Размеры для сообщества (группы) ВКонтакте

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

    • Аватарка. Максимальный размер картинки ВКонтакте для аватара — 200х500 пикселей, для миниатюры — 200х200 пикселей. При загрузке файла большего разрешения, отобразится только его часть. Миниатюра выбирается из фрагмента аватара. Полный размер можно увидеть, кликнув по аватарке. Допустимые форматы фото JPG, GIF или PNG.
      При наличии обложки группы будет отображаться только миниатюра аватара. В мобильной версии, с обложкой или без, отображается только миниатюра.

Размеры аватарки Вконтакте для аватара

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

  • Обложка (шапка) группы. В полной (компьютерной) версии сайта размер шапки группы Вконтакте составляет 1590х400 пикселей. Выберите нужный фрагмент, при загрузке картинки большего параметра.

В мобильной версии ВК обложка обрезается по бокам на 197 пикселей. Размер видимой части обложки ВК составляет 1196х400. При создании шапки учитывайте зону отображения элементов приложения (боковые кнопки, индикаторы устройства). Размер зоны занимает 83 пикселя сверху и по 140 пикселей с боков.

При желании добавьте «живые» обложки, которые могут содержать в себе:

  1. От 1 до 5 изображений, размером 1080х1920 пикселей. Смена картинок происходит автоматически. Доступна функция автоувеличения.
  2. От 1 до 5 видеороликов, размером 1080х1920 пикселей. Файлы загружаются в формате MP4 (видеокодек H.264, аудиокодек AAC), размером не более 30Мб и продолжительностью до 30 секунд. Смена роликов происходит в автоматическом режиме.

Важно! «Живые» обложки отображаются только в мобильных приложениях.

  • Свёрнутая обложка — отображается при входе в группу.
  • Развёрнутая обложка — отображается после клика по свёрнутой обложке.

Ниже представлены размеры отображения обоих видов обложек.

  • Изображения для записей ВКонтакте. Они бывают двух видов:
    • Квадратные — минимальный размер 510х510 пикселей.
    • Прямоугольные — минимальный размер высоты 510 пикселей, соотношение сторон 3:2.

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

Видеозаписи. Рекомендованный размер для загрузки роликов — 1280х720 пикселей (HD качество). Увеличение или уменьшение параметров видео отразится на чёткости отображения. Размер файла не должен превышать 5Гб.

Допустимые форматы для загрузки — AVI, MP4, 3GP, MPEG, MOV, FLV, WMV.

Размеры меню сообщества. Оптимальный размер картинки меню — 376х256 пикселей. Текст меню не должен превышать 19 символов.

Размер обложки для статей

Рекомендуемый размер — 510х286 пикселей. Учитывайте, что часть изображения будет закрыта текстом (название, автор статьи), кнопками «Читать» и «Сохранить в закладках».

Размеры для витрины товаров

Оптимальный размер фото Вконтакте для товаров — 1000х1000 пикселей. Загрузить можно до 5 фотографий. Витрина сообщества состоит из блока с тремя товарами.

Размеры для историй

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

  • Изображения — размер фотографий 1080х1920 пикселей.
  • Видео — размер роликов 720х1080 пикселей. Продолжительность видео 15 секунд, а размер не более 10Мб. Формат загружаемого файла MP4 (видеокодек H.264, аудиокодек AAC).

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

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

Рекомендуемый размер обложки ВК — 1200х800 пикселей. Учитывайте, что внизу будет отображено название альбома и количество фотографий.

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

Размеры Сниппетов

Сниппет — специальный блок, добавленный к записи и содержащий ссылку на внешние ресурсы. Рекомендуемый размер — 537х240 пикселей.

Переход по ссылке осуществляется кликом по картинке.

Размеры рекламных баннеров

Тизеры — рекламные блоки, расположенные с левой стороны под основным меню ВКонтакте. По размерам делятся на:

  • Большой тизер — 145х165 пикселей
  • Маленький тизер — 145х85 пикселей

Промопост с кнопкой — то же, что и сниппет (537х240 пикселей).

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

Размеры баннеров для промо-постов Вконтакте

Карусель

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

Рекомендация по загрузке изображений

Для загрузки фото используйте Flash-загрузчик. С его помощью можно сохранить большое количество фото в альбом и ускорить этот процесс. При неправильном выборе размера фото его качество может пострадать. Это происходит потому, что слишком большие иллюстрации (5000×3000 пикселей) сжимаются и после загрузки выглядят размытыми. Если наоборот, картинка небольшая (1920×1080 пикселей) резкость может повыситься. Чтобы избежать такого эффекта, используйте фото, разрешение которого не превышает 1280х1024 пикселей. Это оптимальный размер, который не изменяется ВКонтактом после загрузки.

 

Поделитесь материалом в соцсетях — обсудите его с друзьями и коллегами!

Новый дизайн "ВКонтакте" / Sudo Null IT News

Социальная сеть ВКонтакте впервые с момента открытия в октябре 2006 года обновила дизайн. Верстка сайта адаптирована под наиболее популярное разрешение экрана 1366x768 пикселей вместо прежнего 800x600. Изменены шапка сайта и дизайн абсолютно всех разделов.

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

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


Главный принцип дизайна ВКонтакте - чтобы он выглядел как на всех устройствах.

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

Сообщения


Непрочитанные сообщения помечаются синей точкой, которая исчезает после прочтения, а статус онлайн - зеленой точкой.

Уведомления


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

Фото


Фотографии стали крупнее, а просмотр организован в горизонтальном расположении.

Павел Дуров


Из подвала сайта удалена ссылка на основателя проекта.

Постепенно новый дизайн будет внедрен для всех пользователей социальной сети.

См. Также:
Что не так с редизайном ВКонтакте

Атака клонов Facebook: Вконтакте

Россия

Все сеансы Transform 2021 теперь доступны по запросу. Смотри.


Международные грабежи успешных веб-компаний можно найти повсюду, от Frazr, немецкого клона Twitter, до Digg Malaysia, малазийского клона рейтингового сайта Digg.

Чтобы не отставать, российская социальная сеть Vkontakte (или «виртуальный контакт») практически полностью скопировала внешний вид Facebook, не говоря уже о темпах ее роста. См. График Alexa и галерею скриншотов ниже.

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

В Германии клон Facebook StudiVZ был куплен немецкой издательской компанией примерно за 100 миллионов долларов; Сообщается, что в Китае клон Facebook Xiaonei был куплен более крупной китайской интернет-компанией за нераскрытую сумму.

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

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

Повышение рейтинга Alexa в Вконтакте:

Гениальный дизайн Вконтакте:

И, не забываем, StudiVZ красный версия:

Наконец, есть приветственная страница Xianei - такая же, как у Facebook, но с рекламой предстоящих Олимпийских игр в Пекине (гордый партнер по рекламе: Coca Cola).

Спасибо, Игорь!

VentureBeat

Миссия VentureBeat - стать цифровой городской площадью, где лица, принимающие технические решения, могут получить знания о преобразующих технологиях и транзакциях.На нашем сайте представлена ​​важная информация о технологиях и стратегиях обработки данных, которая поможет вам руководить своей организацией. Мы приглашаем вас стать участником нашего сообщества, чтобы получить доступ:
  • актуальная информация по интересующим вас вопросам
  • наши информационные бюллетени
  • закрытый контент для лидеров мысли и доступ со скидкой к нашим призовым мероприятиям, таким как Transform 2021 : Подробнее
  • сетевых функций и многое другое
Стать участником

Офис Вконтакте, Санкт-Петербург - DesignCurial

GI использовала яркие цвета, дизайнерские стулья и надписи на стенах, чтобы поставить это новое офисное пространство для российского аналога Facebook на передний план своей игры

.

Детали

Клиент: ВКонтакте
Дизайн: Gullsten-Inkinen Design and Architecture (GI)
Размер: 885 кв.м
Срок сдачи: Восемь месяцев

Подробнее о проекте

Социальная сеть «ВКонтакте» - это ответ России на Facebook, который также популярен в Украине, Казахстане и Беларуси.Недавно компания переместила свой офис в Санкт-Петербурге на седьмой и восьмой этажи недавно отремонтированного офисного здания в деловом районе города, и вместо того, чтобы обращаться к местному дизайнеру, она выбрала финскую практику Gullsten-Inkinen Design and Architecture, известную как GI для краткости. - оформить интерьер.

Основанная в 1988 году мужем и женой Яри Инкинен и Ханной Гуллстен, компания GI уже некоторое время стремилась обосноваться в России и уже спроектировала офис компании мобильной связи Nokia в Москве; но, как объясняет Инкинен, создание репутации в стране требует времени.«В России все немного иначе, чем в Европе», - говорит он. «Отношения очень важны, и бывает сложно найти людей, которые будут работать с вами; но как только вы это сделаете, они будут очень внимательны ».

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

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

Пожалуй, наиболее удачная область схемы - это залитые светом приемные, где сотрудники развлекают клиентов. Здесь простая, но эффективная схема включает два стула Aarnio Eero Bubble Chair. Подвешенные цепями к потолку, они открывают захватывающий вид на крыши Санкт-Петербурга. Белые подушки стульев и синий ковер в форме пузыря отражают корпоративные цвета компании.

Большая часть мебели производится из Финляндии, в том числе стулья Kilta от Martela. «С точки зрения эргономики Финляндия превосходит остальную Европу», - говорит Инкинен.

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

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

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

Эта статья была впервые опубликована в журнале fx Magazine.

Фото: Юрий Молодковец

инвесторов Facebook сделали ставку на двух лошадей, поскольку Vkontakte.ru планирует выйти на мировой рынок - TechCrunch

Российская социальная сеть

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

В отчете упоминается, что компания недавно приобрела доменное имя vk.com за нераскрытую сумму и планирует использовать ее для брендинга и маркетинга Vkontakte.ru на 12 неназванных языках, начиная с октября этого года.

Примечательно, что Vkontakte.ru пользуется поддержкой Digital Sky Technologies (DST), того же инвестора, который недавно приобрел 1,96% акций Facebook за 200 миллионов долларов, что дало компании оценку в 10 миллиардов долларов, и вскоре после этого предложил приобрести до 100 миллионов долларов. обыкновенных акций нынешних и бывших сотрудников Facebook. Теперь еще одна крупная портфельная компания московской инвестиционной компании «Вконтакте».ru, будет на равных с гигантом социальных сетей из Пало-Альто, работающим на нескольких языках.

Конечно, для инвесторов нет ничего необычного в том, что они хеджируют некоторые из своих ставок на несколько компаний, работающих на одном рынке, но это напомнило мне кое-что, что было сказано во время видеоинтервью, которое Майкл дал Марку Цукербергу и основателю и генеральному директору DST Юрию Мильнеру. после инвестиций в 200 миллионов долларов. Когда его спросили, есть ли у него активная учетная запись в Facebook, Мильнер ответил, что он проводит больше времени в российских социальных сетях (на самом деле, россияне заядлые социальные сети по сравнению с остальным миром), но не видит причин, по которым люди просто не использовали бы две социальные сети синхронно еще в будущем.Я уверен, что он сказал это, зная, что Vkontakte.ru скоро будет расширяться на международном уровне, и я полагаю, что здесь тоже были некоторые пожелания.

Vkontakte.ru утверждает, что привлек более 42 миллионов зарегистрированных пользователей, а comScore прогнозирует, что количество уникальных посетителей превышает 14 миллионов в месяц. Когда мы в последний раз моделировали стоимость социальных сетей по всему миру, Vkontakte.ru занял 17-е место с гипотетической суммой в 234 миллиона долларов. Компания уже конкурировала с Facebook в России, Украине, Польше и на других рынках Восточной Европы, но со следующего октября она будет расширяться для поддержки большего количества языков и стран.

(Спасибо Андрею Таращуку за подсказку)

Обновить ВКонтакте Как вернуться обратно. Newdesignvk или как вернуть старый дизайн ВК

Основная часть пользователей уже успела заметить, как изменился дизайн популярной социальной сети In contact with. Этот «кошмар» произошел 17 августа 2016 года рано утром и теперь у всех пользователей ВК отображается новый обновленный дизайн. Теперь никто не может вернуть старую версию ресурса, так как разработчики официально разработчиками не предоставляются.

На данный момент в Интернете ведутся очные дискуссии о глобальном редизайне российской социальной сети, многие пользователи недовольны новыми изменениями. Однако разработчики оставили сторонникам старой версии сайта такое сообщение: «Мы избавились от лишних деталей и сделали ресурс более удобным для вашего восприятия».

Кардинальные изменения коснулись шрифта, иконок, панели навигации, дизайна аватаров. По словам ведущего разработчика Дорохова В. Работа над новым дизайном социальной сети велась в течение полутора лет.С апреля 2016 года разработчики запустили новый вид тестирования сайта, в котором может принять участие любой пользователь. За все время более 2500 мелких и значимых исправлений в коде ресурса, прислушиваясь к пожеланиям пользователей. Основная задача - повысить стабильность работы сайта, а также перейти с устаревшей технологии Flash на новую - HTML5.

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

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

Чтобы дизайн сайта vk.com приобрел старый вид, мы с вами используем специальное расширение для браузера Google Chrome .. Оно называется таким расширением «Вернуть старый дизайн ВК». Пока месть единственная в своем роде, но, полагаю, со временем аналогов будет немалое количество.На сегодняшний день есть один нюанс: версия этого расширения еще сыровата, поэтому при серфинге в соцсети можно наблюдать некоторые ошибки, но разработчик часто выпускает обновления этого расширения, устраняя ошибки пользователей, обнаруженные пользователями. Для того, чтобы дизайн сайта изменился, зайдите в магазин Google и установите расширение.


Нажмите кнопку «Установить», откроется окно, в котором вы нажмете «Установить расширение».


После установки расширения нажмите один раз мышкой на значок:


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


а как это выглядит после установки расширения, смены новой версии сайта на старую:


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

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

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

С одной стороны, вполне «чинно и благородно», одним словом ребята проработаны на отлично, многим пользователям это нововведение пришлось даже по душе, но далеко не всем. Люди, которые за долгие годы привыкли к привычному внешнему виду сайта, вдруг что-то поменяют кардинально? Многие не согласны с такими изменениями.Раньше код только начинался, все эти изменения начались, присутствовала функция « Вернуться к старому дизайну » Однако разработчики удалили ее полностью.

Что делать тем, кто привык к старому стилю ВКонтакте?

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

1 способ.

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

Подробные инструкции:

Давайте разберемся, как вернуть старый стиль ВКонтакте, на примере браузера Google Chrome?

  1. Скачать расширение Stylish для chrome (где скачать см. Выше).
Рис.1

2. Теперь код установлен на добавочный номер (рис. 2) появляется такая иконка.


Рис.2
Рис.3.

4. Щелкните и загрузите стиль "". (Рис. 3)

5. Там нажмите на кнопку « Установить со стильным ». (Рис.4)


Рис.4
Рис.5

Подтвердите (рис. 5) и перезагрузите браузер. (Полностью закрыть и снова открыть браузер)

Рис.6.

Теперь мы видим, что установлено. Остается только поставить галочку для перехода к старому стилю (рис. 7) или снять галочку, чтобы вернуть новый (рис. 8), кому как удобно.


Рис.7 (старый стиль)
Рис.8 (новый стиль)

2-х ходовой. Как вернуться к старому дизайну ВК

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

Итак! Пройдите эту вкладку - Верните старый дизайн ВК.
Попадаем на страницу с расширением, скачиваем, устанавливаем и используем старую и знакомую версию.


Рис. 9 (расширение «Вернуть старый дизайн ВК»)

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

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

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

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

Показать

Установить старый дизайн ВК

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

Установка данного компонента возможна в таких браузерах: Google Chrome, Opera и Mozilla Firefox. (с последним разработчиком иногда возникают проблемы, но он их активно решает).

Щелкните изображение и перейдите на сайт UserStyles.

Затем нажмите ссылку «Установить стильный» и подтвердите его установку в нашем браузере.Возвращаемся обратно, на тот же сайт и видим зеленую кнопку «+ Установить со стильным». Как только скрипт будет установлен, вы можете перейти на свою страницу ВКонтакте и наслаждаться внешним видом сайта!

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

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

Скрипт "Старый дизайн для ВК"

Этот компонент добавит в вашу учетную запись, к которой все пользователи ВКонтакте уже привыкли, в «Мои ответы». Стоит отметить, что этот скрипт и дальше будет обсуждаться в Google Chrome. Заработало только в Mozilla Firefox.

Для установки перейдите на сайт: gresyfork.орг. И чтобы запустить его, нажмите кнопку «Установить этот скрипт». После того, как он будет загружен и установлен, у вас будет звонок. Но ссылка на ответы появится.

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

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

Вернуть старую регистрацию диалогов

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

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

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

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

GD Star Рейтинг
Система рейтингов WordPress

Вернуть старый сюжет страницы ВКонтакте, 5.0 из 5 на основании 2 оценок


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

Как новую версию ВК поменять на старую на android

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

  • Отключить автообновление приложения в Play Market.
  • Удаление новой версии ВК.
  • Восстановление старой версии.

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

А теперь собственно научимся делать старое приложение ВКонтакте. Все очень просто, вам достаточно скачать желаемую версию по ссылке https://trashbox.ru/link/vkontakte-android. Теперь вы можете пользоваться старым приложением ВКонтакте, не переживая, что оно будет обновлено.

Как и в мобильной версии ВКонтакте держать музыку

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

Кэширование музыки на iPhone

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

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

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

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

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

Как скачать версию ВК как на iPhone

Если сравнить версии приложения ВКонтакте для Android и iOS, то вторая покажется удобнее. Установить приложение ВК можно как на айфон, но следует понимать, что оно неофициальное, поэтому поиск PlayMarket обречен на провал.Скачать такую ​​программу можно на уже знакомом нам сайте trashbox.ru/link/vk-app-2.0-android. Сначала зайдите на сайт, затем скачайте и установите файл формата .apk. Однако стоит проверить, можно ли скачивать приложения из неподтвержденных источников.

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

Преимущества приложения

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

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

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

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

Простой и надежный способ вернуть старый дизайн ВКонтакте

Этот метод требует от пользователя выполнения нескольких простых операций, которые заказываются для загрузки и настройки соответствующего расширения, модификации которого существуют для Google Chrome, Mozilla Firefox и других браузеров.Одно из таких расширений - стильное. Рассмотрим вариант с Google Chrome, как наиболее распространенный браузер:

По поводу простейших способов возврата старой версии ВКонтакте

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

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

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

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

2 апреля 2016 г. 154055 124 комментария http% 3A% 2F% 2Fwww..html% C2% AB% D0% AD% D1% 82% D0% BE +% D1% 83% D0% B6% D0% B0% D1% 81 % 2C +% D0% BA% D0% B0% D0% BA +% D0% B2% D0% B5% D1% 80% D0% BD% D1% 83% D1% 82% D1% 8C +% D1% 81% D1% 82% D0% B0% D1% 80% D1% 8B% D0% B9 +% D0% B8% D0% BD% D1% 82% D0% B5% D1% 80% D1% 84% D0% B5% D0 % B9% D1% 81% 3F% C2% BB% 3A +% D0% BF% D0% BE% D0% BB% D1% 8C% D0% B7% D0% BE% D0% B2% D0% B0% D1% 82% D0% B5% D0% BB% D0% B8 +% D1% 80% D0% B0% D1% 81% D0% BA% D1% 80% D0% B8% D1% 82% D0% B8% D0% BA % D0% BE% D0% B2% D0% B0% D0% BB% D0% B8 +% D0% BD% D0% BE% D0% B2% D1% 8B% D0% B9 +% D0% B4% D0% B8 % D0% B7% D0% B0% D0% B9% D0% BD +% C2% AB% D0% 92% D0% 9A% D0% BE% D0% BD% D1% 82% D0% B0% D0% BA% D1% 82% D0% B5% C2% BB2016-04-02 + 14% 3A26% 3A52 MacDigger http% 3A% 2F% 2Fwww.сайт% 2F% 3Fp% 3D154055

В пятницу социальная сеть «ВКонтакте» знакомит пользователей с новым интерфейсом. Как и предполагали многие эксперты, разработчики сделали упор на Material Design, максимально приблизив дизайн десктопной версии к типу социальной сети в приложениях на Android и iOS. СМИ и интернет-пользователи по-разному восприняли редизайн крупнейшего в России интернет-сервиса.


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


Пользователи социальной сети начали активно обсуждать нововведения: «Мы тестируем новый дизайн аккаунта! Уютно на первый взгляд! Ждем альтернативных лайков, аля Лицокнига », редизайн« Вконтакте »порадовал многих», «Вкратце о новом дизайне # Вконтакте немного непривычно, но в принципе все неплохо, верните только квадратные аватарки-иконки!», » Микс Instagram и # FB, ну и, конечно, собственно фишки придуманные »,« Редизайн Вконтакте - пожалуй, одна из немногих первоапрельских работ, это не шутка, а очень приятная реальность.«




Однако не все отзывы положительные: «Новый дизайн ВКонтакте - полная чушь. Вы ничего не можете придумать? Слов просто нет »,« Редизайн ВК просто ужасен »,« Новый дизайн ВКонтакте # как чужие очки с диоптриями ».

Многие пользователи обвиняли «ВКонтакте» в копировании Facebook: «Я не понимаю, # Вконтакте купил #facebook? Ведь новый дизайн во многом повторяет дизайн зарубежной социальной сети »,« Твоя мама.... как вернуть старый дизайн Вконтакте? Ужасно ... ... как будто я попал в фейсбук .... страшный сон »,« При разработке нового дизайна команда ВКонтакте не придумала ничего лучше, чем украсть существующий Facebook. «




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

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


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


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


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


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


Друзья, как вы оцениваете новый дизайн ВКонтакте? Хотели бы вы этого или тоже хотите вернуться к старой версии? Делитесь в комментариях.

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

Как вернуть старую Вконтакте

Для установки расширения Stylish перейдите по ссылке и нажмите для установки

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


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

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

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

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

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


Как вернуть старый дизайн ВКонтакте:

Шаг 1 : Установите расширение Stylish для браузера или.


Шаг 2 : Откройте для себя старый дизайн ВКонтакте. Нажмите кнопку «Установить со стильным», чтобы загрузить тему.


Шаг 3 : Подтвердите установку надстройки для Stylish.


Шаг 4 : Обновите страницу ВКонтакте в браузере, чтобы увидеть изменения.

Разработчики

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


ВКонтакте анонсировала новый дизайн 1 апреля. Практически каждый раздел социальной сети претерпел кардинальную переработку.

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

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