Как сделать логотип для группы в вк: Как сделать логотип для группы в ВКонтакте: пошаговая инструкция


27.06.2021 Facebook Twitter LinkedIn Google+ Разное


Содержание

Как сделать логотип для группы в ВКонтакте: пошаговая инструкция

Содержание:
1.Зачем создавать логотип?
2.Какие лого нужны для ВК групп?
3.Какую иконку выбрать для логотипа?
4.Как выбрать шрифт?
5.Как выбрать цвет?
6.Как загрузить логотип в группу?
7.Как создать логотип?

Ежемесячная аудитория ВКонтакте 97 миллионов пользователей, это пятая по популярности соцсеть в мире. ВК – лидер по охвату мобильной аудитории. Ежемесячный охват составляет 77%, ежедневный – 55%. Аргументы вполне весомые, чтоб принять решение об использовании этого инструмента для продвижения своего бренда.

Зачем создавать логотип?

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

Какие лого нужны для ВК групп?

Первый важный аспект оформления VK-группы — это создание обложки. Именно она будет создавать первое впечатление, предоставлять информацию и ценности компании. Как обложку вы можете использовать логотип или слоган, но лучше комбинировать их. Размер обложки составляет 1590х400 пикселей.

Следующим шагом будет загрузка аватара, максимальный размер которого 200х500 пикселей. Мы не советуем использовать абстрактное изображение. Лого сработает эффективнее и нужная целевая аудитория будет проводить ассоциацию с компанией и ее услугами.

Размеры изображений в ваших записях должны быть не меньше 537х240 пикселей.

Какую иконку выбрать для логотипа?

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

Релевантность

Можно использовать иконку, которая свяжет лого и сферу деятельности компании. Для ветклиники подойдет иконка с животными, эмблему авиакомпании дополнят элементы самолета: двигатель, хвост, кабина пилота или машина в целом. Неплохо работают околонишевые изображения — крылья, потоки воздуха, птицы. Если сфера деятельности не подразумевает конкретной привязки, можете использовать абстрактные элементы.

Простота

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

Функциональность

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

Как выбрать шрифт?

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

Читабельность

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

Гармоничность

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

Как выбрать цвет?

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

  • Нет четкой связи между сферой бизнеса и цветом, главное — это гармоничность вашей идеи и тех цветов, которые вы выбираете.
  • Цвета можно комбинировать. К примеру, такие бренды как eBay, Google, NBC, Instagram используют большое количество цветов. Но с этим нужно быть аккуратнее. Этот подход уместен для таких элементов как радуга, бабочка и т.д. Избежать наляпистости легче всего, если разрабатывать чисто текстовый лого.

  • Стоит помнить о разном трактовании цветов в разных культурах. На западе белый — символ чистоты и мира, однако в Китае — цвет смерти и скорби. Если вы планируете работать на разных рынках позаботьтесь о том, чтоб ваша цветовая палитра была правильно воспринята.

Как загрузить логотип в группу?

Заливка логотипа в группу в качестве аватара не займет у вас много времени.

Для заливки кликните на “Загрузить фото”.

В появившемся окне нажмите “Выбрать файл” и загрузите ваш логотип.

Выберите область вашего логотипа, которая будет показываться и нажмите “Сохранить и продолжить”.

Теперь выберите область для миниатюры вашего логотипа и нажмите “Сохранить”.

Вуаля, ваша аватарка-логотип готова.

Как создать логотип, быстро и легко?

Самый простой, быстрый, не требующий профессиональных навыков, способ создать свой уникальный логотип — это онлайн сервис, например Logaster.

Все, что вам нужно — это ввести название компании и нажать кнопку “Создать логотип”.

Оригинальный лого для ВК – с Логастер это быстро и просто!

С Логастер профессиональная разработка логотипов для ВКонтакте или других соцсетей теперь доступна каждому!

Сервис предложит множество вариантов логотипов. Вы сможете самостоятельно менять цветовую гамму, расположение элементов, текста и иконки.

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

Редактор блога компании Logaster, контент-маркетолог. Эксперт по веб-маркетингу и брендированию. Умеет писать просто о сложном. По ее статьям можно построить успешный бренд и начать успешное продвижение в интернете.

Как самому сделать логотип и оформление для ВК

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

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

Как логотип привлекает подписчиков

Лого, будь оно простое или причудливое, работает во «ВКонтакте» по определённым принципам. Это воздействие можно назвать вирусным. Подсознательно люди могут лайкнуть или перепостить вашу запись вообще за одно то, что им понравилась символика сообщества. И, чтобы поделиться интересной картинкой, люди передают её друг другу. Кроме того, если посты ещё и осмысленные (такое чудо в наши дни, но мы в вас верим), эмблема подчёркивает стиль вашего мышления, словно выражая его в лаконичной форме, выделяя нужные аспекты. Стиль может быть различным.

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

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

Каким должен быть логотип, чтобы привлечь многих

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

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

Сложное исследование

На каком-то этапе придётся выбирать из нескольких вариантов, которые вам кто-то предложит: ваш дизайнер, наш сайт – или даже вы сами (если сперва создадите три-четыре изображения). Сложность не в том, чтобы указать на понравившийся лично вам. Задача в том, чтобы он был привлекателен для большинства. Предлагаем несколько критериев, которые облегчат выбор.

  • Насколько контрастно выглядят линии.
  • Есть ли мелкие детали, которые сложно разглядеть.
  • Символизирует ли он нечто самое важное для вашей ЦА.

Если вы предпочтёте тот, который соответствует всем трём критериям, то больше вероятность попасть в цель. А как быть в том случае, когда логотипы одинаково хороши по этим признакам? Тут лучше всё-таки собрать небольшую фокус-группу, попросить людей выбрать лого и при этом аргументировать, почему в первый же момент (без раздумий) понравился именно этот вариант. Скорость, мгновенность выбора тут имеет большое значение. Долгие размышления – не то, чем будет заниматься целевой подписчик. Вас узнают и выберут моментально, потому и для исследования нужны такие же условия. Можно также попросить участников сравнить каждый вариант с эмблемами конкурентов (других похожих сообществ).

Принесёт ли это деньги

Грамотно подобранный фирменный стиль (особенно логотип с его узнаваемой символикой) – это способ не просто оказаться в сердцах многих людей, но и получить прибыль. Тут нужно сказать, что «холодной» аудитории будет мало увидеть эффектное изображение. Но, если оно их зацепит, вам будет проще предложить читателям уже нечто большее: интересный контент, внезапные шутки или что-то иное, что поменяет настроение. В какую сторону поменяет – отдельный вопрос.

Это уже вашей политикой определяется: будете ли вы смешить, пугать, вызывать слёзы на глазах… И, кстати говоря, логотип должен ассоциироваться с выбранным настроением. То есть он должен нести не только лаконичный смысл, но ещё и некоторые чувства. Они важны для эмоционального контакта с аудиторией. «Держать» её проще всего через какие-то настроения, переживания. И это окупается: если продумать эту часть плана подробно, то результат порадует. Создание логотипа принесёт плоды.

Чтобы потом было приятно

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

Люди начинают своё дело, потому что следуют какому-то импульсу успеха. И в этом порыве – не только стремление к внешней победе. Это ещё и отголоски детской мечты. Мысль о бизнесе или об иной деятельности чаще всего приходит уже в самом юном возрасте. Спросите своего внутреннего ребёнка: нравится ли ему такая игрушка? Нужен ли ему этот логотип? От ответа зависит многое.

Счастье больше, чем успех, и счастливым должен быть, конечно, человек целиком – со всем детским, что в нём есть. Тот взрослый, который планирует дела и строит графики, имеет мало отношения к захватывающей радости и волнам живого интереса. И мы желаем вам достичь счастья. Иначе зачем создавать своё сообщество и собирать подписчиков? Если в итоге не будет полноценного восторга души, то «ребёнок» обидится: он решит, что его обманули.

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

На нашем сервсие в тариф «Бизнес»


и «Фирменный стиль» входит оформление
соц. сетей, в том числе Вконтакте.

Инструкция по созданию привлекательного логотипа для группы ВКонтакте | Дизайн, лого и бизнес

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

Создайте свой логотип онлайн. Более 50 тысяч брендов по всему миру уже используют логотипы от Турболого.

Создать логотип онлайн

Для чего нужен логотип?

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

Процесс оформления страницы для группы ВК

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

1. Создать обложку

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

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

2. Загрузить аватар

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

3. Добавить записи

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

Подбор иконки для логотипа: советы

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

Далее представлены основные рекомендации по выбору иконки для Вашего бренда.

1. Выбирайте простую иконку

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

2. Учитывайте функциональность

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

3. Выбирайте соответствующую иконку

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

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

Подобрать шрифт для логотипа

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

Удобство прочтения

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

Сочетаемость элементов

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

Правила выбора цвета для лого

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

Далее представлены основные рекомендации, которые помогут Вам выбрать оптимальную расцветку для будущего логотипа.

  1. Цвет напрямую не связан с направлением работы компании, поэтому при его выборе следует опираться на гармоничное сочетание цветов и элементов логотипа между собой.
  2. Можно использовать сразу несколько разных цветов, но при этом учитывать их совместимость. Кроме того, многие известные бренды применили в своей эмблеме подобный прием, причем достаточно успешно. Но важно использовать цвета только в случае логичности этого решения. Также нужно учитывать читабельность надписи в миниатюре с учетом расцветки логотипа.
  3. При выборе цвета, особенно на международном рынке, следует знать трактовку каждого цвета в определённой стране. Например, для одной культуры определенный цвет может ассоциироваться с положительными эмоциями, а в другой может быть воспринят совершенно противоположным образом.

Процесс загрузки логотипа в группу

Чтобы загрузить логотип на страницу группы необходимо выполнить несколько коротких шагов.

  1. Залейте логотип в группу, нажав на «Загрузить фото» в форме для изображения.
  2. Среди появившихся изображений выберите нужную картинку. Сначала нажмите на «Загрузить фото», а после кликните на логотип.
  3. Настройте миниатюрный вид изображения и нажмите «Сохранить и продолжить».

После выполнения всех шагов логотип загрузится в качестве аватара группы.

Где создать привлекательный логотип?

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

Чтобы приступить к разработке перейдите на главную страницу сервиса Турболого и нажмите «Создать логотип». Процесс создания эмблемы состоит всего из 4-х этапов, на каждый из которых уйдет не более минуты. Сделайте свою компанию уникальной вместе с логотипом от Turbologo.

Другие статьи

Продуктовый и графический дизайнер с опытом работы более 10 лет. Пишу о брендинге, дизайне логотипов и бизнесе.

Оформление группы ВКонтакте бесплатно. Подбор логотипа и обложки


Практически в любом туториале по раскрутке групп ВКонтакте пишут «оформите страницу», но мало где говорится о том, как реально это сделать. Наши друзья из Canva Team решили поделиться с нами своим видением этой области на простых примерах из ВК.

Аватар


Первое что мы видим в группе это аватар и обложка. Аватар — обязательный компонент, он будет отражаться в ленте подписок пользователя, новостной ленте, а также виден на странице самой группы. Размеры у него небольшие, максимальный 200 на 500 пикселей, можно загрузить более длинное изображение, но оно будет обрезано до нужной пропорции 2 к 5.
Ниже приведен пример сообщества с аватаром, и представление его в браузерной версии и мобильном приложении для наглядности.
Ввиду подобного ограничения по величине, желательно, чтобы изображение было запоминающимся и имело крупные детали, мелкие будут не заметны. Тоже относится и к надписям на аватаре, если Вы хотите дополнительно акцентировать внимание пользователя на названии группы, то стоит выбрать жирный шрифт и контрастный фон, чтобы надпись не сливалась с ним. Например, знакомые всем паблики AdMe.ru и Лентач используют жирные яркие шрифты на своем аватаре, тем самым напоминая пользователям об авторстве публикаций в ленте.

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

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

Шапка — обложка


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

Размеры обложки — 1590 на 400 пикселей, однако, мобильная версия обрезает изображение, демонстрируя пользователям центральный фрагмент размерами 1196 на 400px. Потому лучше расположить основные элементы изображения и надписи именно в этой части. Пример сравнения полноэкранной и мобильной версии.

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

Динамические обложки


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

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

Оформляем посты

Если обложка и аватар призваны подчеркнуть индивидуальность группы в целом, то визуальное оформление поста позволяет пользователю обратить внимание на информацию среди новостной ленты. При его создании стоит обратиться к дизайн трендам, ибо они зачастую отражают предпочтения аудитории. Основные тенденции 2019 году это яркие цвета, шрифты типа bold и handwritten, а также геометрические фигуры.


Подчеркнуть авторство поможет выбор единого стиля и подхода ко всем публикациям сообщества. Например, это может быть выбор однотипного стиля и цвета шрифта, как у паблика Science|Наука.

Кроме того, единым стилем можно отметить определенный контент, например, ежедневный новостной дайджест, как это сделало сообщество Naked Science:

Используем редакторы


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

подробное руководство по дизайну сообществ ВК

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

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

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

Актуальные размеры изображений ВК

Рассмотрим каждый элемент подробнее.

Аватар сообщества

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

