Практически в любом туториале по раскрутке групп ВКонтакте пишут «оформите страницу», но мало где говорится о том, как реально это сделать. Наши друзья из Canva Team решили поделиться с нами своим видением этой области на простых примерах из ВК.
Аватар
Первое что мы видим в группе это аватар и обложка. Аватар — обязательный компонент, он будет отражаться в ленте подписок пользователя, новостной ленте, а также виден на странице самой группы. Размеры у него небольшие, максимальный 200 на 500 пикселей, можно загрузить более длинное изображение, но оно будет обрезано до нужной пропорции 2 к 5.
Ниже приведен пример сообщества с аватаром, и представление его в браузерной версии и мобильном приложении для наглядности.
Ввиду подобного ограничения по величине, желательно, чтобы изображение было запоминающимся и имело крупные детали, мелкие будут не заметны. Тоже относится и к надписям на аватаре, если Вы хотите дополнительно акцентировать внимание пользователя на названии группы, то стоит выбрать жирный шрифт и контрастный фон, чтобы надпись не сливалась с ним. Например, знакомые всем паблики AdMe.ru и Лентач используют жирные яркие шрифты на своем аватаре, тем самым напоминая пользователям об авторстве публикаций в ленте.
✔️Обложка для группы ВК. Как сделать? Какие размеры? Скачать готовые шаблоны
Сравните их с менее удачным примером расположения названия паблика на достаточно маленьком аватаре. В обоих случаях цветовая гамма поглощает текст, выполненный в фирменном цвете.
Лого также отлично подходят для расположения на аватаре группы, создавая визуальную ассоциацию с известным пабликом, в данном случае это Медуза и Московская биржа.
Шапка — обложка
Обложку разработчики добавили в 2016 году, поэтому она в наличии не у всех групп. Этот элемент более дизайнерский и необязателен для использования. Однако, он производит положительное впечатление на пользователя при первом знакомстве с сообществом, заполняя пустоту, дополняя стиль и отражая тематику группы. Еще один аргумент в пользу создания обложки, это повышение доверия к странице. Она подчеркивает профессионализм создателей, которые потрудились при оформлении визуальной составляющей.
Размеры обложки — 1590 на 400 пикселей, однако, мобильная версия обрезает изображение, демонстрируя пользователям центральный фрагмент размерами 1196 на 400px. Потому лучше расположить основные элементы изображения и надписи именно в этой части. Пример сравнения полноэкранной и мобильной версии.
Наполнить шапку можно различными элементами. Если у вашей группы есть символика или определенная узкая тема, то обложка именно то место, на котором стоит ее отразить. Можно дополнить фон текстом, чаще всего на обложку дублируют название группы, цитаты или слоганы сообщества. Используя длинные фразы не стоит забывать об особенностях мобильной версии и не допускать подобных проблем, как представлена ниже.
Новая обложка/шапка группы Вконтакте + шаблон 2022
Динамические обложки
Сегодня в моде динамические обложки ВК, которые транслируют изменяющуюся информацию, например о количестве лайков или комментариев. Это отличный вариант, чтобы повысить интерес и активность аудитории.
Аватары и обложки можно менять с определенной периодичностью. В подобных мероприятиях есть свои плюсы. К ним можно отнести всплеск интереса фолловеров при смене визуальной части привычной группы, и собственно увеличение посещения страницы. Однако, частое обновление паблика не позволит подписчикам выработать визуальную ассоциацию, это стоит принять во внимание.
Оформляем посты
Если обложка и аватар призваны подчеркнуть индивидуальность группы в целом, то визуальное оформление поста позволяет пользователю обратить внимание на информацию среди новостной ленты. При его создании стоит обратиться к дизайн трендам, ибо они зачастую отражают предпочтения аудитории. Основные тенденции 2019 году это яркие цвета, шрифты типа bold и handwritten, а также геометрические фигуры.
Подчеркнуть авторство поможет выбор единого стиля и подхода ко всем публикациям сообщества. Например, это может быть выбор однотипного стиля и цвета шрифта, как у паблика Science|Наука.
Кроме того, единым стилем можно отметить определенный контент, например, ежедневный новостной дайджест, как это сделало сообщество Naked Science:
Используем редакторы
Многочисленные графические редакторы в сети помогают создавать оформление для групп ВК не имея практических навыков, опыта и не затрачивая время. Основой принцип работы почти всех подобных сервисов является метод конструктора Draghttps://9net.ru/285-oformlenie-vk.html» target=»_blank»]9net.ru[/mask_link]
Размер логотипа для 7 социальных сетей [справочник]
Прошло более 20 лет с тех пор, как я создал свой первый логотип.
Это безумие, когда каждый раз, когда я создаю новый профиль на платформе социальных сетей, панели управления или Gravatar, мне нужно возвращаться назад и создавать специальный файл логотипа, который соответствует конкретным размерам веб-сайта.
Поэтому я создал список стандартных размеров логотипа, который любая компания или предприниматель должна иметь на своем облаке и готова сразу же без задержек добавить в свой профиль.
Это почти исчерпывающий список для всего всего, современная основа для интернета!
Требования к размерам и форматам логотипа
Векторный формат. Попросите вашего дизайнера логотипа предоставить векторную версию вашего логотипа.
Это позволяет редактировать и вносить изменения в будущем.
Ну или как минимум в векторном формате принтер в типографии сможет напечатать логотип на любой поверхности и материале.
Векторные программы. Главный файл должен быть сделан в векторной программе, такой как Illustrator или Sketch, чтобы вы или ваш дизайнер могли масштабировать его до любого нужного вам размера.
Вертикальный и горизонтальный. Вам нужна горизонтальная и вертикальная версия вашего логотипа.
Продумайте все места, где будет размещен ваш логотип: веб-сайт, визитка, футболка, ручка и многое другое…
Вес файла. Для онлайн-профилей убедитесь, что размер изображения логотипа не превышает 200 КБ, лучше всего, если он меньше 100 КБ.
Белый и черный. Вам нужен ваш логотип в черном и белом вариантах, а также цветная версия.
Ваш логотип должен быть легко читаем на разных фонах и форматах, поэтому используйте разные цветовые версии поверх разных фонов.
Размер логотипа для разных социальных сетей
Ниже приведен список стандартных размеров на основе моего опыта размещения лого в соц.сетях.
В большинстве случаев это минимальные размеры, которые допустимы для размещения.
Facebook:
Профиль: 200px x 200px — Facebook позволяет обрезать до 180 x 180, чтобы у вас оставалась граница
Обложка: 1640 х 624 пикселей
Vk:
Профиль: 200px x 200px
Вертикальная обложка: 200 х 500 пикселей
Горизонтальная обложка: 1590 х 400 пикселей
Google+:
Профиль: 250px x 250px
Twitter:
Профиль: 400px x 400px
Обложка: 1500 х 1500 пикселей
Значок канала YouTube:
Фотография профиля (круговая): 800 х 800 пикселей
Миниатюра фото: 1280 x 720px
Фото на обложке: 2560 x 1440 пикселей
Личный профиль LinkedIn:
Профиль: 400px x 400px (это должна быть ваша фотография, а не логотип)
Фоновое изображение: 1584px x 396px
Профиль компании LinkedIn:
Профиль: 1536px x 768px
Instagram:
Профиль: 110px x 110px
Pinterest:
Профиль: 165px x 165px
Размер логотипа для веб сайта
Favicons (фавиконка):
Либо 32px x 32px
Либо 48px x 48px
Примерные размеры для размещения в шапке сайта
Размер логотипа для знакчков мобильных приложений
iPhone 6S, 6+, 7+: 180 px x 180 px
iPad: 152 px x 152 px
Android: 192 px x 192 px
Windows: 62 px x 62 px
Как правильно подготовить лого для печати?
Вот некоторые размеры логотипа для печати:
Максимальный размер, который может быть напечатан на футболке, обычно составляет 35 x 38 см.
Кружка на 250 мл, стандартная область размера печати составляет 21,5 х 7,5 см.
На обычной кепке размер логотипа составляет около 7,5 x 9 см.
Часто задаваемые вопросы
Насколько большим должен быть мой логотип?
Ваш логотип должен быть разработан с использованием инструментов, позволяющих создавать векторные изображения.
Таким образом, ваш логотип не ограничен определенным размером.
Сколько должен стоить логотип?
Это зависит от вашего бюджета.
На мой взгляд, если вы только начинаете, я бы не тратил более 10000 рублей.
Где можно создать логотип самостоятельно?
Самостоятельно можно создать логотип в нашем онлайн сервисе
Какие файлы я должен запросить у моего дизайнера?
Черная версия (прозрачная) как SVG, так и PNG
Белая версия (прозрачная) как SVG, так и PNG
Файл формата EPS
Файл формата JPG
Файл в формате PNG (прозрачный)
Надеюсь данная статья оказалась для вас полезной.
Я желаю вам удачи в создании логотипа и брендинга!
Ежедневная рассылка с бесплаными материалами для дизайна
Научись создавать крутые логотипы
Источник: logotip.online
Какой максимальный размер аватара группы вконтакте
Для того чтобы аватарка на пользовательской странице или в группе смотрелась гармонично, необходимо должным образом подойти к вопросу размеров. В настоящей инструкции мы расскажем об основных особенностях размеров изображений для фотографии профиля и стены паблика в социальной сети ВКонтакте.
Правильные размеры авы ВК
В целом, вне зависимости от места добавления аватарки, ее размеры не имеют ограничений и потому изображение может быть загружено без какой-либо предварительной обработки. При этом указанные далее соотношения сторон являются не более чем рекомендацией в соответствии с особенностями разметки сайта социальной сети.
Вариант 1: Изображение профиля
Учитывая вышесказанное, в качестве фотографии профиля вы можете добавить совершенно любое изображение, не нарушающее общих правил ВКонтакте. Чаще всего используются личные фото, позволяющие другим людям без проблем идентифицировать вашу личность и упростить поиск в сети.
-
Чтобы на странице отображалось квадратное изображение в точности аналогичное превью при отсутствии фотографии, соотношение сторон должно быть не менее 200×200 пикселей.
Идеальным вариантом является размер, в полтора-два раза превышающий норму. К примеру, можно загрузить фото с любым ровным соотношением сторон, после чего оно автоматически будет сжато до нужного масштаба.
Нередко юзерами используется вертикальная фотография, автоматически растягивающая прочие блоки разметки на странице. В таком случае максимальный размер составляет 200×300 пикселей. При этом упомянутое выше правило с увеличенными длиной и шириной изображения, но подогнанными под соотношение сторон, аналогичное 200х300, здесь также актуально.
Максимальная высота ограничена ранее упомянутым значением в 300px, которое можно менять вплоть до минимального размера.
В зависимости от отмеченной области при установке авы определяется допустимая область выбора превью. Сама миниатюра строго ограничена квадратной ориентацией и шириной, установленной для основной фотографии профиля.
Статья в тему: Что такое api вконтакте в группу
На этом мы завершаем этот раздел статьи, так как рассмотрели все наиболее важные аспекты.
Вариант 2: Изображения в сообществе
Аватарка в сообществе любого типа также имеет рекомендованные размеры, описанные нами в другой статье по представленной ниже ссылке. Во многом соотношение сторон подобного изображения аналогично тому, что было нами упомянуто в ходе первого раздела данной инструкции.
Примечание: В пабликах помимо аватарки можно добавить обложку, оптимальные размеры которой имеют куда большее значение и были нами описаны в той же статье.
Заключение
Надеемся, у нас получилось ответить на вопрос, поставленный темой правильных размеров для аватарки ВКонтакте. Если у вас возникают те или иные вопросы, можете задавать их нам в комментариях ниже под настоящей статьей.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Размер аватарки группы в ВК: сколько пикселей отмерить?
Размер аватарки группы ВК – важный параметр, который стоит изучить в процессе создания и настройки паблика. Вы администратор развивающегося сообщества или популярной страницы? Мы подберем нужное количество пикселей, поговорим о разрешении и правилах выбора обложки или картинки. Вы узнаете все о правильной настройке – приступим?
Основные параметры
Изображение – лицо сообщества. Именно оно первым попадается на глаза пользователю, открывшему паблик.
Статья в тему: Как добавить человека в игнор вконтакте
Аватарка может многое рассказать о публичной странице посетителю, привлечь его внимание, заставить задуматься. Чтобы сделать паблик привлекательным, увеличить охват аудитории, важно подобрать правильный размер аватарки для группы ВК:
- Он составляет 200 px на 500 px ;
- Пропорции соблюдаются в формате 1 к 2,5 ;
- Нужное разрешение – 72 пикселя на дюйм .
Только соблюдение установленных выше правил позволит подобрать идеальную аватарку для группы.
После установки изображение может растянуться и зарябить. Избежать потери качества можно!
- Советуем выбирать фотографии большего размера, но с соответствующим сохранением пропорций;
- Идеальный размер авы для группы ВК равен 400 на 1000 пикселей .
Обратите внимание! Выбрали картинку и закинули ее на страницу? Она будет сокращена до миниатюры – маленькое фото отражается при наведении курсора, на других страницах. Миниатюра берется с верхней части картинки, поэтому нужно выбирать фото, где основная информация размещается сверху.
Запоминайте следующие параметры:
- Размер аватара группы ВК в миниатюре составляет 200 px на 200 px ;
- Пропорции соблюдаются 1 к 1 ;
- Рекомендуемое разрешение аватарки группы ВК для миниатюры – 400х400 пикселей .
Не хотите устанавливать небольшую иконку аватарки на странице? Вы можете украсить паблик большим горизонтальным полотном, которое разместится в верхней части экрана. Пора поговорить об обложках!
Кстати, лучше всего не использовать готовые изображения из сети, а сделать аватарку самостоятельно. Благо это не так сложно, как кажется.
Статья в тему: То как мы работаем не работает pdf vk
Обложка
Вы можете отказаться от небольшой аватарки в пользу широкой обложки, которая займет всю верхнюю часть экрана. Больший размер – большее разрешение, поэтому выбирайте лого следующего формата:
- 1590х400 пикселей.
Чтобы увидеть точный размер зайдите в информацию о файле.
Не получилось подобрать изображение, которое займет всю площадь? Чтобы оптимизировать показ картинки на любых устройствах – стационарных, мобильных, нужно сделать подложку из белого фона с равными отступами:
- Белый фон должен иметь разрешение 1590х400 пикселей ;
- Верхнее фото должно выполняться в разрешении 1196 px на 315 px .
Какое фоновое изображение выбрать, чтобы зацепить рядового посетителя паблика? Оно должно содержать следующую информацию:
- Логотип сообщества;
- Способы связи;
- Навигационное меню (для обложки);
- Рекламная информация;
- Смешной или развлекательный контент;
- Упоминание об основных целях сообщества.
Теперь вы знаете, какой размер у аватарки группы в ВК – сможете выбрать классное изображение, которое будет украшать страницу и демонстрировать специфику сообщества. Следуйте нашим советам, чтобы сделать все правильно!
Все размеры оформления группы Вконтакте
Чтобы красиво оформить группу Вконтакте нужно знать размеры всех элементов. Кроме обложки или аватара, есть еще баннеры для ежедневных постов, сниппеты для рекламы, заставка статей, карточки товаров, обложки фотоальбомов, иконки в блоке ссылок и так далее.
В статье вы найдете удобную таблицу со всеми размерами, описание каждого формата, а также в конце статьи ссылка на бесплатное скачивание шаблонов для оформления группы в формате psd.
Статья в тему: Как отключить оповещения вконтакте на телефоне
Все эти элементы, оформленные в едином стиле, дают ощущение целостности дизайна.
Таблица размеров для оформления группы в ВК
Размеры элементов группы | |
Горизонтальная обложка полноразмерная | 1590 х 400 px |
Горизонтальная обложка в мобильном приложении | 1196 x 317 px |
Аватар группы полноразмерный | 200 x 500 px |
Аватар группы неполноразмерный | 200 х Полноразмерная горизонтальная обложка |
В мобильном приложении в контакте у обложки обрезаются слева и справа по 197 пикселей.
Поэтому в мобильном приложении на экране видно только 1196х400 пикселей.
Из них область которая ничем не перекрыта еще меньше, так как полоску сверху размером в 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 самых популярных размеров для оформления группы ВК.
Скачать архив с шаблонами для оформления групп Вконтакте .
Источник: vkdom.su