Размер авы для группы ВК

Как создать идеальную аватарку для сообщества В Контакте. Часть 1. Высота

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


В самом начале я думал что это будет простая статейка, которая быстренько опишет то, как должна выглядеть идеальная аватарка для группу В контакте. И я начал писать… Написав порядка 2 000 символов я понял, что все то, что я написал никуда не годится, потому что если бы я был на вашем месте, то я бы ничего не понял

Поэтому я решил разбить статью на части:

  • Часть 1: Высота идеальной аватарки для группы В Контакте
  • Часть 2: Миникопия и что должно быть на аватарке В Контакте
  • Часть 25: мало ли:)

В первой части будет описан «всего лишь» процесс нахождения высоты для аватарки группы vk.com

Размер аватарки группы вк Как поставить аватарку в Вконтакте

Вводная часть: аватарка

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

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

Делать аватарку по принципу «и так сойдет», или «авось прокатит», или «эта фоточка заебись» – НЕЛЬЗЯ.

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

Максимальные значения для ширины и высоты аватарки ВК — 200*700 (200 в ширину и 700 по высоте)

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

Часть 1: Высота

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

Монитор (разрешение)

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

Какое же разрешение стоит выбрать?

В феврале 2012 года случилось эпичное событие: разрешение 1024*768 перестало быть самым популярным . С первого места его сместило разрешение 1366*768, которое стоит на большинстве ноутбуков (все пересели с настольных ПК на ноутбуки).

Значит, по высоте мы ограничены в 768 пикселей (на картинке ошибка: перепутал высоту и ширину)

Самая популярная операционная сеть — Win 7, как ни крути. Внизу у нас есть плашка панели задач, которая тоже сжирает место по высоте.

Качество фотографии не ахти. Хотелось порисовать.

И так, минимум панель задач в Вннде 7 сжирает 40 пикселей. Итого у нас по высоте уже 768-40=728. Идем дальше. (на картинке ошибка: перепутал высоту и ширину)

Самый популярный браузер в мире — Google Chrome. Он тоже отнимает драгоценное пространство по высоте

Милый хром своими вкладками сжирает 30 пикселей, а адресной строкой 31 (а может и 30. мерил на глаз). Итого 60-61 пиксель обязательно сожрет браузер и никуда от этого не деться. Про другие браузеры чуть позже.

Кроме вкладок и адресной строки, которые никуда не денешь, у многих пользователей могут быть открыты закладки. Я, например, их постоянно держу развернутыми, так как это экономит время (быстрый доступ к часто используемым сайтам). Закладки отнимают еще 30 пикселей. Итого Google Chrome по высоте может отнимать от 61 до 91 пикселя.

Значит получаем 728 — 61(91) = 667(637) , а это уже меньше максимально допустимой высоты аватарки в 700 пикселей.

Дальше вступают ограничения самого Контакта.

40 пикселей кушает верхняя навигационная панель ВК. Еще 29 пикселей прямоугольник(«тип»), на которой написан тип сообщества и 10 пикселей отступ от «типа» до заветной аватарки.

Итого 40+29+10=79 пикселей на навигацию ВК.

667(637) — 79 = 588 (558 — с панелью закладок)

558 пикселей — максимальная высота аватарки в ВК, которую будет полностью видно на первом экране ноутбука с разрешением 1366*768 пикселей. Но это еще не все!

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

Кнопка «подписаться» должна быть на первом экране

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

Давайте разберемся в размерах:

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

Итого у нас получается:

  • 588 (558) — 77 = 511(481 — с панелью закладок) — для группы
  • 588 (558) — (77+43) = 468(438 — с панелью закладок)

Давайте допустим, что панель закладок открыта у всех. Значит максимальная высота аватарки, которая будет на первом экране с кнопкой подписаться для группы равна 481px, а для публичной страницы — 438px

Другие браузеры

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

Так вот, панели. Они тоже отнимают какое-то пространство по высоте, и я бы накидывал к полученным выше значениям высоты аватарки для группы и публичной странице по 50px … то есть отнимал!

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

  • для группы — 431 пиксель +50*
  • для публичной страницы — 388 пикселей +50*