Ошибка: изображение меньше 200х200 px

200х500 px — максимальный рекомендуемый размер изображений для аватара. Но при загрузке картинок до 7000 px ошибку не выдает. Лучший вариант — 200х300 px.

Пример

Загружаем изображение размером 200х800 px, с соотношением сторон 2:8. Файл успешно загружается, сайт не выдает никакой ошибки. Но требует выделить активную область изображения, которую и будет видеть пользователь. Здесь возникает проблема: выделить всю картинку нельзя, использовать получиться только область размером 200х500 px. Важно учитывать этот параметр при составлении технического задания для дизайнера.

Соотношение сторон аватара ВК

Прикрепленные изображения

После обновления дизайна социальной сети, многие пользователи столкнулись с тем, что прикрепленное изображение занимает не всю ширину ленты: остается кусок пустого пространства справа. Раньше картинки к постам растягивались автоматически, заполняя всю ширину. Теперь ширина ленты фиксирована, поэтому минимальная ширина изображения — 510 px. Лучше всего смотрятся квадраты и прямоугольники альбомной ориентации.

Пример

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

Изображение 510х510 px в ленте новостей

Не хуже, но немного по-другому выглядит прямоугольная фотография с шириной 510 px.

Изображение альбомной ориентации с шириной 510 px

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

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

Нельзя назвать это различие критичным, но пользователям мобильного приложения намного привычней видеть фотографии квадратной формы (как в Instagram).

Изображения к публикациям со ссылкой

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

При вставке ссылки в текст поста автоматически подтягивается заголовок и изображение

Информацию о заголовке, фотографию сеть берет из кода разметки Open Graph:

В строке «image» хранится изображение с котиком

При отсутствии информации в коде Open Graph, ВК берет данные из мета-тегов: Title, Description, а в качестве иллюстрации подтягивает первое изображение из статьи. Вы можете легко заменить фотографию, нажав на стрелочки под надписью «Ссылка».

Подбираем иллюстрацию к посту с ссылкой

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

Добавляем собственную иллюстрацию к посту с ссылкой

Как и ко всем другим изображения есть требования к минимальному размеру: 573х240 px. Можно загрузить картинку большего размера, но важно соблюдать рекомендуемые пропорции 2,2:1.

Рекомендуемое соотношение сторон для иллюстрации к посту со ссылкой

Блок с товарами

Минимальный размер изображений для обложки товара 400 px, максимальный — 7000 px по ширине или высоте. Лучше всего выглядят фотографии квадратного размера 1000х1000 px. У каждого товара есть обложка и 3 фотографии, которые показываются при открытии товара.

Блок товаров фитнес-клуба

Вики-страницы

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

Пример

Если добавить на вики-страницу картинку размером 1366х768 px, не скорректировав размер, то изображение некрасиво растянется.

Изображение сильно растянулось из-за того, что ширина автоматически скорректировалась до 610 px, а высота осталось неизменной.

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

Вручную откорректированное изображение с правильными размерами

Оформление вики-страниц рассмотрим подробнее чуть ниже.

Как сохранить исходное качество изображений Вконтакте

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

Пример

Сжатие изображение при загрузке в ВК

Как избежать снижения качества?

За рекомендацией пришлось обратиться в поддержку соцсети, т.к. в открытом доступе такой информации нет. Представитель команды посоветовал следовать такому алгоритмы: открыть изображение в программе Photoshop, в меню выбрать команду «Сохранить для Web» — настройки качества 100% — галочка напротив строки «Преобразовать в sRGB».

Сохраняем изображение в Photoshop

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

Пример

Если требуется подготовить аватар группы размером 200х500 px, то размер исходной картинки должен быть около 400х1000 px. Для меню 510х400 px, лучшим вариантом будет исходник 1200х800 px.

Картинка на фоне темно-синего цвета, которую мы использовали чуть раньше, имеет исходный размер 510х350 px. Чтобы добиться лучшего качества, мы увеличили ее размер в два раза, а затем сохранили в Photoshop по совету поддержки. Вот результат:

Выглядит лучше, но не идеально

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

Выглядит намного лучше

Дизайн шапки группы Вконтакте

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

1. Обложка сообщества + закрепленный пост

После обновления дизайна владельцам сообществ стал доступен новый элемент оформления — обложка. Размер изображения — 1590х400 px. Чтобы добавить обложку нужно зайти в настройки группы и нажать «Загрузить».

Загрузка обложки сообщества

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

Обложка группы Вегетарианские рецепты: привлекательное фото, название и слоган.

Обложка Сбербанк: информация о ближайшем мероприятии

Закрепленный пост обычно продолжает тему, начатую в обложке. Например, в случае со Сбербанком — рассказывает более подробно о Зеленом Марафоне.

2. Обычное текстовое описание

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

Текстовое описание популярного издания о стартапах – vc.ru

Описание группы клуба Фильм про

3. Текст + хэштеги

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

Описание с хэштегами, журнал WebDesignMagazine

Описание с хэштегами, смартфон Nokia Lumia

4. Описание через вики-страничку

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

Группа предпринимателя, идущего к своей цели

Нажав на кнопку «Просмотреть», пользователь попадает на вики-страничку с подробной информацией о проекте.

Вики-страница с описанием проекта

5. Без шапки

Этот вариант отлично подходит тем группам, которые ничего не продают и делают ставку исключительно на контент. Пользователь, попадая в группу, сразу видит последние записи на стене.

Группа без шапки – PSD’ец

Группа с пустым описанием Atmospheric Bass Music

6. Открытое меню

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

Картинка, дублирующая пункты меню

При нажатии пользователь открывает вики-страницу с меню группы:

Кликабельное меню с идентичными разделами

Еще один пример

Кнопки на картинке не кликабельны, а вот при нажатии на «Просмотреть» откроется полноценное меню:

Пример открытого меню

7. Закрытое меню

Закрытое меню отличается тем, что пользователь не видит на картинке его пункты. Обычно на анонсе пишут что-то вроде «Меню», «Навигация», «Все материалы в одном месте» или «Жми сюда».

Закрытое меню Lady’s Club

Меню Motion Hub

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

Пост-меню паблика Мой компьютер

Закрытое меню группы английского языка

Меню интернет-магазина для девушек CosmoMarket

8. Меню слитое с аватаркой

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

Слитное меню сообщества вики-разметки

Меню группы о помаде для увеличения губ

9. Спрятанное меню

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

Бренд одежды Oodji. Чтобы открыть меню, надо нажать на ссылку «Меню группы #oodji»

Само меню

Пример уже открытого меню Спортмастера

10. Изображение

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

Сообщество Лайфхакерша разместило картинку с призывом, но кнопка не клибабельна

Comedy Radio анонсирует запуск приложения

11. Изображение и аватар в едином стиле

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

Империя пиццы и суши информирует о режиме работы, дает контакты для заказа

Coca-Cola использует красивую картинку со слоганом

12. Гифка как продолжение аватара

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

Оригинальная шапка группы Тоталь

13. Автоматически воспроизводимое видео

Еще один способ добавить интерактивности сообществу — разместить видео в шапке. С 2015 года видео в шапке начинают воспроизводится автоматически. Движущие элементы в кадре всегда привлекают больше внимания, чем статичное изображение. Видео проигрывается без звука, поэтому не вызовет раздражения у посетителей.

Как сделать, чтобы видео включалось само?

Нужно соблюсти всего лишь 3 условия:

  1. Загрузить нужный ролик через ВК — видео, загруженные через Ютуб или Вимео не включаются автоматически.
  2. Дополнить видео можно только текстом. Прикрепить ссылку или картинку не получится.
  3. После загрузки видео нужно опубликовать на стене, а затем закрепить пост.

Видео с упражнениями в сообществе Лайфхакер

Coca-Cola делится любимыми рекламными видео

13. Популярная запись

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

Страница Рецепты, пост с огромным количеством репостов

Группа Идеи дизайна интерьера закрепили кладезь материалов о ремонте. Посмотрите, сколько репостов и лайков!

14. Действующие акции

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

Сеть баров Killfish рассказывает об акции

Интернет-магазин напоминает о скидках

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

Интерактивный тест от Сбербанка

15. Анонсы мероприятий

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

Группа сериала Теория большого взрыва анонсирует новый сезон

Группа Пилот разместила в шапке график концертов

16. Розыгрыши

Сеть Детский мир разыгрывает запас подгузников

Лотерея Столото дарит Айфон

17. Опросы

Мини-исследование Gillette

Опрос на странице ресторана

18. Объявления

Объявление выделено словом «Важно» на красном фоне

Суши Терра информирует о временных неполадках

19. Вакансии

Ресторан ищет официантов

20. Ссылки на другие соцсети

Инфографика в примерах делится ссылкой на свой профиль в Перископе

Студии Дениса Каплунова ссылается на аккаунт в Пинтересе

21. Продажа товаров/услуг

Группа по оформлению групп «Вконтакте» предлагает свои услуги

Сервис Церебро.Таргет предлагает подключиться

22. Самый популярный продукт

Популярный товар магазина 24shop

23. Отзывы клиентов/покупателей

Отзыв — самый сильный инструмент повышения доверия

Как сделать привлекательный аватар

Аватар сообщества — это еще один важный элемент оформления группы Вконтакте. Он оказывает влияние на привлечение пользователей из поиска по группам, из блока «Интересные страницы» других пользователей, рекомендаций. Рассмотрим основные критерии эффективного аватара.

1. Миниатюра

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

Пример неудачных надписей — слишком мелко

Примеры удачных надписей — текст крупный

Лучше, чтобы надпись помещалась внутри миниатюры

Примеры неудачных аватаров — текст не помещается внутри миниатюры

Надпись внутри выглядит опрятней

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

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

Примеры удачных решений — все четко и понятно

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

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

Подбирайте яркие цвета, чтобы миниатюра выделялась на фоне конкурентов. 

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

Хороший способ выделится — использовать стиль минимализм. Отсутствие текста, 1-2 цвета, простые формы выделят вас на фоне кричащих конкурентов.

Анти-минимализм — куча картинок, надписей, шум

Стильно и аккуратно

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

Красный огонек как часть аватара

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

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

2. Текст на миниатюре

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

Анонс нового продукта/услуги/события

Анонс нового сезона, коллекции, премьеры всегда привлекает внимание любителей новинок

Ваше УТП

Выберите одно преимущество: круглосуточно, дешево, быстро и т.д.

Контакты

Поможет тем, кто уже готов купить, быстро найти ваш номер

Супер цены

Если у вас крутая цена — пишите ее прямо на миниатюре

Бесплатная доставка

Особенно актуально для ресторанов доставки еды

Часто компании с бесплатной доставкой добавляют эту информацию в название группы через | от названия самой организации.

Не стесняйтесь рассказывать о бесплатных услугах

Акции и скидки

-50% выглядит органично и привлекательно

Розыгрыши

Ну как пройти мимо потенциальной халявы?

Вакансии

Соцсети — хороший вариант поиска лояльных сотрудников

Держите в голове вашу цель и портрет ЦА, а вдохновение придет во время работы над оформление группы.

3. Продающий дизайн аватара

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

  1. Качество изображения должно быть высоким. Плохая картинка сразу оттолкнет посетителя. Кратко: делайте размер в два-три раза больше рекомендуемого, чтобы не было искажения качества после сжатия.
  2. Следуйте единому стилю. Идеально — аватар и меню в фирменном стиле компании. Хорошо — в единой цветовой гамме с пересекающимися элементами. Такое сочетание меню и аватара выглядит эффектно.
  3. Аватар и меню группы Аудиокниги

    Аватар и меню в едином стиле, группа Лучшее

    Знаменитый аватар группы Палата №6 оригинально сочетается с меню

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

  6. Делите аватар на части. Верхняя — под миниатюру, нижняя — под остальную информацию.
  7. Разделенные на части аватары

  8. Добавьте призыв к действию. Нарисуйте стрелочку, указывающую на кнопку «Подписаться» или «Написать сообщение». Не все пользователи знают, что можно писать сообщения группе.
  9. Аватары со стрелочками

  10. Оставьте немного пространства. Слишком большое количество информации воспринимается как шум: мозг не может выделить что-то одно и предпочитает вообще ничего не воспринимать.
  11. Слишком много информации

    Благодаря свободному пространству, информация считывается легче

Важные элементы аватара

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

Адрес сайта

Актуально для интернет-магазинов

Контакты и режим работы

Подойдет доставкам, ресторанам, магазинам

Розыгрыши призов/скидки

Имеет смысл, если акция длится дольше 1-2 недель

Топ-товар или новинка

Или товар, который вы хотите вывести в топ 😉

Условия доставки

Кратко: по всей России, бесплатно, круглосуточно

Дополнительные сервисы

Например, реклама мобильного приложения

УТП

Пишите о своем уникальном торговом преимуществе

Новинки/анонсы

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

Официальное сообщество

Если у вас есть значок «официальное сообщество» от ВК — расскажите об этом

Расписание/график

Подойдет для певцов, гастролирующих театров, цирков

Ссылки на другие аккаунты

Лучше, конечно, разместить активную ссылку, но так тоже можно

Подробное описание

