Большой баннер в вк. Баннер вконтакте - как сделать и разместить самому

Большой баннер в вк. Баннер вконтакте - как сделать и разместить самому

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

Как сделать баннер

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

Чтобы сделать баннер, достаточно просто начать. Перейдите на сайт конструктора.

  1. Мы можем выбрать готовый дизайн из предложенной библиотеки готовых варантов. По сути, если нас устраивает картинка и оформление, мы можем только заменить текст на свой;
  2. Либо, можно начать создавать с чистого листа, задав нужный размер или выбрав из предложенных форматов (для Фейсбук, Инстаграмм, Постер и др) и загрузив в сервис свою картинку.

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

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

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

Для работы с конструктором лучше использовать браузер Хром, так как я заметил, что Мозиле при сохранении, не вписывается расширение.png — это решается простым переименовываением файла и добавлением нужного (в котором скачивали) точка и название (png или jpg). Вроде все.

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

Баннерная реклама ВКонтакте

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

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

  1. Изображение и текст (145х85)
  2. Большое изображение (145х165)
  3. Продвижение сообщества (145х145)

Как создать баннер ВКонтакте

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

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

Как разместить баннер ВК

Отметьте самый подходящий вам формат и оформите баннер.

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

Установите оплату за 1000 показов или за переходы. Выбор будет зависеть от ваших целей: повысить узнаваемость бренда или привлечь трафик? Не забудьте дать название своей кампании.

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

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

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

БЕСПЛАТНО

Самое заманчивое и привлекающее внимание объявление – предложение получить что-то ценное бесплатно. Пользователи активно реагируют на это “волшебное” слово и рекламодатели этим пользуются.

ВЫЗОВ

Еще один эффективный прием – вызов: “Стань!”, “Узнай!”, “Слабо?”. Подобные формулировки мотивируют совершить действие.

ЦЕННОСТЬ

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

ИНТРИГА

ЛИЧНЫЙ БРЕНД

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

ИЛЛЮСТРАЦИИ

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

МЕМ

VK Баннеры

от 3 500 руб.

RUB Заказать

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

  1. Таргетированные платные записи и рекламные баннеры VK, промо-посты в сообществах.
  2. Записи в ленте вашего сообщества (группы).
  3. Оформление страницы группы – верхний баннер сообщества ВКонтакте (обложка), аватар, верхний баннер меню с wiki-разметкой.

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

Рассмотрим различные виды и особенности создания баннеров для VK подробнее:

Баннеры для таргетированной платной рекламы ВКонтакте.

Текстово-графические блоки в левой части сайта.

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

  1. Картинка + текст длиной до 70 символов.
  2. Большая картинка.

Оба варианта могут включать заголовок длиной до 33 символов.

Размеры изображения для баннера с текстом – 145х85px.
Для большой картинки – 145х165px.
Можно размещать JPG, PNG, BMP или GIF (без анимации) весом не более 5мб.

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

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

Рекламные записи в новостной ленте ВКонтакте

  1. Запись с кнопкой.
  2. Универсальная запись.
  3. Карусель.

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