*50 — это запас для других браузеров. Можно не использовать.

P.s. Если вы хотите посмотреть процесс «рисования» и нахождения высоты «идеальной» аватарки, то это можно сделать здесь, либо в на публичной странице в альбоме http://vk.com/album-38369814_162302457

P.p.s. В статье написано полное ИМХО. Не согласны? Прошу в комментарии обосновать это. Я свою точку зрения обосновал так, что не подкопаешься

Интересное видео: интересный кейс продвижения Nivea

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

Для отправки комментария вам необходимо авторизоваться.

Источник: freesmm.ru

Насколько важна аватарка для группы ВК и как ее сделать неповторимой?

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

Фото для аватарки группы вы можете найти в интернете, загрузить со своего телефона либо же создать нечто особенное с помощью различных фоторедакторов. Размеры создаваемой авы не должны превышать допустимые показатели ширины и высоты – 200х700. Очень важно не забывать учитывать разрешение монитора вашего компьютера или ноутбука. Разрешение 1024х768 было популярным (настольные ПК), но уже около 6 лет это разрешение сменилось 1366х768 (эра ноутбуков).

Как сделать аватарку(аву) в группу ВК, пошаговая инструкция?

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

  1. Запускаем программу Photoshop, в меню «Файл» нажмите на «Создать».
    Насколько важна аватарка для группы ВК и как ее сделать неповторимой?
  2. Далее нужно указать разрешение для аватарки. После чего необходимо подтвердить указанное разрешение, нажав на «Создать».Насколько важна аватарка для группы ВК и как ее сделать неповторимой?Помните, что ава должна соответствовать общему дизайну группы. Также, не размещайте много текста на аватарке, так как при загрузке будет создана миниатюра с автоматическими размерами 200х200 пикселей, и некоторый текст не отобразится.
  3. После создания и редактирования фотографии, вам необходимо правильно сохранить изображение, чтобы потом загрузить его в группу ВКонтакте. Насколько важна аватарка для группы ВК и как ее сделать неповторимой?
  1. В ряде настроек, установите галочку около пункта «Преобразовать в sRGB».
    Насколько важна аватарка для группы ВК и как ее сделать неповторимой?
  2. Внизу окна нажмите «Сохранить».
    Насколько важна аватарка для группы ВК и как ее сделать неповторимой?

Теперь переходим непосредственно к загрузке аватарки в ВК.

  1. Открыв главную страницу вашей группы, кликните на «Загрузить фотографию».
    Насколько важна аватарка для группы ВК и как ее сделать неповторимой?
  2. Затем выбираете нужное изображение на вашем ПК. После загрузки фото, нажмите «Сохранить и продолжить».
    Насколько важна аватарка для группы ВК и как ее сделать неповторимой?
  3. Следующий этап – выбор квадратной области для фотографии, миниатюры. Она будет изображаться как ава вашей группы ВКонтакте и автоматически подстроится под размеры 200х200 пикселей. Миниатюра будет использоваться в общих списках групп, в новостях. Миниатюра имеет маленькие размеры, но именно с ее помощью группа приобретает больше подписчиков. После выбора желаемой области для миниатюры, нажмите «Сохранить изменения».
    Насколько важна аватарка для группы ВК и как ее сделать неповторимой?
  4. Вуаля – ваша аватарка для группы готова.

Шаблоны psd для аватарки

Шаблоны psd – это исходный материал для последующего веб-дизайна. Данная заготовка отражает основную тематику создаваемого сообщества. Во время использования psd шаблонов, необходимо обладать основными навыками: вырезать объекты и вставлять их в шаблон. Это если вы хотите вставить в шаблон какую-то фотографию или изображение. Также на многих сайтах, вы можете найти огромное количество готовых шаблонов в формате psd.

Каким образом аватарка может поспособствовать успеху группы ВК?

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

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

Советы для удачной аватарки:

Насколько важна аватарка для группы ВК и как ее сделать неповторимой?

  1. Изображение аватара должно быть качественное. А главное, аватар должен быть в 2-3 раза больше, запланированного вами.
  2. Цветовая гамма аватарки, шрифт должен быть схож с дизайном меню. Это предаст вашей группе стильность и уровень профессионализма.
  3. Для побуждения вступать в группу и становиться подписчиками, внизу аватарки вы можете создать некий призыв вступить в сообщество.
  4. На аватаре можно разместить практически всю важную информацию, которая характеризует вашу группу. Что нельзя сказать о миниатюре. На аватаре можно указать домен сайта, номер телефона, адрес офиса, конкурсы, акции, обновление ассортимента, адреса аккаунтов других социальных сетей (Инстаграм, Фейсбук, Твиттер).

Заключение

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

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

Читайте далее:

Встречают по одежке: создаем обложку для группы в ВК

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

Инструкция, как быстро и просто добавить фото в Одноклассники

Создаем логотип для канала на Youtube: какой размер нужен?

«Чтобы было красиво…» – фото и картинки для группы ВК

Источник: smmx.ru

Аватар ВКонтакте: как правильно сделать и оформить

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

Как оформить Аватар ВКонтакте и избежать ошибок

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

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

Как правильно выбирать и располагать объекты для сообществ разные тематики

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

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

Раскрутка брендов

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

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

Продвижение услуг

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

Похожие Статьи
Янв 4, 2019
Ноя 27, 2018
Ноя 22, 2018
Ноя 20, 2018

Развлекательное сообщество

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

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

Важные моменты при создании аватара

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

  1. Размер картинки. Оптимальной величиной аватара считается показатель 800px на 2000px. Но если используется круглая или квадратная форма изображения, показатель будет другим, 100px на 1000px. При выборе картинки другого размера в результате сжатия изображение будет искажено. В итоге аватарка выглядит совсем не так привлекательно, как оригинал.
  2. Структура. В дизайне аватарок часто используют миниатюру. Говоря простыми словами, это квадрат, который способен захватить любую область изображения. Его можно передвигать так, как удобно. Как правило, таким способом выделяют следующие элементы: логотипы, основную информацию, образцы продукции, стрелки с приглашениями в сообщество и прочее.
  3. Цветовое решение. Те, кто регулярно бродит по просторам социальных сетей, могут привести немало примеров групп, чьи создатели «споткнулись» именно на этом моменте. Не стоит использовать слишком яркие и кричащие оттенки. Они должны быть довольно насыщенными, но при этом не раздражать. Лучше обратиться к нейтральной цветовой гамме.

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

Какие ошибки встречаются чаще всего

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

  1. Неправильно выбирают размер. Последствия этого шага уже описаны выше, в итоге картинка отображается некорректно.
  2. Используют слишком мрачные или кричащие цвета. Это один из главных критериев, который указывает на плохое качество аватара.
  3. Применяют много видов шрифта одновременно. В погоне за оригинальностью главное, — не переусердствовать. Двух типов шрифта вполне достаточно, один должен быть стандартным, а другой декоративным. В конкретной ситуации, чем проще, тем лучше.
  4. Помещают на главное изображение ссылки. Зачастую это делают для того, чтобы дизайн и изображение не были использованы кем-то ещё. Но, как бы там ни было, размещать ссылки на аватарах довольно глупо.
  5. Оформляют призыв на вступление в виде кнопки. Это относится к категории «хуже не придумаешь», если на аватарке расположена клавиша «Подписаться» или «Вступить в сообщество».
  6. Не обозначают выгоды для пользователей. Надписи «Вступайте» и «Присоединяйтесь» — это всего лишь лозунги, которые не несут в себе никакой информации. Лучше дополнить их какой-либо полезной информацией. Например, написать «Вступайте в группу и получайте скидки» или же «Присоединяйтесь, здесь много интересного».

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

Источник: sbakalov.ru

Оцените статью
Добавить комментарий