То, что не влезло в заголовок: слоган, девиз

Награды

Признанный лидер отрасли? Победитель конкурса? Укажите это!

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

Как объединить аватар и меню

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

  1. Используйте шаблон. Ширина 510 px для меню и 200 px для аватара. Или 1200 px для меню и 400 px для аватара.
  2. Подберите качественное изображение, скачайте его на ваш компьютер. Откройте картинку в программе.
  3. Скопируйте и вставьте в шаблон. Откорректируйте положение картинки так, как собираетесь ее нарезать.
  4. Нанесите эффекты, добавьте надписи и все, что посчитаете нужным.
  5. Чтобы часть изображения, расположенная в месте пробела не исчезала, сдвиньте ее как на гифке: 
  6. Откройте инструмент «Раскройка», затем «Фрагменты по направляющим».   
  7. Уберите лишнее и подкорректируйте изображение.
  8. Сохраните изображение. Файл — Сохранить для Web — 100% качество. 
  9. Найдите изображения на своем компьютере. Обычно все рисунки из Фотошопа сохраняются в отдельной папке. Добавьте аватар и анонс для меню.

Объединенные меню и аватар, сделанные по шаблону из статьи

В шаблоне вы можете изменить высоту аватара. По умолчанию стоит 500 px.

Здесь высота картинки 340 px

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

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

Нетология оформляет посты в едином стиле

Оригинальные посты компании Knorr

Пример сочетание эстетики и функциональность в группе Факт дня

Три разных, но перекликающихся типа постов в группе Интернет-маркетинг от А до Я

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

1. Затемнение/осветление изображения

Делает текст более читаемым за счет контрастности надписи к фону.

Пример из паблика Почему я этого не знал?

Тот же прием в группе Цитаты и статусы

Осветление фона в Adme

Осветление от Павла Деева

2. Контрастная фигура

Надпись размещается на отдельной однотонной фигуре (круг, полоска, треугольник) контрастной по отношению к цвету текста.

Гармоничное изображение

Контраст от Cossa

Brain Academy, хамелеон и синяя полоса

3. Выделение текста построчно

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

Мудрость от Adme

Бизнес цитаты

4. Нарезка изображений

Одна часть картинки заменяется нейтральным фоном, на котором размещается текст

Правильное образование

Реклама астрологического теста

5. Замутнение

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

fishki.net

Автор неизвестен

6. Изображение с нейтральным фоном

На некоторых картинках есть будто специально отведенное место для текста. Подбирайте такие иллюстрации для мотивационных постов.

Пинтерест Милы Корниенко

Хорошо сказано

7. Тень, обводка

Выделите текст с помощью темной тени или белой обводки.

Простые мудрости

1001 мем

fishki.net

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

Где искать изображения хорошего качества?

Используйте сервис бесплатных фотографий — https://www.pexels.com. Вбивайте ключевое слово на английском и смело используйте любое изображение. Авторы не против. Если не нашли подходящее, попробуйте поискать в Гугл или Яндекс. Выставите фильтр по размеру, цвету. Но обязательно проверяйте тип лицензии, чтобы не нарушить авторские права.

Как делать крутые картинки без дизайнера и Фотошопа?

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

1. Fotor.com

Выбирайте раздел Design — крайний справа.

Нужный нам раздел

Выбираем соцсеть для которой будем делать картинку: Инстаграм – квадраты, Фейсбук – прямоугольники.

Есть и другие форматы, но эти два подходят лучше всего

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

Шаблоны с бриллиантом — платные

Вместо фоновой картинки сервиса подставляем свою.

Добавьте свои изображения, нажав на большой значок плюса в правой верхней части экрана.

Вставляем, корректируем размер, пишем свой текст. Если нужно — добавляем логотип.

Редактура текста

Готовое изображение сохраняем на компьютер: нажимаем на значок дискеты — выбирает формат — готово.

Готово! Вы восхитительны.

2. Canva.com

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

Окошко регистрации, Canva

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

Шаблоны для Инстаграм и ВК

Выбираем шаблон поинтересней и удаляем стандартный фон.

Здесь сотни красивейших шаблонов

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

Жмем на Download, выбираем формат и скачиваем

Сохраняем красивую картинку в свои файлы. Всё!

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

Что лучше: прикрепленные изображения или встроенные?

Когда вы создаете запись со ссылкой (например, публикуете анонс своей новой статьи из блога), у вас есть два возможных варианта действия: первый – использовать встроенное изображение из сниппета, и второй – прикрепить отдельную картинку. Чтобы было понятней, покажу на примере.

Слева – встроенная картинка, справа – загруженная

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

Загруженные изображения на экране Айфон 5

А вот так выглядят встроенные картинки:

Абсолютно нечитаемо

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

В случае с вики-страницами вариант только один: загружаемое отдельно изображение. Оно становится кликабельным автоматически.

Пример со страницы Интернет-маркетинг от А до Я

Как использовать вики-разметку в Вконтакте

Вики-разметка, с одной стороны, самый сложный инструмент оформления групп Вконтакте, а с другой, самый увлекательный и интересный. Рассмотрим определение, которое дает сама соцсеть вики-разметке.

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

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

У социальной сети Вконтакте есть собственный HTML-редактор, позволяющий пользоваться возможностями вики-разметки.

HTML-редактор Вконтакте

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

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

Как создать вики-страницу Вконтакте самостоятельно

Чтобы самостоятельно создать вики-страницу Вконтакте, нужно сделать всего три действия:

  1. Скопировать эту ссылку в блокнот или любой текстовый редактор: http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы
  2. Найти ID своей группы, для которой создается страничка, и вставить его вместо XXX в скопированной ссылке. Вместо «Название_страницы» вписать понятное название. Для нашего примера мы впишем «Навигационно меню». В итоге должна получиться ссылка как на картинке. Копируем ее и вставляем в адресную строку браузера.

Ссылка на вики-страницу

3. Нажимаем ввод и переходим к наполнению страницы

Как узнать ID своей группы в Вконтакте

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

Раздел Записи сообщества

ID — это цифры после слова «wall-» и до знака вопроса.

Стрелочка указывает на ID

Более простой способ – установить приложение «Узнать ID». Найдите его в каталоге приложений и добавьте в левое меню для быстрого доступа.

Приложение для поиска ID

Как ограничить права на редактирование

Чтобы не попасть в неприятную ситуацию, нужно ограничить права доступа к редактированию страницы. В левом нижнем углу каждой вики-страницы есть кнопка «Доступ к странице».

Доступ к странице

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

Стандартные настройки доступа

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

Одна из самых безобидных шуток

Как открыть режим кода

Режим кода при создании и редактировании вики-страниц используется чаще всего. Чтобы перейти в него нажмите на значок < > в верхнем правом углу.

Переключение режимов в вики-редакторе ВК

Как форматировать текст

Форматировать текст проще в визуальном режиме. Выглядит как любой другой текстовый редактор. Но есть ограничение — нельзя менять размер шрифта. Что выделить заголовки или важную информацию, используйте теги h2, h3, h4 и курсивное выделение.

Форматируем текст в визуальном режиме

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

Теги форматирования в режиме кода

Как вставить ссылку в текст на вики-странице ВК

Ссылку можно вставить в режиме кода, используя шаблон [ссылка на статью|текст ссылки].

Пример вставки ссылки

Ссылки, ведущие на внешние сайты, открываются в новом окне, а вот ссылки на страницы Вконтакте — в этом же. Что не всегда удобно для пользователей. Чтобы ссылка на вики-странице открывалась в новом окне, нужно использовать ее короткий вариант.

Перейдите в «Сокращатель ссылок Вконтакте». Вставьте нужную ссылку в окошко, скопируйте короткий вариант и добавьте его на вики-страницу.

Сокращатель ссылок от ВК

Готово! Теперь ссылка будет открываться в новом окне

Как добавить картинку в вики-страницу

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

Добавляем картинку на вики-страницу

Как добавить видео на вики-страницу

Загрузить видео с компьютера сразу на вики-страницу не получится. Сначало его нужно добавить в свои видеозаписи, а лишь затем на страницу.

Загружаем видео на вики-страницу

Сделать видео больше нельзя, такой функции почему-то не предусмотрено. Но можно немного схитрить. Сделать скриншот первого кадра видео такого размера, какой вам нужен. Затем добавить по центру изображения иконку «Play», добавить изображение на вики-страницу и прописать ссылку на видео.

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

Как добавить ссылку на картинку в вике-странице

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

  1. После второго знака | вставить нужную ссылку, предварительно сократив.
  2. Выровнять изображение по центру, левому или правому краю.
  3. Проверить размеры изображения: ширина не более 610 px.

Вот что получается в результате

Как создать навигационное меню Вконтакте

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

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

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

Чтобы посмотреть код, нужно:

  • запустить приложение;
  • выбрать тип сообщества;
  • добавить ссылку на него и нажать «Просмотр»;
  • выбрать интересующую страничку и нажать «Просмотр кода».

Все вики-страницы группы Киномания

По какому принципу создаются меню Вконтакте

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

Меню, созданное за 5 минут

Код этого меню

Вариант немного посложнее:

Меню Motion Hub

Простые меню создаются по следующему принципу: подбираем или создаем картинку с основными пунктами/разделами. Добавляем эту картинку в Фотошоп, делим на части с помощью инструмента «Раскройка». Каждая часть картинки будет выполнять функцию кнопки, ведущей на определенный раздел группы. После раскройки загружаем изображения в редактор вики-страниц и добавляем к каждой части ссылку на какой-либо раздел.

Получается вот так

А вот код этого меню

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

Меню в один столбик

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

Danone и Lady’s club

Danone и Lady’s club — мобильная версия

Код этих страниц

Код включает в себя минимум параметров: код картинки, ее размер, специальный тег nopadding, убирающий отступы между картинками, и ссылки на разделы. Тег center выравнивает каждую картинку по центру, а вот команда option здесь лишняя — никакой функции не выполняет.

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

Меню в два столбика

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

Интересное меню сообщества Книги

А вот как выглядит на мобильном

Рассмотрим код этого типа меню. Обратите внимание на часть под серой полоской.

Код этого меню

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

Меню в два столбика так же просто создать, как меню в один столбик. Главное — подобрать такой размер картинок, который будет отображаться одинаково хорошо в мобильной и десктопной версиях.

Отображение меню в мобильной версии

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

Десктопная версия меню группы Империя кино

Мобильная версия этого же меню

Десктопная версия меню группы Пальчики оближешь

Неправильный перенос этого же меню на мобильниках

А вот пример правильной верстки:

Отображение на компьютерах

На смартфонах

Как адаптировать меню под смартфоны?

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

  1. Использовать табличную верстку с фиксированной шириной ячеек.
  2. Добавлять картинки квадратной или прямоугольной формы с шириной не превышающей 190 px для меню в три столбика, не более 150 px для меню в четыре столбика, не более 110 px для меню в пяти столбиков. Не рекомендуем использовать более пяти столбиков, потому что будет слишком мелко на экранах мобильников.
Как сделать табличную верстку?

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

Для табличной верстки используют специальные теги:

Теги для табличной верстки

Код табличной верстки

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

Десктоп – слева. Мобильная версия – справа

Вот код этого меню в текстовом варианте:

{|fixed nopadding noborder

|~190px 190px 190px

|-

|[[photo258316413_430862279|190px;nopadding| ]]

|[[photo258316413_430862290|190px;nopadding| ]]

|[[photo258316413_430862307|190px;nopadding| ]]

|-

|[[photo258316413_430862332|190px;nopadding| ]]

|[[photo258316413_430862349|190px;nopadding| ]]

|[[photo258316413_430862372|190px;nopadding| ]]

|}

Важно, прописать для каждого столбца таблицы параметр ширины. В примере с тремя столбиками ширина 190 px. Для меню с четырьмя столбиками параметры ширины будут выглядеть так: |~150px 150px 150px 150px.

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

Адаптивное меню в четыре столбика

Создается практически также как и меню в три столбика. Рассмотрим пошаговый алгоритм.

  1. Выбираем изображение и нарезаем его на квадраты со сторонами по 150 px.
  2. С помощью инструмента «Раскройка»

    Создаем нужное количество квадратиков

  3. Наносим текст, добавляем эффекты и сохраняем как для Web.
  4. Не красоты ради, примера для

  5. Добавляем картинки в вики-страницу, прописываем теги и размеры.
  6. Код меню в четыре столбика

  7. Проверяем, как меню выглядит на компьютере и смартфоне.
  8. Меню на смартфоне

Примечания к адаптивной верстке
  1. Проверьте, чтобы всю текстовую информацию было хорошо видно на небольшом экране мобильника. Понажимайте на все активные элементы, чтобы убедиться в правильности ссылок. Если выглядит слишком мелко, измените количество столбцов в таблице и увеличьте размер картинок.
  2. Вместо квадратов можно использовать прямоугольники, главное соблюдать рекомендуемую ширину. Учтите, что все картинки должны быть одинаковы по размеру.
  3. Меню группы Стартап Академия

    Все картинки одного размера

  4. Можно использовать разные фигуры, если помнить о размерах.
  5. Меню с разными фигурами

Как проверить адаптивность верстки

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

