Дизайн баннера в вк

Содержание

Н Новинка! Размеры редактора для статей ВКонтакте

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

Б Баннер для статьи

Размер баннера или обложки (называйте, как пожелаете) для статьи ВК выбрал очень странный: 510px по ширине и 285.59px по высоте. От верхней части до начала заголовка состоящего из одной строки будет 88px (заглавными) и 94px (прописными), из двух строк будет 75px (заглавными) и 79px (прописными), из трех строк заголовки еще не встречал. Расстояние от верхней части баннера до верхней части кнопки при заголовке состоящем из одной строки будет 174px , из двух будет 189px, при этом размер самой кнопки получается 89.19px по ширине на 30px по высоте. Шрифт в заголовке «Roboto»с начертанием «Black», размер шрифта в заголовке в одну строку 30px, а если заголовок в две строки, то 24px.

Р Размеры страницы

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

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

Р Размеры обложек и аватаров

Обложка для ПК и ноутбука (десктоп)

Размер обложки для компьютеров и ноутбуков составляет 1590 на 400 пикселей. Однако для подачи информации в дизайне я не рекомендовал бы использовать весь размер, т.к. статистика ВК показывает, что мобильный трафик ВКонтакте составляет в среднем 70%, а это означает, что на мобильных устройствах часть обложки не будет видна.

Обложка для мобильных устройств

Размер загружаемой обложки для мобильных устройств такой же, как обложки для PC — 1590 на 400 пикселей, т.е. загружать вам все равно придется такую же обложку, как и для PC. Но разница между мобильной версией и PC в том, что в мобильной версии видна только часть обложки с размером 1196 на 400 пикселей, а края по 197px не видны вообще. Еще нужно учитывать бар с иконками (время, уровень заряда,уровень сети и т.д.) в верхней видимой части обложки, который может занимать 83px и боковые кнопки приложения, которые также могут занимать 140px по краям.

Р Размер аватара

Минимальный размер аватара, который без обложки, составляет от 200х200px до 200х500px. (500 — максимальная высота при ширине 200px, высоту можно уменьшать до 200px, но не меньше). Максимальный размер: 2800x7000px. Но я не рекомендовал бы рассчитывать на аватар без обложки, т.к. мобильного трафика по статистике приходится в районе 70%, а в мобильной версии видна только миниатюра, размер которой составляет от 200x200px (мин.размер) до 2800x2800px (макс. размер).

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

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

Оптимальный размер изображения для товаров составляет 1000x1000px. Также к каждому товару можно добавить всего 5 изображений (включая превьюшное).

Р Размеры баннеров

Баннеры в ленте сообщества

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

Если будете делать прямоугольный баннер, берите ширину в 510px и высоту меньше 510px. Например, 510 на 500 пикселей, 510x490px, 510x400px и т.д.

Выше указаны оригинальные размеры ВКонтакте (510px), но я рекомендовал бы брать размеры в 2 раза больше, не 510px, а 1020px/ При этом не забывайте сохранять пропорции.

Р Размер обложки для альбомов

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

Р Размеры в рекламе

Тизеры

Размер таргетинговых баннеров в левой колонке (под меню) составляет: 145x165px и 145x85px

Промопост с кнопкой и промопост со ссылкой на внешний источник

Размер для промопоста с кнопкой и для рекламы ссылки на внешний источник один и тот же — 537x240px

Универсальный промопост

В создании универсальных промопостов специалисты используют разные размеры. Например, статье «Частые ошибки введения коммерческих групп» пишет, что оптимальный размер изображения должен быть: 700 х 500 px. , максимальный: 1000 х 700 px, при этом, учитывая мобильную ориентацию делать отступы (пробелы) по краям в 10−15% от размера баннера. А другой smm-специалист вычислил следующий эффективный размер, который использует в своих проектах: 815×1180 px, также делая белую рамку в 22px для качественного отображения на мобильных устройствах (напомню, что мобильный трафик составляет порядка 70%).

Карусель

Оптимальный размер изображения в карусели 600x600px.

Баннеры для рекламы | ВК, FB, Insta, MT

  • Записи сообщества
  • Поиск

Баннеры для рекламы | ВК, FB, Insta, MT запись закреплена

Оформление группы: обложка, миниатюра и 2 баннера

Еще больше примеров оформления групп смотрите в альбоме https://vk.com/album-88368667_252739676

Чтобы заказать оформление группы, пишите vk.me/banner.teaser

Баннеры для рекламы | ВК, FB, Insta, MT запись закреплена

Что для вас Фотошоп?
Неизведанная планета или родная стихия?

Недавно у меня был заказ на оформление брошюры в формате PDF. Оформить книгу я решила в текстовом редакторе Word. И знаете, что я обнаружила: для меня Word — другая планета…
Показать полностью…

Я настолько привыкла к Фотошопу, что команды текстового редактора поставили меня в тупик. Хотя в свое время с легкостью форматировала любые тексты в Word. Конечно же, немного поворчав на себя, я вспомнила все команды и справилась с форматированием текста. И в то же время поняла, что Фотошоп для меня — это родная стихия. Здесь я, как рыба в воде или, как местный житель)

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

Именно этому сейчас обучаются участники курса «Как делать красивый дизайн для соц.сетей». И если вам интересно делать стильные картинки для постов, то вы успеваете присоединиться к курсу!

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

А прямо сейчас у вас есть возможность посмотреть 1-е занятие курса бесплатно по ссылке — https://youtu.be/86zgjHJn_aU

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

Количество просмотров ваших постов возрастет в несколько раз, а это значит и «продавать» ваша группа станет намного больше.

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

