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

Какие элементы ВК нуждаются в оформлении

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

Аватар

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

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

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

Обложка

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

Психология клиента: триггеры и принципы, которые помогут продавать. Инфографика

читать 4 м.

Для ПК готовьте дизайн шириной 1590 и высотой 530 пикселей. На 30 пикселях сверху и снизу лучше не размещать важную информацию. 

Для мобильной обложки можно загружать до 5 фото и видео. Рекомендации: разрешение 1080 на 1920 пикселей (важную информацию следует уместить в пределах области 850 на 912 пикселей). Длительность не более 30 секунд, размер файла до 20 МБ, видеокодек H.264, аудиокодек AAC.

Можно активировать функцию “Показывать фотографии в движении”, чтобы сделать обложку интереснее.

Меню

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

Товары или услуги

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

Фото и видео

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

Стать и посты

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

• минимальный размер квадратного изображения — 510 на 510 пикселей;
• для прямоугольного изображения соотношение сторон 3:2;
• размер изображения для обложки статьи — 510 на 286 пикселей;
• изображения для обложки сниппета — 537 на 240 пикселей;
• размер для  историй — 720 на 1280 пикселей.

Сюжеты

Сообщества могут размещать истории, а истории сохранять в сюжеты. Как в блоке Актуальное в Инстаграм. Это такие же круглые иконки. 

Обложки для них выбираются из историй. Требования для формата: соотношение сторон 9:16, минимальный размер 720 × 1280 пикселей.   

Виджеты

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

Дизайн ВКонтакте: 75 идей для вдохновения

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

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

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

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

Дизайн группы ВК для магазина

Идеи для оформления медиа ВКонтакте

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

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

Идеи сообществ онлайн-школ ВК

Разные идеи оформления страницы ВКонтакте

Подпишитесь на Telegram-канал Русабилити: публикуем подборки лучших материалов.