Метод №1

Используйте браузер Google Chrome. Вставьте адрес вашей вики-страницы в адресную строку и добавьте в его начало m.

Проверяем верстку в мобильной версии

Кликните правой кнопкой мыши в любой части страницы и выберите «Просмотреть код» — «Планшеты и смартфоны».

Смотрим, как выглядит на планшетах и телефонах

Укажите устройство, которое вас интересует:

Выбираем конкретное устройство

Методы №2

Установите плагин для Google Chrome Resolution Test. Перейдите в мобильную версию Вконтакте. Нажмите на иконку и выберите или пропишите размеры экрана, которые вас интересуют.

Проверяем адаптивность

Заключение

Ух! Поздравляю, вы дочитали до конца. Материал получился очень объемным, но это еще не вся информация об оформлении групп Вконтакте. Тем не менее, рассмотренных пунктов достаточно, чтобы создать стильное, запоминающиеся и удобное сообщество. Если у вас есть свои лайфхаки и фишки, поделитесь в комментариях в нашей группе Вконтакте. 

Пошаговая инструкция как красиво оформить группу в ВКонтакте

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

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

Определите цели

Перед тем, как заняться созданием аватара, шапки сообщества – любого элемента оформления – ясно сформулируйте главную цель ваших трудов. Честно признайтесь: чего вы ждете от пользователя? – Понятно, что хочется всего и сразу: и активных покупок, и бурного общения в группе, и массовых репостов, и регулярных посещений основного сайта… Но нужно выбрать одно – самое важное.

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

Другая возможная цель: повышение лояльности аудитории. Если людям нравится общаться с вами, они купят товары или услуги даже чуть дороже, чем у конкурентов. «Сарафанное радио» довольных клиентов снизит расходы на рекламу. Тут главное: создать притягательную атмосферу. Пользователю должно быть комфортно и интересно чувствовать себя частью сообщества. Не забывайте, что классное оформление группы в представлении, скажем, футбольных фанатов и мамочек в декрете выглядит совершенно различно.


Критично рассматривайте каждый элемент дизайна сообщества с точки зрения его главной цели!

Оформление сообществ

Ваше «лицо» в сети узнаваемо

Визуальные образы работают на укрепление доверия

Ваши посты и объявления выделяются в ленте пользователя

Логотип

Самое емкое представление вашего бренда – миниатюрная картинка-символ, которая сопровождает каждый пост группы. Ее минимальный размер 200 х 200 px (пикселей). При любом соотношении сторон все равно придется выбирать квадратный фрагмент.

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


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

Аватар

Это другой тип изображения, который можно разместить в правом верхнем углу вашей группы. Его размеры 200 х 500 px или больше, но при соотношении сторон 2 х 5. В этом пространстве можно уместить и картинку, и краткую фразу (например, ваш слоган, призыв к действию).

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


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

Основной баннер

Используйте при оформлении группы ВКонтакте шапку (обложку) или закрепленную запись. Большое яркое изображение цепляет внимание и дает представление о сообществе.

Важно: официально заявленный размер шапки 1590 х 400 px. Но при мобильном просмотре ее края обрезаются. Поэтому рекомендуем создать графический файл в пределах 1200 х 400 px или не размещать по краям картинки (по 200 px слева и справа) значимых изображений, надписей.


Если вы загружаете шапку, круглый логотип будет отображаться под ней – слева. Справа есть возможность разместить интерактивную кнопку с возможностью:

  • написать e-mail;
  • позвонить;
  • позвонить в ВК;
  • перейти на сайт;
  • перейти в приложение;
  • зайти в приложение группы.

Если вы не используете обложку, ее функции может исполнить закрепленная запись – пост, который всегда будет расположен вверху ленты группы. Сконцентрируйте здесь самую важную информацию, например, ссылки на рубрики вашего сайта или даты мероприятий (поддерживайте этот пост в актуальном состоянии!).

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

Вики-меню группы

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

В правом виджете администратора откройте пункт «Управление» — «Разделы». Здесь, напротив вкладки «Материалы» поставьте значение «открытые» или «ограниченные» (разница описана во всплывающих подсказках). Тогда на стене сообщества, рядом со вкладкой «Информация» появится другая – «Свежие новости».

Именно эту вкладку нужно редактировать (кнопка появится внизу). Вместо «Свежие новости» напишем «Меню». В правом верхнем углу переключим редактор на режим wiki-разметки. И напишем строку такого вида:

[https://vk.com/ваш_url|первый пункт меню]

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


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

Обратите внимание, что в правом сайдбаре, под виджетом участников группы, есть пункт «Ссылки» — его тоже можно и нужно использовать. При добавлении сюда адреса к нему автоматически прикрепляется круглая миниатюра-аватар. Так создается дополнительное заметное и удобное меню сообщества.

Группы товаров

Сегодня соцсеть ВКонтакте позволяет создать полноценный Интернет-магазин. Чтобы наполнить его товарами – включите соответствующую вкладку («Управление» — «Разделы» — «Товары»). Тогда откроется редактор для описания направлений вашего бизнеса, контактов, способа оплаты. Здесь же можно добавлять карточки на каждый товар.

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

  1. Максимально полное описание. Укажите материалы, производителя, размеры, цвет – все важные характеристики товара.
  2. Качественные фотографии, размером 400 х 700 px (или с соотношением сторон 4 х 7). Основное изображение плюс четыре дополнительных.
  3. Категория товара выбирается из списка.

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

Основные ошибки при оформлении группы в ВК

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

  1. Отсутствие ясного целеполагания: зачем создана группа? – В принципе, никогда не поздно определиться с ответом и переформатировать сообщество в соответствии с его целями. Укажите их в описании паблика. Создавайте весь контент на этом основании.
  2. Небрежный подбор изображений. Если вы не уверены в своих способностях дизайнера – поручите создание логотипа, аватара, обложки специалистам. Но не полагайтесь на их вкус, а добивайтесь результата, который соответствует именно вашему плану.
  3. Инертность в подборе инструментов оформления. Разработчики ВК постоянно предлагают нам новый функционал. Есть масса приложений, которые позволят сделать вашу группу по-настоящему уникальной, привлекательной и полезной для целевой аудитории. Экспериментируйте! Стоит регулярно менять оформление группы ВКонтакте – не кардинально, но поддерживать его актуальным.
  4. Слепое копирование примеров. Изучая материалы по созданию пабликов, анализируя сообщества конкурентов, не старайтесь сразу реализовать в своей группе все обнаруженные варианты. Рассмотрите каждый инструмент под призмой вашей цели – он либо заметно видоизменится, либо окажется вовсе лишним.
  5. Невнимание к разнице мобильного и десктопного отображения сообщества. Количество пользователей смартфонов и планшетов уже заметно превысило число людей, которые заходят в соцсеть при помощи компьютеров с большими мониторами. Но для администратора группы одинаково важны обе группы Интернет-аудитории. При загрузке изображений, текстов, обязательно проверяйте их представление во всех вариантах верстки.

Логотип ВК: загрузка, создание, важные требования

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

Зачем создавать логотип

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

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

Создание логотипа

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

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

Вот пример двух аватарок, на одном из них нет лого, а на двух других есть:

Разница тонкая, но её необходимо понять.

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

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

Простота. Картинка не должна быть перегружена деталями. Она должна легко запоминаться, и чем силуэт проще, тем лучше.

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

Выбор шрифта

Если в составе вашего logo есть какой-то текст, то ему тоже нужно уделить внимание. Главное здесь – читабельность и гармоничность. Буквы должны быть чёткими и видны издалека, не сливаться и не деформироваться, и при этом гармонировать с иконкой. Если она отрисована тонкими, плавными линиями, то и шрифт должен быть таким же, например, рукописным. А если иконка состоит из геометрических фигур с острыми углами, то уместен будет рубленый шрифт. В Интернете можно найти коллекции шрифтов со свободными лицензиями, но конечно, гораздо круче разработать собственный фирменный стиль.

Выбор цвета

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

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

Так или иначе, для создания удачного логотипа лучше обратиться к профессионалам.

Загрузка логотипа в группу ВК

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

Если в вашей группе не используется обложка (это такой большой баннер форматом 1590х400 пикселей), то вам доступна загрузка аватара. Для этого достаточно кликнуть по области, где он должен располагаться. Появится модальное окно с кнопкой «Выбрать файл». Когда картинка будет загружена, кликните «Сохранить».

Руководство по настройке фан-страниц и групп ВКонтакте • Runetology.com

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

В этом тексте я опишу несколько шагов по созданию сообщества ВКонтакте:

Вы предпочитаете смотреть видео? Посмотрите этот контент на Youtube:

Все еще не знаете, какой тип сообщества выбрать — фан-страницу или группу? Это видео может помочь вам:

Шаг 1.Загрузите свой логотип

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

  1. Нажмите кнопку Загрузить фото справа.
  2. Выбрать файл с логотипом. Рекомендуется использовать квадратное изображение.
  3. Выберите правильное положение вашего логотипа и Сохраните .
  4. Теперь выберите область для миниатюры круга. Миниатюра будет использоваться для сообщений сообщества, комментариев и списков. Он также будет использован при загрузке изображения обложки.

Шаг 2. Загрузите изображение обложки

  1. Щелкните три точки под логотипом и выберите Управление сообществом .
  2. Теперь выберите Обложка сообщества -> Загрузить .
  3. Ваша обложка должна быть прямоугольной, а рекомендуемые размеры — 1590 × 400 пикселей. Выберите свой файл с обложкой, загрузите его и сохраните. Теперь верхняя часть вашего сообщества должна выглядеть так:

Шаг 3. Измените основные данные о вашем сообществе

  1. Теперь давайте введем описание вашей фан-страницы.Он может содержать текст, ссылки и смайлы.
  2. Затем вы можете выбрать свой Тип сообщества : группа может быть открытой, (чтобы каждый мог ее найти и присоединиться), закрытой, (пользователи могут присоединиться к ней, если они получат приглашение или отправят запрос), или частной (поэтому никто не может найти его через окно поиска, и только управление группой может пригласить пользователя присоединиться к нему). В случае фан-страницы у вас может быть только открытая фан-страница , поэтому в настройках такой опции нет.
  3. Выберите короткую ссылку для вашего сообщества. Если адрес есть, забирать можно. Постарайтесь сделать ссылку короткой и удобной для пользователей. Это может быть ваш бренд или любое ключевое слово, связанное с вашими продуктами или бизнесом.
  4. По завершении нажмите Сохранить .

Шаг 4. Измените дополнительные настройки

Общие настройки:

  1. Выберите тему вашего сообщества.
  2. Оставьте возрастное ограничение без изменений, если вы не собираетесь публиковать контент только для взрослых (например,грамм. эротический контент, нецензурные слова, отсылки к наркотикам, изображение / описание жестокости или насилия). Помните, что если вы выберете вариант 16 или 18 лет и старше , ваше сообщество будет исключено из поиска ВКонтакте.
  3. Добавьте свой веб-сайт URL.
Группа

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

Фан-страница

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

Шаг 5. Настройте сообщество Разделы

Теперь настроим все разделы вашего сообщества (фото, видео, обсуждения и т. Д.).

Группа

Настройки разделов группы выглядят так:

Фан-страница

И настройки разделов фан-страниц такие:

Как видите, в случае фан-страницы вы можете включить / отключить только определенный раздел, а для группы вы также можете выбрать один из различных вариантов — Disabled , Open , Limited Restricted , в случае настенных настроек.

5.1 Стенка

Стена ВКонтакте — это, по сути, место, где вы публикуете свой контент.

Группа

Стена вашей группы может быть:

  • Отключено — постов не будет.
  • Откройте — вы, ваши администраторы и каждый пользователь можете публиковать сообщения на стене и комментировать их.
  • Limited — только вы и ваши администраторы можете публиковать сообщения, пользователи могут только комментировать их (рекомендуется, если вы не планируете создавать пользовательский контент).
  • Ограничено — только вы и ваши администраторы можете публиковать сообщения, комментарии отключены.
Fanpage

Как видно на скриншоте выше, нет никаких настроек для Fanpage Wall. Но вы можете отключить комментарии (см. Следующий шаг «Комментарии»).

5.2 Ссылки

Группа

Вы не можете редактировать этот раздел.

Фан-страница

Вы можете отключить раздел ссылок (не рекомендуется).

5,3 Фото

Это раздел для ваших фотоальбомов.Если у вас есть коммерческое сообщество, это обычное дело для ВКонтакте, когда вы используете его как каталог своих товаров. Не стесняйтесь создавать альбомы по категориям, ссылаться на «Женская одежда», «Мужская одежда» и т. Д.

Группа

В группе может быть:

  • Отключено — раздела фото не будет.
  • Открыть — каждый пользователь может создавать новые фотоальбомы.
  • Limited — вы и ваши администраторы можете создавать новые фотоальбомы (рекомендуется).
Fanpage

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

5.4 Видео

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

Группа

Видео раздела может быть:

  • Отключено — раздела видео не будет.
  • Открыть — каждый пользователь может добавлять новые видео.
  • Limited — только ваши администраторы могут добавлять новые видео (рекомендуется).
Fanpage

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

5.5 Аудиофайлы

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

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

Группа

Аудио раздел может быть:

  • Отключено — аудио раздела не будет.
  • Открыть — каждый пользователь может добавлять новые аудиофайлы.
  • Limited — только ваши администраторы могут добавлять новые аудиофайлы (рекомендуется).
Fanpage

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

5.6 Документы

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

Размер файла не должен превышать 200 МБ и иметь следующие расширения: doc, docx, xls, xlsx, ppt, pptx, rtf, pdf, png, jpg, gif, psd, djvu, fb2, ps и другие форматы. Ваш документ должен соответствовать законам об авторских правах.

Группа

Раздел документов может быть:

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

5.7 Доска обсуждений

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

Рекомендую добавить как минимум две темы: Обзоры и Вопросы и ответы. Позвольте вашим клиентам поделиться своим мнением о вашем бизнесе, продуктах и ​​услугах.Это определенно поможет другим принять решение о покупке вашей продукции.

Группа

Доска обсуждений в группе может быть:

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

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

Фан-страница
Доска обсуждений

Fanpage может быть только включена или отключена. На фан-странице вы можете разместить доску обсуждений только на правой боковой панели.

5.8 Блок Wiki

Этот раздел доступен только для группы . Блок Wiki позволяет вам создавать дополнительные страницы внутри вашего сообщества и заполнять их текстом и мультимедиа. Лучший пример использования вики-блока — дополнительное меню. Короткая анимация ниже показывает все возможности, которые она дает:


Как нетрудно догадаться, создание вики-меню занимает много времени.Поэтому я предлагаю вкладывать в это свое время только после того, как вы установили остальные разделы и построили свою аудиторию в ВК.

Группа

Вики-раздел может быть:

  • Отключено — не будет блока вики (рекомендуется).
  • Открыть — каждый пользователь может создавать новые страницы с помощью блока вики.
  • Limited — только ваши администраторы могут создавать вики-блок.

5.9 События

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

5.10 Места

Этот раздел доступен только на страницах . Он позволяет вам добавлять адреса ваших магазинов, ресторанов, офисов и т. Д. Адреса будут показаны на правой боковой панели вашей фан-страницы.

5.11 Контакты

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

5.12 Продукты

И последний раздел «Товары» обычно коммерческий. Это позволяет вам добавлять свои продукты или услуги. При включении вы увидите дополнительные настройки:


Как настроить раздел товаров:
  1. Выберите регионы доставки.
  2. Выберите, хотите ли вы, чтобы пользователи оставляли комментарии над вашими продуктами.
  3. Выберите валюту (рекомендуется российский рубль. См. Мой пост о местной платежной системе Яндекс.Кассы).
  4. Выберите контактное лицо (одного из ваших администраторов).
  5. Добавьте описание вашего магазина.

Шаг 6. Включите комментарии пользователей

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

  1. Щелкните Управление сообществом -> Комментарии .
  2. Выберите Отзыв: Включить комментарии
  3. Оставьте фильтр ненормативной лексики включенным.
  4. Если вы хотите отфильтровать любые комментарии, вы можете включить ключевых слов, фильтр и ввести ключевые слова.

Шаг 7. Включите личные сообщения сообщества

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

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

Здесь вы можете найти информацию о виджете сообщений ВКонтакте.

***

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

Спасибо за прочтение! Есть вопросы? Пожалуйста, оставьте комментарий ниже.

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

В декабре 2018 года ВКонтакте представил новый функционал, который помог оживить сообщества компании — живые обложки.

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

Авто-продвижение в Инстаграм без блоков

Рекомендуется : Jesica — это приложение для продвижения в Instagram (от создателей Instaplus.me). Установите Jesica на свой телефон или компьютер с Android, и приложению понравится, подпишется и откажется от подписки, как если бы вы делали это сами:

  • Нет блоков.Пределы работают так, как если бы вы все это делали вручную.
  • Безопасно. Вам не нужно вводить пароль для своей учетной записи.
  • Высокая скорость. Вы можете ставить до 1000 лайков и 500 подписок в день.

Попробовать 5 дней бесплатно >>
Реклама

Читайте также: Как раскрутить группу в ВК самому

Примеры живых каверов

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

И эта обложка была сделана сообществом, продвигающим игровую консоль Play Station.

Обложки

Live уже показаны в последней версии в мобильных приложениях для iOS и Android.

Преимущества живых обложек:

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

Живые обложки доступны для всех сообществ ВКонтакте.

Как создать и скачать живую обложку ВКонтакте

Скачать живую обложку можно в настройках сообщества.

  1. Создавайте обложки с помощью любого графического онлайн-сервиса. Вы можете использовать Canva или Crello.
  2. Перейти к управлению сообществом. В разделе основной информации будет возможность настроить обложку. Щелкните «Управление».

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

Технические требования к живым кожухам

  • Размеры материалов: 1080 × 1920 (по вертикали) или другие в соотношении 9:16.
  • Видео: формат MP4 (кодек h364 aac), 15-60 кадров в секунду; продолжительность — до 30 секунд; размер — до 30 МБ.

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

Как использовать живые каверы: несколько примеров

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

  • Кафе и рестораны могут показать свои самые вкусные блюда;
  • Hotels могут совершать «виртуальный тур» по номерам;
  • Магазины одежды могут представить новую коллекцию или рассказать об акциях и скидках;
  • Музыкальные группы могут размещать видео с прошлого концерта и предлагать купить билеты на предстоящий концерт.

Посетители страницы увидят новый формат в приложениях iOS и Android. В мобильной и веб-версиях ВКонтакте по-прежнему будет отображаться обычная статичная обложка.

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

Использование ВКонтакте в деловых целях

Facebook может быть крупнейшим брендом в пространстве социальных сетей, но это не конечный и не исчерпывающий инструмент социальных сетей, особенно за пределами США. Если вы хотите привлечь потребителей в Восточной Европе и России, ваш идеальный инструмент для социальных сетей — это ВКонтакте (часто сокращенно ВК или ВК).

Ведущую социальную сеть в регионе, VK (буквально переводится как «в контакте», что также означает «на связи»), часто называют русским Facebook и сравнивают с фирмой Марка Цукерберга. Хотя VK меньше по абсолютному количеству пользователей, выручке и ряду других показателей, это основная сеть взаимодействия с брендом для компаний, которые хотят продавать продукты и услуги в этом регионе.

© Wikimedia Commons | vkontakte.ru

В этой статье мы рассмотрим: 1) историю VK , 2) назначение VK , 3) преимущества использования VK , 4) создание учетной записи VK , 5) использование VK для бизнеса , 6) Ключевые термины VK , 7) лучших практик использования VK , и 8) пример использования VK компанией Adidas в бизнесе.