До 3 ноября у вас есть возможность присоединиться к курсу с приятным бонусом!

Считаем. Полная стоимость курса — 950 рублей. Оплатите участие в курсе до 3 ноября и сэкономьте 190 рублей. Стоимость Вашего обучения составит всего 760 рублей.

Ваша скидка составит 20%!

Переходите по ссылке https://vk.me/moneysend/ilona_semakina и переводите 760 руб прямо ВКонтакте.

До встречи на курсе:)

Я буду рада быть Вам полезной!
Илона Семакина

Баннеры для рекламы | ВК, FB, Insta, MT запись закреплена

Баннеры для рекламы в Инстаграм и во Вконтакте

Читайте также:  Во сколько раз изменится центростремительное ускорение

Понравились работы, кликните на
Решили заказать баннеры, пишите vk.me/banner.teaser

Баннеры для рекламы | ВК, FB, Insta, MT запись закреплена

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

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

Чтобы заказать, пишите Илоне Баннеровне vk.me/banner.teaser
Оцените работу лайком

Баннеры для рекламы | ВК, FB, Insta, MT запись закреплена

Этот пост для тех, кто мечтает о ярких и эффектных постах для соц.сетей

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

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

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

Вы уже давно понимаете: с этим нужно что-то делать. А что именно? С чего начать?

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

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

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

Я уже слышу ваши возражения: Это фантастика! Где я и где дизайн? Это долго! Это дорого!

Спешу успокоить вас: всё намного проще, чем вы думаете. Я занимаюсь дизайном для соц.сетей 1 год и 7 месяцев. И за это время сделала около 1000 единиц дизайна: обложки для групп и товаров, баннеров для рекламы и др. Мне уже трудно подсчитать точное количество
На основе моего личного опыта я разработала базовый уровень курса «Баннермейкер, или как создавать эффектный дизайн для соцсетей». И этот курс рассчитан именно на новичков. Уроки курса сможет усвоить даже тот, кто ни разу не сталкивался с Фотошопом.

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

С полной программой курса и (внимание!) размером бонуса для старательных учеников Вы можете ознакомиться здесь — https://vk.com/@banner.teaser-bannermeiker-ili-kak-de...

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

Считаем. Полная стоимость курса — 950 рублей. Оплатите участие в курсе до 15 октября и сэкономьте 380 рублей. Ведь стоимость Вашего обучения составит всего 570 рублей.

Вам нравится скидка 40%? Конечно, нравится. Тогда
переходите по ссылке https://vk.me/moneysend/ilona_semakina и переводите 570 руб прямо мне через ВК
записывайтесь в ближайшую группу по ссылке — https://vk.com/app5898182_-88368667#s=470629

И готовьтесь к повышению активности в Ваших аккаунтах!
До встречи на курсе:)

Я буду рада быть Вам полезной!
Илона Семакина

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

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

Все эти элементы, оформленные в едином стиле, дают ощущение целостности дизайна.

Содержание

Таблица размеров для оформления группы в ВК

Горизонтальная обложка полноразмерная 1590 х 400 px
Горизонтальная обложка в мобильном приложении 1196 x 317 px
Аватар группы полноразмерный 200 x 500 px
Аватар группы неполноразмерный 200 х Полноразмерная горизонтальная обложка

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

Поэтому в мобильном приложении на экране видно только 1196×400 пикселей.

Читайте также:  В армии все их драят 4

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

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

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

Так выглядит адаптированная под мобайл обложка на компьютере:

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

Так выглядит эта же обложка в мобильном приложении:

Аватар группы. Размер 200 на 500 пикселей

Максимальный размер аватара 200×500 пикселей. Из аватара формируется превьюшка (миниатюра) — круг.

Так как около 70−80% посетителей групп сидят с мобильных устройств, то аватарку в полном размере они не видят.

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

Баннер. Размер 510 на 510

Баннеры можно делать разнообразных размеров.

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

Высоту делайте какую хотите:

  • 510 для квадратного баннера;
  • меньше 510 для прямоугольного.

Например, 510 на 500 или 510 на 300.

Баннер 510 на 510

Сниппет. Размер 537 на 240

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

Сниппет

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

Обложка для статьи. Размер 510 на 285.59

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

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

От верхнего края баннера до начала однострочного заголовка будет 88px (заглавными) и 94px (прописными), до двухстрочного заголовка будет 75px (заглавными) и 79px (прописными). Расстояние от верхнего края обложки до верхнго края кнопки при однострочном заголовке будет 174px , при двухстрочном будет 189px, при этом размер самой кнопки 89.19px по ширине и 30px по высоте. Шрифт заголовка — Roboto с начертанием Black, размер шрифта в заголовке в одну строку 30px, а если заголовок в две строки, то 24px.

Обложка для статьи

Истории. Размер 1080 на 1920 (видео 720 на 1280)

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

Но можно заранее подготовить шаблон, загрузить его в телефон, и опубликовать.

Истории

Фотоальбом. Размер 1000 на 660

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

Это затемнение можно интересно обыграть в оформлении.

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

Видеозаписи. Размер 1280 на 720

Карточка товара. Размер 1000 на 1000

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

Размер карточки товара — 1000 на 1000. Или любой другой квадрат.

Промопост с кнопкой. Размер 537 на 240

Промопост с кнопкой — это тот же сниппет.

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

Универсальный промопост. Размер 1000 на 700 (или 1000 на 1000)

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

Боковушка большая. Размер 145 на 163

Боковушка маленькая. Размер 145 на 85

Карусель. Размер 600 на 600

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

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

Скачать бесплатно шаблоны для оформления группы Вконтакте

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

Скачать архив с шаблонами для оформления групп Вконтакте .