Включает в себя:

  • изображение (картинка JPG, PNG или GIF (без анимации) минимальным размером 537x240px (рекомендуется загружать размер 1074x480px для дисплеев повышенной четкости);
  • текст записи до 220 символов;
  • текст описания рядом с кнопкой до 80 символов;
  • кнопку с призывом к действию (“Перейти”, “Купить”, “Заказать”), который можно выбрать из предложенного списка.

Рекламная запись с изображением.

Рекламная запись с GIF-анимацией.

В такую запись можно включить анимированный GIF-баннер шириной до 1000px.

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

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

Рекламная запись с видео.

Видео баннер для VK представляет собой встроенный в рекламную запись видеоролик. Возможна загрузка видео на сервер ВКонтакте или встраивание со сторонних видеохостингов (YouTube, Rutube, Vimeo).

Ограничение на размер видео – 2мб., продолжительность – до 30 минут. Максимальное разрешение – 1080p.

Карусель

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

Каждая карточка содержит:

  • квадратное изображение товара (минимальный размер 400x400px).
  • описание товара длиной до 25 символов.
  • мотивационную кнопку, текст которой можно выбрать из предложенного списка (“Открыть”, “Купить”, “Перейти” и прочих).
  • при желании, цену товара (старую и новую).

Всего карточек может быть от 3 до 10. Количество текста на изображении товара не должно превышать 50% площади картинки.

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

Общие требования и модерация.

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

С большей долей вероятности модератор отклонит баннеры, которые содержат:

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

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

Баннеры в записях ленты вашего сообщества (группы).

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

Баннеры – статичные изображения (в форматах JPG, PNG, BMP, GIF) c минимальной шириной 510px.
Рекомендуется загружать картинки большего размера, для сохранения их качества при сжатии. Точных рекомендаций ВКонтакте не дает, однако часто используется 2-х кратное увеличение картинки для сохранения четкости.

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

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

Анимированные GIF-баннеры (до 10-12мб. для автоматического проигрывания, шириной до 1000px (будет уменьшена при загрузке до ширины записи).

Видео-баннеры (ролики с разрешением до 1080p). Могут быть просмотрены как в ленте сообщества, так и в окне видеоплеера ВКонтакте.

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

Баннеры в оформлении страницы сообщества (группы).

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

  1. Горизонтальный верхний баннер меню ВКонтакте (“обложка” или “шапка “страницы).
  2. Боковой вертикальный баннер-аватар в правой верхней части страницы (круглый фрагмент которого используется в качестве маленькой аватарки, о ней ниже).

Горизонтальный баннер-обложка располагается по всей ширине страницы группы – 795px. Рекомендуется загружать картинку размером 1590х400px, визуально она будет уменьшена вдвое без потери качества.


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

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

Минимальный размер картинки аватара – 200x200px. Максимальный – 200x500px. Визуально размер маленького круглого аватара будет уменьшен до 50px., поэтому надо позаботиться о том, чтобы аватарка была четкой, понятно, а главное, легко узнаваемой и запоминающейся.


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

Комплексный подход к размещению рекламных баннеров и оформлению сообщества ВКонтакте в едином стиле позволяет повысить узнаваемость и привлекательность бренда компании. А сочетание разнообразных форматов баннеров VK позволяет реализовать любую креативную идею и сделать вашу рекламную SMM-кампанию по настоящему продуктивной.

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

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

1. Баннеры ВКонтакте

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

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

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


Типы рекламы ВКонтакте

Условно реклама ВКонтакте делится на два типа (по способу оплаты ). Ее можно называть целевой и нецелевой. Если при целевой рекламе вы платите за переходы по баннеру, то при нецелевой – за показы. При этом 1000 показов обходится гораздо дешевле, чем 1 переход. Как не крути, но с 1000 показов вероятнее всего субъект совершит минимум 1 переход. Поэтому второй вариант оказывается выгоднее.

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

Правила размещения рекламы ВКонтакте


2. Зачем нужны баннеры ВКонтакте?

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

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

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

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

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

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


3. Как разместить баннер ВКонтакте? Шпаргалка для новичков, секреты и советы

Перед тем, как добавить баннер, перейдите по ссылке «Реклама » в футере страницы:



Жмем на «Создать объявление » и видим следующий список:


Здесь нужно выбрать, что именно вы будете рекламировать: приложение ВКонтакте (IFrame и Flash ), сообщество (паблик, группу или встречу ), видеозапись (с ссылкой на сайт рекламодателя ) или внешний сайт.

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


Форматы баннерной рекламы ВКонтакте

Можно использовать три типа объявлений:

  • Картинка+текст. Здесь можно разместить баннер ВКонтакте 90 на 65 пикселей с заголовком (25 символов ) и описанием (60 символов );
  • Большая картинка. Есть возможность добавить баннер размером 90 на 120 пикселей без описания и с заголовком в 25 символов;
  • Эксклюзивный вариант. Баннер 90 на 160 пикселей с заголовком в 25 знаков. Главное его преимущество заключается в том, что во время его демонстрации другие объявления не показываются. Однако и стоимость такой рекламы в 2 раза выше.

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

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

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

Жмем «Создать объявление »! И ждем, пока оно пройдет модерацию. Как правило, уже через пару часов ваши баннеры ВКонтакте начнут демонстрироваться потенциальным клиентам. Теперь ваша задача — отслеживать статистику, которую представляет социальная сеть ВКонтакте и своевременно принимать решения по улучшению показателей.

4. Как вставить баннер в группу ВКонтакте?

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

Шаг 1. Заходим на страницу группы:


Шаг 2. В блоке справа выбираем пункт «Рекламировать сообщество »:


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


5. Баннерная реклама ВКонтакте

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

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

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

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

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

Заходим в виджеты и добавляем следующий код:

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

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


7. Создание баннеров для ВКонтакте

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

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

Существуют несколько способов создания баннеров:

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

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

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

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

Первый способ сделать свое сообщество продающим и привлекательным — это стандартная схема «аватар+баннер+меню».

Аватар

Аватар остался в размерах 200 на 500 пикселей (но все-таки лучше 400 на 1000 с запасом качества), хотя изначально при бета-тестировании нового дизайна рассматривался такой вариант размера как 200 на 300. Миниатюра теперь круглая, но если эту окружность вписать в квадрат, то его размеры будут 200 на 200 пикселей, как и было ранее.

Баннер (закрепленная запись)

Оптимальный размер баннера — это 1024 на 680 пикселей (с запасом качества). Мне на глаза в Интернете попадались многие вариации идеального размера баннера, но все-таки при 1024 на 680 не срезаются части баннера при просмотре с компьютера, с обычной мобильной версии или с приложения на Android. Также стоит отметить, что баннер теперь находится ниже из-за дубликации названия сообщества в области над изображением и переноса даты постинга с области под картинкой на место под дубликатом названия. Еще один важный момент — это отсутствие кликабельности на баннере с мобильного устройства. Т.е. с телефона людям придется нажимать по ссылке под картинкой, а не на само изображение.

Меню

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

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

Существует еще такой способ оформления, как «обложка+баннер+меню». Вообще можно оставить только обложку и вынести на нее всю самую важную информацию. Но аватар в любом случае должен быть поставлен: его не будет видно в самой группе, однако миниатюра сообщества будет браться именно с него. Оптимальный размер обложки составляет 1590 на 400 пикселей, а загрузить изображение можно при помощи команды «Управление сообществом» — «Обложка сообщества: загрузить».

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

  • Аватар: 200 на 500 пикселей (качество 400 на 1000 пикселей);
  • Миниатюра аватара 200 на 200px
  • Баннер или размер закрепленной записи в группе: 1024 на 680 пикселей, но не менее 510px по ширине;
  • Меню: ширина 606px;
  • Обложка 1590 на 400 пикселей.


© 2024 beasthackerz.ru - Браузеры. Аудио. Жесткий диск. Программы. Локальная сеть. Windows