ВК был основан Павлом Дуровым в сентябре 2006 года. Дуров, недавно окончивший Санкт-Петербургский государственный университет, последовал той же стратегии запуска, что и Facebook, открыв его для студентов только по приглашению. Когда он был открыт для публики, его рост резко возрос. По состоянию на апрель 2014 года сайт насчитывал четверть миллиарда активных пользователей, преимущественно в русскоязычных странах. IPO было запланировано на 2012 год; однако Дуров отказался от этой идеи после широко разрекламированных проблем с IPO Facebook.

ВКонтакте, хотя и относительно молодая социальная сеть, вызвала немало споров. В 2011 году Федеральная служба безопасности оказала на Дурова давление, чтобы он выдал имена пользователей ВКонтакте, участвовавших в антикремлевских протестах. В апреле следующего года его обвинили в том, что он сбил на машине сотрудника милиции, и после того, как власти обыскали офис ВКонтакте, Дуров бежал из страны. На следующий день после обыска United Capital Partners (UCP), фирма, связанная с Кремлем, выкупила 48% компании у двух партнеров-основателей VK.В мае 2013 года ВКонтакте был добавлен в черный список сайтов, содержащих детскую порнографию, что некоторые антикремлевские активисты назвали политическим ходом. А позже в том же году фирма предложила работу Эдварду Сноудену, бывшему подрядчику АНБ, который в июне 2013 года слил секретные документы США.

В апреле 2014 года VK перешли к Алишеру Усманову, главе Mail.ru, и Игорю Сечину, генеральному директору UCP. Дуров утверждал, что это было частью продолжающихся усилий России по контролю над СМИ в стране, поскольку оба человека связаны с Кремлем.Дуров, сопротивляясь давлению с целью предоставить данные пользователей ВКонтакте об участниках антиправительственных протестов, постепенно продал свои доли в компании. Его продажа, вкупе с продажей акций UCP, предоставила Усманову и Сечину контроль над ВК.

В сентябре 2014 года ВКонтакте подверглась критике за размещение контента в поддержку Исламского Государства Ирака и Сирии (ИГИЛ), хотя он быстро удалил этот контент после сообщений СМИ.

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

VK известен тем, что быстро внедряет функции Facebook, интегрирует их в свой собственный сайт и адаптирует их к своему уникальному рынку (за что получил прозвище «русский Facebook»). Фактически, его структура и дизайн очень похожи — вплоть до страниц и групп. Благодаря этой стратегической ориентации VK удалось сохранить доминирующее положение на российском рынке социальных сетей, несмотря на таких конкурентов, как «Одноклассники» (что означает «Одноклассники») и «Мой мир», оба принадлежащие Mail.ru, а также русскоязычная версия Facebook.

VK, официально предлагаемый на английском, русском и украинском языках (но доступный во многих других), предоставляет ряд преимуществ своим пользователям, а также брендам. Функции ВКонтакте включают личные сообщения, ленты новостей, группы, общедоступные страницы, браузерные игры и настройки конфиденциальности, а также возможность общаться, лайкать и делиться контентом. Обладая заметно более надежной функцией поиска, чем Facebook, он также позволяет добавлять аудиофайлы и слушать музыку бесплатно, а также бесплатно смотреть полнометражные фильмы (хотя оба они, по большей части, пиратские).В августе 2014 года ВКонтакте объявил о запуске трех мобильных приложений — для скачивания музыки, обмена фотографиями и отправки сообщений соответственно.

Эти функции являются одной из причин того, что VK чрезвычайно популярен в России, Украине, Казахстане, Молдаве и Беларуси, а также в Израиле и США. По состоянию на февраль 2014 года в России, Украине и Беларуси было в общей сложности 60 миллионов учетных записей пользователей. Напротив, общее количество пользователей Facebook в этих трех странах составляло 12,4 миллиона. По состоянию на август 2014 года у ВКонтакте было в среднем 34 миллиона пользователей в день по сравнению с 6 миллионами пользователей Facebook.5 миллионов. Даже с партнерством Facebook и Яндекс в начале 2014 года ВКонтакте остается лидером рынка в России и большей части Восточной Европы. Многие россияне считают свой выбор ВКонтакте вместо Facebook предметом национальной гордости. Кроме того, некоторые зарубежные социальные сети вступили в конфликт с правительством России по вопросам цензуры. Facebook и Twitter, в частности, подверглись критике со стороны правительства России за отказ блокировать контент, который правительство России запрашивает, которое они блокируют, поскольку компания социальных сетей считает этот контент свободным от слова.

Рынок, который охватывает ВК, использует Интернет в среднем 4,8 часа в день, а в случае России 40% времени он проводит в социальных сетях. Частично из-за этого страницы брендов ВКонтакте имеют вдвое большую посещаемость, чем страницы компании Facebook. Кроме того, ВК собирает значительную демографическую информацию о пользователях ВКонтакте — от вакансий до политических предпочтений. Эти факторы делают ВК очень эффективным маркетинговым инструментом для брендов и фирм.

Чтобы использовать ВК для бизнеса, вам нужно создать страницу компании и / или бренда и страницу группы.Первый шаг — создать учетную запись. Вы можете сделать это, посетив www.vk.com, указав свое имя, адрес электронной почты и пол, и нажав Зарегистрироваться . Как только вы это сделаете и войдете в свою страну, вам будет предложено подтвердить свою учетную запись. Введите номер своего мобильного телефона, и ВК отправит на него код. Введите код и придумайте пароль, и вы будете готовы начать пользоваться своим аккаунтом ВКонтакте. Кроме того, вы можете зарегистрироваться, разрешив VK доступ к вашей учетной записи Facebook.

Вам будет предложено ввести личную информацию о себе, в основном о студенческих годах.Вы можете пропустить этот шаг, особенно если вы настраиваете личную учетную запись, специально для того, чтобы воспользоваться преимуществами брендированных страниц и сообществ ВКонтакте. На своей личной странице нажмите Мои сообщества, справа на странице своего профиля. Щелкните Создать сообщество и выберите Общедоступная страница , чтобы создать страницу. Введите название фирмы, выберите Компания, организация или веб-сайт , укажите, что вы являетесь официальным представителем и принимаете Условия обслуживания, а затем нажмите Создать страницу .следующая страница позволит вам настроить внешний вид страницы. Тщательно заполните эти поля, так как они являются степенью настройки, разрешенной вам в ВКонтакте. с общедоступных страниц вы можете размещать таргетированные объявления, добавлять обновления новостей и просматривать статистику посетителей страницы.

Чтобы создать группу, которая полезна для взаимодействия и привлечения потенциальных клиентов, щелкните Мои сообщества, справа на странице своего профиля. Щелкните Create community и выберите Group. Для групп немного меньше настроек, чем для общедоступных страниц. Однако мы также можем создавать таргетированные объявления, рекламировать группу и получать подробную статистику по посетителям группы.

Возможности

VK предоставляют предприимчивому маркетинговому отделу прочную платформу для увеличения продаж за счет целевого маркетинга, контент-маркетинга и рекламы.

Целевой маркетинг

Интегрируя ВКонтакте в свой микс социальных сетей, вы можете легко подключиться к геодемографической группе с широкими связями.Воспользовавшись страницами и группами, вы сможете информировать и вовлекать (соответственно) пользователей ВКонтакте. Страницы идеальны для сообщения новостей и информации о вашем бренде. Здесь идеально размещены презентации и демонстрации продуктов, мероприятия, проводимые компаниями и т. Д. Помимо страницы компании и / или бренда, группы могут помочь углубить взаимодействие. Они должны быть нацелены на объединение клиентов вокруг общих интересов, связанных с брендом. Например, производитель детских развивающих игрушек может создать группу по воспитанию детей, которая будет поощрять родителей делиться друг с другом тем, как они дополняют школьное обучение своих детей.Эта группа может помочь фирме повысить узнаваемость бренда и продукта, получить представление о продукте и повысить лояльность к бренду, а также увеличить продажи.

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

Расширение охвата и видимости с помощью контент-маркетинга

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

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

Расширение охвата и заметности за счет рекламы

VK имеет надежную рекламную платформу, доступную для брендов, предлагающую таргетированные премиальные баннеры и видеообъявления либо по цене за клик, либо по модели стоимости за показ, с ценами, определяемыми аукционом (и с учетом демографической информации).Платные публикации также доступны в сообществах. Сообщения могут быть как новыми, так и воссозданными из существующих. В августе 2014 года ВКонтакте разместил на сайте предложений : они состоят из задач, которые пользователи должны выполнить за виртуальную валюту. Рекламодатели также могут ориентироваться на этих пользователей, выбирая задачи, которые пользователи ВКонтакте должны выполнить, направлять их на определенную веб-страницу и / или конвертировать их, а также брендировать само предложение Offer .

VK также запустила сеть ретаргетинга рекламы, аналогичную Facebook Exchange, которая позволяет пользователям отслеживать активность пользователей ВКонтакте на своих сайтах и ​​настраивать рекламу, которую они видят.

Привлечение потенциальных клиентов к продажам

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

  • Группы — функция в VK, которая предоставляет пользователям форум, на котором они могут присоединяться, обмениваться информацией и взаимодействовать друг с другом по общим интересам.
  • Страницы — веб-страница, связанная с брендом, компанией, организацией или группой.
  • Сообщества — в ВК и группы, и страницы включают сообщества .

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

  • Загрузить контент : На странице бренда мало что можно настроить, поэтому часто публикуйте обновления, аудио / видео / фото контент и привлекайте посетителей к вашему бренду. Изменяйте типы предлагаемых вами обновлений: текст, фото и видео. И создавать контент с некоторой развлекательной ценностью, учитывая обычное использование сайта.
  • Создайте группу для своего бизнеса : поскольку ВКонтакте предоставляет показатели для пользователей, которые присоединяются к вашей группе. Вы можете использовать эти метрики вместе с демографическими данными, чтобы уточнить свой профиль целевого рынка (ов). Что еще более важно, группы обеспечивают более глубокое взаимодействие и предлагают вам возможности напрямую связаться с этим рынком. Поддерживайте общение с людьми, регулярно модерируя и обновляя Группу.
  • Создайте игру, соответствующую вашему бренду или фирменное приложение с игровой функциональностью, чтобы выйти на здоровый рынок пользователей ВКонтакте.
  • Убедитесь, что ваша реклама выделяется на видном месте поскольку ВК, с его изобилием пиратства, также наводнен спамом.
  • Создавайте конкурсы в сообществах ВКонтакте , чтобы вызвать интерес, заинтересованность и потенциальных клиентов. Направляя пользователей на создание контента, вы также можете получать фирменные фотографии и отзывы с относительно небольшими усилиями и затратами.

Ряд фирм, в том числе Coca-Cola и Samsung, а также немецкая транснациональная компания Adidas, укрепили свое присутствие во «ВКонтакте».Используя NLO Marketing в качестве своего цифрового агентства, Adidas с января 2010 года работал над охватом российской онлайн-аудитории, создав масштабируемое присутствие в ВК. NLO Marketing, среди многих других, создала сообщество Adidas Sport в ВК, которое в итоге стало крупнейшим сообществом ВКонтакте под брендом Adidas. Чтобы заполнить его и другие группы Adidas в ВК, агентство организовало ряд конкурсов; система быстрого обновления для показа пользователям новых объявлений; фирменные приложения, позволяющие пользователям создавать аватары из спортивных фотографий, находить туристические маршруты, проверять их силу удара и отмечаться на проводимых мероприятиях, а также другие функции.Агентство также предоставляло пользователям VK значительный контент, связанный с Adidas, путем загрузки каталогов, создания страниц продуктов и размещения информации о магазинах в Интернете; и позволил пользователям ВКонтакте создавать и загружать контент. Заметным дополнением к контенту стало реалити-шоу, в котором пользователи Adidas и VK обучались бегу на 8 км; это, конечно, было показано на Adidas Sport . Благодаря 15 различным маркетинговым кампаниям в ВК за первые два года, ВКонтакте удалось охватить 12 миллионов пользователей и привлечь более 700 000 пользователей ВК.

К февралю 2014 года Adidas Sport выросли до 385 000 участников, участвующих в 111 обсуждениях. Второе сообщество, Adidas Originals , также созданное в 2010 году, выросло за два года и теперь насчитывает более 160 000 участников; к февралю 201 года он вырос до 189 000 подписчиков. У третьего, Neo Adidas Label, , по состоянию на февраль 2014 года было 76 050 поклонников, а у четвертого, ориентированного на женщин, Adidas Women , на эту дату было 8070 поклонников. Другие более мелкие общины насчитывали еще 53 000 членов.

американских белых националистов запрещены Facebook находят убежище на российском сайте | Голос Америки

Игорь Циханенко участвовал в написании этого отчета

ВАШИНГТОН — В прошлом месяце Джефф Шоп, самозваный командир одной из крупнейших неонацистских группировок в США, зашел в ВКонтакте, российскую версию Facebook. , чтобы сообщить своим последователям о назревающем скандале.

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

Обращаясь к «Соратникам-патриотам национал-социалистического движения», Шоп написал в сообщении от 2 марта, что он был «обманут» Джеймсом Стерном, который убедил его передать ему пост президента NSM, чтобы оградить группу от судебного иска. . Шоп передал управление своему начальнику штаба Берту Колуччи.

Как группы белых националистов используют ВКонтакте

ВКонтакте приветствует провокационные, оскорбительные посты в расовом отношении

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

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

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

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

Извините, но ваш браузер не поддерживает встроенное видео этого типа, вы можете загрузите это видео, чтобы просматривать его в автономном режиме.

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

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

Для пользователей Twitter в качестве альтернативы появился Gab, клон Twitter со свободой слова. Для белых националистов, которым запрещен доступ в Facebook, ВКонтакте, расположенный в Санкт-Петербурге, стал излюбленным местом. Его политика невмешательства позволяет им публиковать наполненные ненавистью мемы, восхвалять Гитлера, ругать иммигрантов и евреев, а doxx — публиковать конфиденциальную информацию о своих врагах.

Люди держат плакаты во время акции протеста против ба Люди держат плакаты во время акции протеста против запрета российских социальных сетей Вконтакте правительством Украины в Киеве, Украина, 19 мая 2017 года.

100 американских групп правого крыла в VK

Меган Сквайр, ученый-компьютерщик из Университета Илона в Северной Каролине, собрала данные примерно о 100 американских группах правого толка и 10 000 членов в ВК. Они варьируются от старых скинхедов и неонацистов до более молодых и современных этнонационалистов, известных под общим названием «альт-правые», сокращение от «альтернативные правые».

Многие последователи альт-правых присоединились к ВКонтакте после того, как им запретили доступ в Facebook после митинга правых белых националистов в 2017 году в Шарлоттсвилле, штат Вирджиния.

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

«Я не думаю, что есть какие-либо вопросы, связанные с деятельностью ВКонтакте», — сказал Бейрих.

ФАЙЛ — логотип Facebook отображается на экранах в разделе ФАЙЛ — Логотип Facebook отображается на экранах Nasdaq MarketSite на Таймс-сквер в Нью-Йорке, на этой фотографии от 29 марта 2018 года.

Группы ненависти считают себя организациями гражданских прав

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

«Такие учреждения, как Facebook… имеют чрезвычайно строгие законы, насколько вы можете и что не можете говорить об этом», — сказал Колуччи в интервью.

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

Основанная в 2006 году, через два года после Facebook, VK выросла в крупнейшую в России платформу социальных сетей с примерно 500 миллионами пользователей.

Затем случился Шарлоттсвилль.

В августе 2017 года произошли ультраправые группы, в том числе группа Колуччи. в студенческом городке на юге США в знак протеста против запланированного сноса статуи генерала Конфедерации

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

ФАЙЛ — На этом фото от 12 августа 2017 года, спасатель. ФАЙЛ — На этом фото от 12 августа 2017 года спасатели помогают раненым, которые были сбиты, когда машина наехала на большую группу протестующих после митинга белых националистов в Шарлоттсвилле. , Вирджиния.

Шарлоттсвилльский конфликт — поворотный момент

Насилие вызвало возмущение нации, особенно после того, как президент Дональд Трамп настаивал на том, что «по обе стороны митинга были« очень хорошие люди ».

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

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

Это привело многих белых националистов в ВК. Создана новая группа ВКонтакте под названием «FB Alt-Right Expats». Через две недели после Шарлоттсвилля лидер группы альтернативных правых написал на своей новой странице в ВК: «Прощай, Цук», имея в виду основателя Facebook Марка Цукерберга.

Условия использования ВКонтакте запрещают пользователям «призывать к войне, агрессии, а также к национальному и религиозному разделению».

ФАЙЛ — основатель и генеральный директор Facebook Марк Цукерберг ФАЙЛ — основатель и генеральный директор Facebook Марк Цукерберг выступает на саммите по стартапам и технологиям Viva Tech в Париже, Франция, 24 мая 2018 г.

ВКонтакте выборочно в обеспечении соблюдения условий обслуживания

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

С января по ноябрь 2018 года VK удалил 7,9 миллиона материалов, связанных с пропагандой самоубийств или травм, и 300 000 сообщений, связанных с насилием в школах, сообщила компания.

В прошлом году под давлением Израиля ВК удалил страницу, посвященную конкурсу красоты «Мисс Гитлер», на котором участниц просили загрузить «сексуальные селфи нацистской тематики» и объяснить, почему они любят Гитлера.Но с тех пор появилась новая страница под названием «Конкурс мисс Гитлер 2019». «Единственное, что требуется для участия — это уважать Гитлера», — объявил он.

Дисплей для российской социальной сети VK Display для российской социальной сети VK (ВКонтакте) на Петербургском международном экономическом форуме 24 мая 2018 года в Санкт-Петербурге.

Российские власти редко вмешиваются

Роман Доброхвотов, главный редактор московского портала расследований The Insider, сказал «Голосу Америки», что российские власти не вмешиваются в управление ВК, «потому что они хотят наблюдать за этими радикальными элементами и их деятельность на виду во «ВКонтакте».«

« Также возможно, что есть указание сверху не трогать их, потому что российские власти приветствуют всплеск различных расистских и экстремистских движений на Западе », — добавил он.

Сколько белых националистов присоединилось к ВК после Шарлоттсвилля остается неясным. Но бегство из Facebook оказалось недолгим, поскольку некоторые группы альт-правых, недовольные маленькой эхо-камерой ВКонтакте, ушли, чтобы вернуться на Facebook.

Для создания новых учетных записей Facebook они используют одноразовые адреса электронной почты или виртуальные частная сеть, чтобы создать впечатление, будто они находятся в другой стране.Чтобы избежать проверки на Facebook, они создают «секретные группы», открытые для прошедших проверку участников.

«Если вам нужно набирать людей и вся ваша миссия… изменить повествование, изменить социальные нормы, тогда вы должны быть в обычных социальных сетях, где есть нормальные люди», — сказал Сквайр.

Охранники неонацистского национал-социалистического движения Стражи неонацистского национал-социалистического движения стоят рядом, пока командующий Джефф Шоп выступает на митинге 16 апреля 2011 года на ступенях здания Стейтхауса в Трентоне, штат Нью-Джерси.

Неонацисты считают ВК полезным для вербовки подписчиков

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

Identity Dixie, неоконфедеративная группа, входит в число тех, кто присоединился к VK после Шарлоттсвилля, но с тех пор почти покинул его, по словам Сквайра.

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

Но другие люди, которые либо не могут, либо не хотят возвращаться в Facebook, остались в VK. Среди них такие организации, как Лига Юга, Национал-социалистическое движение и Ку-клукс-клан.

Джейсон Робб, главный юрисконсульт KKK, сказал, что, хотя ему лично не запрещен доступ в Facebook или Twitter, он начал использовать VK в последние год или два, «когда я начал видеть, как другие переходят на VK, и решил дать это попытка «.

«ВКонтакте на данный момент не имеет ограничений и, надеюсь, не изменится», — сказал Робб в электронном письме VOA.

Мэтью Хаймбах, ветеран неонацистского движения, сказал, что политика свободы слова ВК делает его «очень популярным среди многих элементов белого националистического движения». Он сказал, что более 10 000 белых националистов присоединились к VK, и «их число растет с каждым днем».

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

Кинан Даттон, директор организации в Теннесси, обратился в ВК, чтобы осудить Шопа как «предателя расы» и объявить, что он уходит из организации «из чести, связанных с обязанностями моей расы и национал-социализма».

Рэмси Рэндалл, еще один член NSM, разместил в ВК мем о Шоепе со словами «Разыскивается за измену».

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

Подразделение NSM «гигантский крах»

«Это был гигантский крах внутри этой группы, — сказал Сквайр.

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

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

Что касается антикоммунистических американских белых националистов, использующих созданную Россией платформу социальных сетей, Колуччи сказал: «Это самая ирония, которую я слышал в своей жизни».

иконок Vk — скачать бесплатно в векторе, PNG, SVG, GIF

иконок Vk — скачать бесплатно в векторном формате, PNG, SVG, GIF

Иконки

Фото

Музыка

Иллюстрации

Поиск

ВК в кружке

+ Коллекция

ВК в кружке

+ Коллекция

ВК в кружке

+ Коллекция

ВК в кружке

+ Коллекция

ВК в кружке

+ Коллекция

ВК в кружке

+ Коллекция

ВК в кружке

+ Коллекция

ВК в кружке

+ Коллекция

ВК в кружке

+ Коллекция

ВК в кружке

+ Коллекция

ВК в кружке

+ Коллекция

ВК в кружке

+ Коллекция

ВК в кружке

+ Коллекция

Анимированные

ВК в кружке

+ Коллекция

Анимированные

ВК в кружке

+ Коллекция

Анимированные

ВК в кружке

+ Коллекция

Анимированные

ВК в кружке

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте.ком

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте.ком

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте.ком

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте.ком

+ Коллекция

ВКонтакте

+ Коллекция

ВКонтакте обведено

+ Коллекция

ВКонтакте обведено

+ Коллекция

• Ведущие группы ВК об играх Россия 2020

• Ведущие группы ВК об играх Россия 2020 | Statista

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

Зарегистрироваться

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

Аутентифицировать

Сохранить статистику в формате.Формат XLS

Вы можете загрузить эту статистику только как премиум-пользователь.

Сохранить статистику в формате .PNG

Вы можете загрузить эту статистику только как премиум-пользователь.

Сохранить статистику в формате .PDF

Вы можете загрузить эту статистику только как премиум-пользователь.

Показать ссылки на источники

Как премиум-пользователь вы получаете доступ к подробным ссылкам на источники и справочной информации об этой статистике.

Показать подробную информацию об этой статистике

Как премиум-пользователь вы получаете доступ к справочной информации и сведениям о выпуске этой статистики.

Статистика закладок

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

Да, сохранить как избранное!

… и облегчить мне исследовательскую жизнь.

Изменить параметры статистики

Для использования этой функции вам понадобится как минимум Одиночная учетная запись .

Базовая учетная запись

Познакомьтесь с платформой

У вас есть доступ только к базовой статистике.
Эта статистика не учтена в вашем аккаунте.

Единая учетная запись

Идеальная учетная запись начального уровня для индивидуальных пользователей

  • Мгновенный доступ к статистике 1 м
  • Скачать в формате XLS, PDF и PNG
  • Подробные ссылки

$ 59 39 $ / месяц *

в первые 12 месяцев

Корпоративный аккаунт

Полный доступ

Корпоративное решение, включающее все функции.

* Цены не включают налог с продаж.

Самая важная статистика

Самая важная статистика

Самая важная статистика

Самая важная статистика

Самая важная статистика

Самая важная статистика

Самая важная статистика

Дополнительная статистика

Узнайте больше о том, как Statista может поддержать ваш бизнес.

RMAA Group. (1 декабря 2020 г.). Самые популярные группы ВК (Вконтакте) об играх в России по состоянию на декабрь 2020 года по количеству посетителей (в миллионах) [График]. В Statista. Получено 2 июня 2021 г. с сайта https://www.statista.com/statistics/1193098/leading-vk-groups-for-gamers-russia/

RMAA Group. «Самые популярные группы ВК (ВКонтакте) об играх в России по состоянию на декабрь 2020 года по количеству посетителей (в миллионах)». Диаграмма. 1 декабря 2020 года. Statista. По состоянию на 02 июня 2021 г. https: // www.statista.com/statistics/1193098/leading-vk-groups-for-gamers-russia/

RMAA Group. (2020). Самые популярные группы ВК (ВКонтакте) об играх в России по состоянию на декабрь 2020 года по количеству посетителей (в миллионах). Statista. Statista Inc. Дата обращения: 2 июня 2021 г. https://www.statista.com/statistics/1193098/leading-vk-groups-for-gamers-russia/

RMAA Group. «Самые популярные группы Вк (ВКонтакте) об играх в России по состоянию на декабрь 2020 года по количеству посетителей (в миллионах)». Statista, Statista Inc., 1 декабря 2020 г., https://www.statista.com/statistics/1193098/leading-vk-groups-for-gamers-russia/

RMAA Group, Самые популярные группы ВК (Вконтакте) об играх в России по состоянию на декабрь 2020, по количеству посетителей (в миллионах) Statista, https://www.statista.com/statistics/1193098/leading-vk-groups-for-gamers-russia/ (последнее посещение 2 июня 2021 г.)

Создать дизайн-группа ВКонтакте. Как быстро сделать красивую группу ВКонтакте

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

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

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

Step 1
Создайте новый документ в Photoshop размером примерно 900×700 пикселей, залите его белым цветом. Теперь нам нужно вырезать в слое два окна, через которые будет отображаться сам графический дизайн.Сначала выделяем прямоугольник размером 200×500 пикселей (аватар) и нажимаем DEL. Затем выделяем прямоугольник размером 510×352 (выравниваем по нижней строке аватара и делаем расстояние между фигурами 50 пикселей) и также нажимаем DEL.
После очередного обновления дизайна ВКонтакте (31.10.2016) размер баннера стал 510х307 (а не 510х352).

Шаг 2.
Теперь под белым слоем поместите какую-нибудь отдельную картинку, которая ляжет в основу дизайна.

Шаг 3.
После этого дополняем картинку различными элементами — логотипом, текстовыми надписями и кнопкой вызова меню. Затем сохраните два отдельных изображения на компьютере — один аватар (справа), второе меню с кнопкой (слева).

Шаг 4.
Также в Photoshop создайте графическое меню, состоящее из нескольких пунктов. Ширина этого меню должна составлять 600 пикселей, высота — на усмотрение, в зависимости от количества пунктов. Используйте урок «», чтобы помочь.

Шаг 5.
Разрежьте наше меню на несколько горизонтальных полос по количеству пунктов меню. Сохраняем в виде отдельных файлов.

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

Шаг 7.
Загрузите новый аватар. Наведите указатель мыши на место аватара и во всплывающем меню выберите «Обновить фото».Мы загружаем правую фотографию из шага 3, растягиваем область выпуска вверх и вниз до краев изображения, нажимаем «Сохранить» и затем выбираем область для круглой миниатюры.

Шаг 8.
Теперь вам нужно создать внутреннюю страницу. О том, как это сделать, подробно расписано в уроке. Другой альтернативный способ Создание внутренней страницы запланировано в уроке «» на шагах 5 и 6.

Шаг 9.
После того, как мы создали внутреннюю страницу, можно переходить на нее. Для этого щелкните раскрывающееся меню группы (по умолчанию этот пункт называется «Свежие новости» — я переименовал «Меню») и щелкните ссылку «Меню».После этого перейдем к только что созданной пустой странице.

Шаг 10.
Теперь нам нужно создать графическое меню из пяти точек. Для этого загружаем в альбом группы наших пяти картинок вне шага 5. Щелкаем по иконке камеры и загружаем нарезанные картинки с компьютера. Картинки будут где-то храниться на серверах ВКонтакте с привязкой к группе, поэтому создавать отдельный альбом для вырезания картинок не нужно. Скачать картинки нужно в режиме wiki-mark.

Шаг 11.
Теперь в режиме wiki-разметки создадим графическое меню. Очень важно создавать в режиме wiki-разметки (значок в правом верхнем углу в виде двух треугольных скобок), а не в визуальном режиме редактирования. Подробнее о создании кода в вики-разметке рассказывается в шаге 4 и шаге 5 урока «». Там же показан шаблон кода для вставки. Если все сделано правильно, то готовое графическое меню должно быть вывернуто, как на рисунке ниже.

Шаг 12.
Теперь возвращаемся на главную страницу Группы, берем url нашей внутренней страницы (он должен быть такой https://vk.com/page-78320145_49821289) и вставляем в окно, где создается новость. . Он должен автоматически прикрепить окно со ссылкой на эту внутреннюю страницу. После этого подведем курсор к надписи «Прикрепить» и прикрепим фото для записи, а именно нашу картинку слева на шаге 3. После этого промываем строку с ul внутренней страницы, оставляя пустую место.Важный! На этом шаге необходимо поставить галочку (если есть такие права, в основном это касается групп с открытой стеной) в Чекбоксе «от имени группы». Если не поставить этот флажок, запись не может быть исправлена. В конце нажмите «Отправить».

Шаг 13.
Подводим курсор к трем точкам рядом с заголовком поста и в выпадающем окне выбираем пункт «Стоп». Соответственно и новости выгружаются при необходимости.

Шаг 14.
Есть один нюанс.Иногда после того, как вы скрываете новость, она уходит далеко вниз по ленте, по дате создания, и бывает довольно сложно найти ее снова. Поэтому лучше сразу у новости писать ul где-нибудь. Для этого нужно подвести курсор к созданию новости и перейти по ссылке.

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

1 голос

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

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

К концу этой статьи у вас будет эффектная и однородная картинка.

Метод для ленивых

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

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

Для желающих учиться

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

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

Вам понадобится…

  1. Фотошоп.
  2. Базовое изображение.

Фотография должна быть большой и качественной, если вы ищете поисковики, обратите внимание на обои рабочего стола. Если вы работаете в крутом сообществе, особенно связанном с бизнесом, рекомендую воспользоваться сервисом http://ru.Depositphotos.com . Там вы найдете только рекламные изображения.

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

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

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

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

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

Изготовление шаблона будущей красивой группы

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

Итак, открытый контакт. Если поискать стандартные размеры постов ВКонтакте, то вы увидите 200х500 и 700х500. Однако, если вы воспользуетесь линейкой, то сможете убедиться, что миниатюры не соответствуют этим показателям. Сервис сжимает их при загрузке.

С картинкой на аву все так, действительно 200х500.

С постом все иначе.

В любом случае вам нужно или скачать подготовленный мной шаблон или сделать свой скриншот.Советую выбрать второй вариант. Почему? Так что вы можете сами делать шаблоны для разных задач. Например, если у вас есть галерея товаров или «Свежие новости» о главном.

Мой вариант подходит только для фиксированных столбов. Самый простой и популярный способ оформления.

Откройте свою или любую другую группу, где вверху закреплен пост с фото. Как на моем рисунке. Вы можете забрать это фото, щелкнув по нему правой кнопкой мыши и выбрав «Сохранить как …». Правда, я не уверен, что вы думаете, что все окажется правдой.Есть ли время для эксперимента? Делитесь результатами в комментариях.

Для других пошаговая инструкция будет другой. В первую очередь увеличьте изображение в браузере до 100% (нажмите кнопку Ctrl и передвиньте колесико мыши). Честно говоря, я не особо понимаю, зачем это было сделано, но в первый раз моя попытка просто потому, что у меня ничего не вышло.

Теперь нажмите кнопку PRTSC. Он находится в верхнем ряду на клавиатуре после бесчисленной буквы «F». После того, как вы что-нибудь нажмете, ничего не происходит.Все нормально, 100 раз заходить не надо, фотошоп открыть.

Нажмите Ctrl + V, тем самым вы вставите свой экран в рабочее поле программы. Теперь возьмите инструмент «Прямоугольное выделение» и поработайте с левым блоком.

Двигайтесь прямо по краю изображения. Вы не должны попасть на картинку ниже. Это не правильно.

Двигайтесь строго по краю.

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

Теперь нажмите Ctrl + J. Таким образом, вы перенесете выделенный фрагмент на новый слой, он появится над фоном.

То же самое нужно сделать с аватаркой. Выделяем и переносим на новый слой (Ctrl + J)

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

Тогда можно избавиться от фона. Нажмите на замок рядом с этим слоем, это позволит вам произвести над ним манипуляции.

Перетащите как слой в корзину, как обычный файл с рабочего стола.

Это было закончено. Шаблон создан.

Уникальное изображение для группы

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

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

Отражает неверно.

Если у вас такая же ерунда, просто сделайте самую верхнюю. Затем, когда нажата кнопка alt, нажмите на слой 1 и слой 2. Чтобы они оба были выделены.

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

Если нажать Ctrl, а затем по эскизу только что созданного слоя. По краям объектов из нового слоя бегают муравьи, которые подскажут, как установить нижнюю картинку. Вы можете удалить их, нажав Ctrl + d. То, что сейчас внутри, впоследствии будет вставлено в ВК.

Если начать движение фото, то вместе с ним «пойдут» и бегут муравьи. Могу посоветовать установить направляющие. Не знаете, как с ними работать? Посмотри это видео.

После того, как все настроено как надо, можно переходить к следующему шагу. Я покажу два варианта достижения того же эффекта. Первый простой. На верхнем слое нажмите правую кнопку мыши и выберите «Создать обтравочную маску».

Но я люблю вторую. Он быстрее. Нажмите Alt и переместите курсор между двумя слоями, он визуально изменится. Затем щелкните левой кнопкой мыши.

В итоге получилось вот такое фото.

Каждую часть можно вырезать с помощью инструмента «Рамка», а затем сохранить в формате JPEG.Правое фото добавлено в качестве аватара. Слева можно просто добавить как обычную запись, а потом исправить.

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

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

Меню группы ВКонтакте — Это ее лицо. Это его пользователь видит, когда только входит в сообщество, и от того, насколько все доступно и привлекательно, во многом зависит, будет ли он постоянным участником группы.

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

Виды меню и их особенности

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

  • для информационной площадки;
  • ;
  • для учебной платформы.

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

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

Как создать меню в группе ВКонтакте: Пошаговая инструкция

Весь процесс можно разделить на 2 этапа:

  • Работа в фотошопе;
  • Добавление разделов и картинок в саму группу.

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

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

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

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

Алгоритм действий:

  • Открываем фотошоп и заходим в «файл» — «Создать» и выставляем ширину и высоту: 760х500 соответственно.

  • Выбираем инструмент «Вырезание», а затем «разбиваем фрагмент». Делим изображение на 3 части по горизонтали. Для фрагмента с левого или правого края в выпадающем окне (в зависимости от того, какую часть вы хотите видеть на аватаре) напишите значения ширины и высоты — 200хх и Y) — 560 и 0. Оно будет аватаром группы.

  • Для следующего фрагмента задаем значения ширины и высоты — 50х500, а в координатах пишем 510 и 0.Это пространство между группой Аватар и меню. Эта часть не понадобится.

  • Снова выбираем «разбить фрагмент» и разбить по вертикали на 2 части. Для фрагмента сверху установите значения: ширина — 510, высота — 182, координаты — 0. Это пространство над меню. Эта часть не будет видна в группе.

  • Теперь скопируйте выделенное или созданное изображение на созданный и разделенный объект. Если горячие клавиши Ctrl + V не поддаются, просто откройте место на компьютере, где сохранено изображение, и перетащите его в фотошоп.

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

  • Последний шаг — сохранить изображения. Вам нужно сохранять изображения следующим образом: Файл — Сохранить для Интернета. Этот метод подходит для более поздних версий Photoshop. Если в разделе «Файл» надписи «Сохранить для Интернета» нет, то делаем так:

Заходим в пункт «Файл», выбираем «Экспорт» — «Сохранить для Интернета».Все параметры оставлены как есть. Снова нажимаем «Сохранить».

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

Теперь переходим ко второму этапу, чтобы точно разобраться, как создать меню в группе ВКонтакте — напрямую добавить меню в паблик. Для этого:

  • Для начала необходимо подключить материалы, так как на главной странице можно добавить любые перегородки. Чтобы он зашел в управление сообществом и в самом низу страницы выберите «Материалы», а затем «Открыть».Сохраняем изменения.

  • Скачиваем в группу все фото, кроме аватарок и тех частей, которые не понадобятся. Чтобы фотографии отображались на главной странице, нужно вернуться в управление сообществом и нажать на вкладку «Фото» — «Открыть».
  • Загрузить аватар.
  • Следующим шагом будет включение режима Wiki-разметки. Вы можете сделать это, нажав на значок с ромбиками в правой части страницы в разделе «Редактировать».

  • Сюда вставляем код для разметки: [], где [] — ссылка на раздел или страницу, где осуществляется переход по нажатию на фото.Вы можете добавить как ссылки на разделы в самом Вконтакте, так и на внешних ресурсах.
  • Этот код дублируется столько раз, сколько разделов в меню, каждый раз вставляя ссылки.
    При желании мы также меняем вкладку «Свежие новости», например, на «Меню.

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

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

Услуги по созданию группового меню

Если вы не понимаете, как создать меню в группе ВКонтакте и пошаговые инструкции вам не помогли, вы можете воспользоваться специальными сервисами, которые создают и даже добавляют красивое
Decorated menu в группу.

Один из самых популярных сервисов — Menumake.После подачи заявки заказ будет готов через 5 минут, а затем по запросу меню будет добавлено в группу. При этом учитываются все пожелания заказчика по дизайну и количеству секций.

С уважением, Галиулин Руслан.

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

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

Используются следующие размеры дизайна группы ВКонтакте:

  • Обложка показана вверху, на всю ширину паблика, размером 1590 х 400 пикселей;
  • Большой аватар — Вертикальный баннер 200×500 пикселей (соотношение сторон 2: 5) показан справа вверху;
  • В каждой группе сообщений отображается маленький аватар, круглое изображение размером 200×200 пикселей.
  • Изображение меню для группы ВКонтакте, ширина 510 пикселей, высота — 307 (чтобы нижний край меню красиво совпадал с низом большого аватара справа).

Если обложка обложки загружена в настройках сообщества, то большой аватар справа не отображается.

Как самому сделать шапку для группы ВКонтакте

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

Открыть картинку в графическом редакторе. Условие или масштабирование до размера: длина 1590 пикселей, высота 400 пикселей.

Далее можно нанести необходимые надписи (название группы, слоган, призыв присоединиться к сообществу). Теперь вам необходимо загрузить обложку в сообщество, для этого перейдите в пункт меню «Управление сообществом»:

Нажмите на надпись «Скачать» в поле «Обложка сообщества».

В следующем окне выберите файл обложки, предварительно подготовленный на компьютере, и нажмите «сохранить и продолжить».

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

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

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

После того, как произошел редизайн данной социальной сети, появился новый элемент Регистрация — Обложка.Это большая картинка Горизонтальная ориентация размером 1590 на 400 пикселей. Шапка для группы ВКонтакте — статичная картинка. Достаточно большой, чтобы разместить на нем и яркую запоминающуюся фотографию или картинку и название Public, Slogan Company, название сайта, расписание и другие надписи.

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

Процесс группового меню ВКонтакте состоит из следующих шагов:

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

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

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

Вертикальное меню сообщества ВК с точками в один столбец

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

  • Обведите рамку;
  • Изменить цвет фона под буквами;
  • Добавьте теневые буквы.

Ниже на скриншоте каждый элемент распределяется одним из способов.

Следующий шаг — вырезание частей изображения:


Процесс вырезания изображения также можно выполнить с помощью удобного онлайн-инструмента www.imgonline.com.ua/cut-photo-into-pieces.php.

Далее в меню «Управление сообществом» перейдите в раздел «Разделы» и в пункте «Материал» выберите «ограниченный» (это означает, что создавать и редактировать можно только группу).

Нажмите «Сохранить» и перейдите в основную группу.Рядом с разделом появилась льгота «Свежие новости».

Перейдите в этот раздел и нажмите Edit. Измените заголовок на «Меню», а затем щелкните значок камеры, чтобы добавить изображение.

Щелкните добавленное изображение и в окне «Свойства» перейдите к нужному разделу.

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

Каждое изображение тега начинается с «[[» и заканчивается «]]», состоит из трех частей, разделенных знаком «|» знак: ID ID, свойства и ссылка.Вам необходимо настроить размер картинок и вставить в их свойства тег «NOPADDING». Свойства изображений перечислены через «;».

После сохранения изменений создание меню завершено.

Меню с горизонтальным или многострочным расположением пунктов

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

Правила оформления таблицы:

  • Начало обозначается символом «(|», конец таблицы — «|)».
  • Дополнительные свойства, указанные после «| ~»
  • Новая строка Начинается с «| -«.
  • Каждая ячейка разделена знаком «|».

Для исключения ненужных пробелов Необходимо указать параметры таблицы «Фиксированный NOPADDING NOBORDER».Разметка графического меню из 2 столбцов и 2 строк выглядит так:

А само меню в группе:

Размер группы аватаров в новом дизайне для регистрации КПБ

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

  • Большой прямоугольный баннер 200 на 500 точек отображается справа вверху, если обложка не загружена.
  • Миниатюра 200×200 пикселей, отображается в сообщениях и обсуждениях в виде круга.

В этой статье будет подробная инструкция И я расскажу, как сделать меню для группы ВКонтакте. Красиво оформленное меню от VC Group способствует реальному увеличению посетителей и росту продаж на сайте.

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

Но если ваше сообщество не является привлекательным и, как все, кто хочет в нем остаться? Я думаю никто !!! Так что давайте украсим ваши группы качественным дизайном и очень быстро научимся это делать. Прежде чем приступить к созданию графики и нашего будущего меню, необходимо установить на свой компьютер программу фотошоп для дальнейшей нарезки картинок. Многие спросят, зачем вообще нужно вырезать картинки. Дело в том, что для каждой ссылки меню нам нужно будет создать отдельную полосу из общего баннера.

На сегодняшний день создано несколько типов меню:

  • Открыть с активными точками;
  • Закрыто в виде фиксированной записи;
  • С отдельными картинками или общей смежной картинкой баннера и меню.

Суть создания обоих вариантов одинакова. Главное отличие только в дополнительных элементах и ​​типах записей и об этом будет подробнее в этой статье.

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

Закрытое меню группы ВК

В этом случае мы будем наблюдать слева от основного аватара гиперссылки группы в виде надписи «Меню группы», при нажатии на которую откроется наше меню с активными элементами и изображениями.

Вид меню будет следующим:

Открыть меню группы (фиксированный материал)

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

Как сделать красивое меню для Группы ВКонтакте: Пошаговая инструкция

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

  • Для аватара 200×332 пикселей;
  • Для баннера главного меню 395×282 пикселей.

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

Чтобы было понятно, если высота основной группы аватаров 332, то возьмем от нее 50 и получим высоту главного меню 82.Если размер значения не имеет, то высота может быть произвольной.

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

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

Создайте новую ткань в Photoshop размером 600×350 пикселей, которую мы будем использовать в качестве трафарета, чтобы вырезать в ней отверстия для наших картинок. Для работы нам нужно перевести размеры всех элементов и линий в пиксели и это делается следующим образом: «Edit-Installation-Main» и вот уже выставляем пиксели.

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

Используя левую кнопку «Мыши», как будто вы выделяете область, вам нужно выделить блоки нужных нам размеров и после каждого выбора нажимать кнопку «Удалить» и выбирать 50% серый . Такие действия приведут к тому, что блоки будут нужного размера и будут выделены цветом, отличным от основного фона.

Должно произойти следующее:

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

Отлично. После того, как вы разместите изображение нашего дизайна, мы можем выбрать «Сохранить для Интернета» и получить две наши фотографии.Теперь снова заходим в нашу группу и можем залить основной аватар (вертикаль). Мы будем использовать баннер для меню позже, когда будем работать с кодом Wiki-разметки.

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

Итак, вернитесь в фотошоп и создайте новый холст размером 400×300 пикселей. После этого выберите в разделе: File-place и выберите картинку для фона меню.

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

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

Обратите внимание, что у вас должно быть:

  • Материалы открыты в «ограниченном» режиме;
  • Включены обсуждения;
  • Папка с фотографиями открыта для всех.

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

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

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

Совет: Важным моментом после загрузки изображений является удаление отступов. Это решается вставкой «nopadding» перед размером изображений.

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

[]
Где xxxxx — ID вашей картинки
yyyyy — ширина в пикселях (не более 388)

В итоге должно получиться так:

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

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

http://vk.com/page-116682062_51411604?Act=Edit&hid=183950676&section\u003dedit

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

Перейти на главную страницу и сделать следующее:

Шаг номер 1.

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

Шаг номер 2.

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

Шаг номер 3.

Теперь, когда запись опубликована, щелкните время создания в левом нижнем углу записи и выберите «исправить».

Отлично !!! С этой целью. Теперь вы знаете, как создать крутое меню и можете на этом неплохо заработать. Всем советую делать в следующем порядке:

  • Придумайте структуру и упорядочите оформление изображений меню;
  • Делаем примерочные размеры и вырезаем все изображения;
  • Вставлять фотографии в альбомы;
  • Отредактируйте все вырезки в редакторе и опубликуйте на главной странице группы.

В результате мы получаем это меню.

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


ВАЖНО: После изменения дизайна ВК в 2016 году внесены новые изменения при создании изображений и требований к изображениям которых.

Comments