Как сделать фон в группе в вк: Обложка для группы ВК: как сделать шапку сообщества, размеры

Обложка для группы ВК: как сделать шапку сообщества, размеры

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

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

Получайте до 18% от расходов на контекст и таргет!

Рекомендуем: Click.ru – маркетплейс рекламных платформ:

• Более 2000 рекламных агентств и фрилансеров уже работают с сервисом.
• Подключиться можно самому за 1 день.
• Зарабатывайте с первого потраченного рубля, без начальных ограничений, без входного барьера.
• Выплаты на WebMoney, на карту физическому лицу, реинвестирование в рекламу.
• У вас остаются прямые доступы в рекламные кабинеты, рай для бухгалтерии по документообороту и оплатам.

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

Читайте также: 10 лучших курсов по веб-дизайну

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

Рекомендованный размер обложки для группы ВКонтакте — 1590×400 пикселей. Однако владельцы сообществ могут использовать графику и других размеров. Например, во время просмотра страницы паблика с компьютера обложка отображается в размере 795×200 пикселей. Для пользователей мобильных устройств «шапка» сообщества подстраивается под размер экрана.

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

Пользователи смартфонов видят «обрезанную» версию обложек сообществ — по бокам срезается по 190–200 пикселей. При создании графики для паблика ВКонтакте не забывайте об этой особенности, иначе призыв к действию или логотип будет обрезаны, а это негативно скажется как на бренде, так и на конверсии.

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

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

Это интересно: Как самому раскрутить группу в ВК

Что должно быть на обложке сообщества

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

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

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

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

Это интересно: Лучшие виджеты для сообщества ВКонтакте

Примеры хороших и плохих обложек для шапки группы ВКонтакте

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

Ещё один пример удачной обложки. «Шапка» не перегружена информацией — на ней присутствует только заголовок, логотип и фотографии товара. Детальная информация о деятельности сообщества размещена в статусе.

Лаконично, просто и со вкусом. На обложке нет ничего лишнего. Все нужные данные — часы и график работы, адрес, контактные телефоны — указаны в информации сообщества.

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

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

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

Статья в тему: Полное руководство по редактору статей ВКонтакте

Как создать обложку для ВК в Canva

Чтобы зарегистрироваться в сервисе, 

Чтобы сделать обложку, переходим на главную страницу сериса: canva.com и активируем 30 дневный бесплатный период (позже подписку можно отменить и пользоваться сервисом бесплатно). Для входа можно использовать Google-аккаунт или профиль на Facebook.

Шаг 1. После авторизации в Canva приступайте к созданию обложки. Сделать это можно двумя способами — вручную, указав размеры «шапки». Когда вы нажмёте на кнопку «Создать обложку для группы ВК», Canva откроет новый шаблон с рекомендуемыми размерами — 1590×400 пикселей — и вариантами макетов.

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

Шаг 3. Чтобы поменять фон обложки, загрузите в редактор своё изображение, кликнув по иконке «Загрузки» и нажав на кнопку «Загрузить собственные изображения».

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

Шаг 4. Чтобы наложить текст на обложку, кликните по иконке «Текст» и ознакомьтесь с типами надписей и шрифтами.

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

Шаг 5. Когда обложка будет готова, сохраните изображение, кликнув по кнопке «Скачать» в верхней части меню.

Сервис предложит выбрать формат — PNG, JPG и PDF (стандартный и для печати). Для ВКонтакте лучше использовать первые два формата.

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

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

Как добавить и установить обложку в группу ВКонтакте

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

Пролистайте страницу до пункта «Обложка сообщества» и нажмите на «Загрузить».

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

Не так давно представители ВКонтакте анонсировали ещё один яркий способ оформления сообществ — живые обложки. Скорее всего, они со временем вытеснят обычный статический дизайн. Живые обложки представляют собой коллаж из сменяющихся изображений (до 5 штук) или коротких видео. Они отображаются в мобильных приложениях для iOS и Android.

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

Как добавить обложку в группу ВКонтакте

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

Если у вас есть группа, то вы, соответственно, хотите, чтобы она была привлекательной, чтобы новые люди добавлялись, а те, кто уже являются участниками – не уходили и были активными. Так ведь? Для этого необходима грамотная обложка. Как выглядит группа с обложкой?

Рис 1. Так выглядит группа ВКонтакте с обложкой

О некоторых секретах создания УДЕРЖИВАЮЩЕЙ и ПРОДАЮЩЕЙ обложки для группы вконтакте мы поговорим в конце статьи.

Обложка вконтакте должна цеплять и удивлять

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

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

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

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

Рис2. Где находится кнопочка вконтакте «Управление сообществом»

После этого вы переместитесь в панель управления вашей группой. Здесь вы автоматически попадете в раздел «Настройки». Если вы вдруг окажетесь в другом разделе, то вам необходимо оказаться именно здесь:

Рис 3. Настройка группы вконтакте

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

Рис 4. Как загрузить обложку ВКонтакте

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

Рис 5. Окно загрузки для обложки сообщества

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

Рис 6. Выбор области рисунка для шапки группы

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

Рис 7. Область изображения можно выбрать любого размера

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

Рис 8. Не забудьте нажать СОХРАНИТЬ после загрузки изображения

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

Рис 9. Как из раздела настроек перейти в группу

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

Рис 10. Для обложки группы ВК необходимо использовать изображение высокого разрешения

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

Ещё по теме:

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

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

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

Рис 12. Описание значков редактирования обложки

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

Рис 13. Как повернуть изображение на этапе загрузки картинки для обложки

Теперь наша группа имеет яркую и четкую обложку (заставку, шапку, как угодно это можно называть):

Рис 14. Обложка высокого разрешения выглядит четко и привлекательно

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

Пользуетесь контактом на работе с ПК? Тогда вам может быть интересна статья:

Как ВКонтакте стать невидимкой

Как правильно сделать шапку для паблика в вк

Как показывает наша практика, людям нравятся неожиданности. Неожиданная фантазия, неожиданный рекламный дизайн – все это толкает человека к получению удовольствия. Когда человек видит перед собой необычную игру слов или необычное сочетание картинок, он начинает восхищаться этим, а значит, он автоматически начинает УВАЖАТЬ идею создателей, и, соответственно, саму группу и то, что в этой группе пишут. Давайте мы продемонстрируем вам такую фишку. Возможно, вы уже с этим сталкивались и тоже удивлялись этому:

Обложка, комбинированная с закрепленным фото:

Рис 15. Оригинальное комбинирование шапки и фото в закрепленной записи — ПРИМЕР №1

Или так:

Рис 15. Оригинальное комбинирование шапки и фото в закрепленной записи — ПРИМЕР №2

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

Обложка в стиле трендов

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

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

Отрицательная обложка

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

Рис 18. Не призывайте на изображении обложки добавиться в группу — это отталкивает

Также не следует использовать обложку для размещения перечня услуг, с номерами телефонов, адресами сайтов. На сайт человек все равно не перейдет, переписывая адрес в поисковую строку, а по телефону он не станет звонить, пока не разберется глубже, что вы предлагаете. В интернете такая подача схожа с раздачей листовки на улице, когда её насильно стараются навязать, дать в руки. Но в интернете отказ получить легко – человек просто закрывает группу и уже не возвращается, потому что главная цель обложки – это ПОНРАВИТЬСЯ!

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

Немного юмора для понятия Духа

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

Рис 19. Пример заспамленой обложки. Телефоны, призыв вступить, адрес сайта — все большим шрифтом.

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

Рис 20. Пример наиболее удачной обложки СО ВКУСОМ. Телефон, адрес внизу обложки под органично оформленным брендом.

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

Зачем нужна группа ВКонтакте

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

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

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

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

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

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

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

Параметры изображения

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

Для двух вариантов размеры обложки группы в ВК одинаковые. Минимальная ширина и высота 795 х 200 px. Но разработчики советуют увеличивать параметры исходного файла вдвое – до 1590 х 400 рх. Это позволяет паблику одинаково хорошо выглядеть на телефоне и широкоформатном мониторе ПК.

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

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

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

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

Нетронутой остается лишь область 918 х 317 рх. На нее и нужно ориентироваться.

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

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

Фоновая заставка вашего паблика должна максимально соответствовать ее содержимому и вызывать доверие у посетителей. Хорошие результаты показывают авторские фотографии. Снимки станков на производстве, тортов на вашей кухне или довольных клиентов в парикмахерской «заходят» лучше, чем избитые картинки из поиска Яндекса. Если нет подобных материалов, можно воспользоваться базой бесплатного фотостока, например, Unsplash. Сервис предлагает огромный выбор. Но ключевые запросы нужно вводить на английском. Хороший русскоязычный сток – Pixabay. Но количество файлов в свободном доступе ограничено.

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

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

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

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

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

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

При этом подходят не только прямые, но и косвенные рычаги воздействия на ЦА. Исследования маркетологами «глазных следов» показали, что мы склонны смотреть туда, куда направлен взгляд других. Это тоже можно использовать в своих целях, чтобы сосредоточить внимание на необходимых нам элементах. Несмотря на яркий, выразительный образ персонажей, мы концентрируемся на тексте даже без прямого указания на него.

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

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

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

Оформляем «шапку» сообщества

Профессиональные веб-дизайнеры работают в специализированных приложениях: Adobe Photoshop, Illustrator, Creative Cloud и прочих. Но они достаточно сложные для начинающих пользователей. Несмотря на обилие функций и возможностей, новички редко ими пользуются. Часто востребованными остаются лишь функции обрезки и трансформации изображений, наложения текста и картинок поверх фонового слоя. Все то же самое можно легко сделать и без установки ресурсоемких программ.

Рассмотрим как создать обложку для группы ВК в графическом онлайн-редакторе canva. Для работы на нем регистрируемся по e-mail или с помощью кнопок социальных сетей.
После авторизации нажимаем вверху справа «Использовать специальные размеры» и задаем параметры 1590 х 400рх. Выбираем фоновый шаблон из представленной на сайте галереи или загружаем свою фотографию. При необходимости растягиваем ее до необходимой величины за «ручки» по углам. Остается добавить навигацию и надписи. Приложение условно бесплатное, поэтому все модули с соответствующей пометкой можно применять без ограничений. Добавляем текст, логотип, указатели, стрелки и другие понравившиеся элементы.

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

Устанавливаем «шапку» сообщества

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

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

Создание фона для меню группы ВКонтакте – практические рекомендации и советы

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

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

Как сделать фон для меню ВКонтакте

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

Несколько практических рекомендаций:

И еще несколько советов, которые помогут сделать фон для меню ВКонтакте красивым и качественным:

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

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

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

Ваше «лицо» в сети узнаваемо
Визуальные образы работают на укрепление доверия
Ваши посты и объявления выделяются в ленте пользователя

 Подробная инструкция по оформлению фона в видео:

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

Видео на тему:

• https://www.youtube.com/watch?v=dGuhK79xxYs
• https://www.youtube.com/watch?v=PE2tfFgXcpc&spfreload=10
• https://www.youtube.com/watch?v=Sw8msnr8kTU

Мы также пишем отличные материалы в других соц. сетях, подписывайся!

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

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

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

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

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

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

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

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. Следуйте единому стилю. Идеально — аватар и меню в фирменном стиле компании. Хорошо — в единой цветовой гамме с пересекающимися элементами. Такое сочетание меню и аватара выглядит эффектно.

Аватар и меню группы Аудиокниги

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

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




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

Примеры гармоничного сочетания




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

Разделенные на части аватары




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

Аватары со стрелочками




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

Слишком много информации

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

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

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

Адрес сайта

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

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

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

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

Имеет смысл, если акция длится дольше 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

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

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

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

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

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

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

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

У социальной сети Вконтакте есть собственный 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 для меню в пяти столбиков. Не рекомендуем использовать более пяти столбиков, потому что будет слишком мелко на экранах мобильников.

Как сделать табличную верстку?

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

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

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

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

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

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

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

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

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

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

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

1. Выбираем изображение и нарезаем его на квадраты со сторонами по 150 px.

С помощью инструмента «Раскройка»

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




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

Не красоты ради, примера для




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

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




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

Меню на смартфоне

Примечания к адаптивной верстке

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




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

Меню группы Стартап Академия

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




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

Меню с разными фигурами

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

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

Метод №1

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

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

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

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

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

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

Методы №2

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

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

Заключение

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

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

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

Зачем группе оформление

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

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

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

Возможности Вконтакте

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

Обложка

Размеры: 1590×400 px, видимая зона для мобильной версии 1196×400 px.

Это вытянутая горизонтальная картинка в шапке сообщества, она некликабельна.

Обложка нашей группы vk.com/prcyru

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

Группа без обложки

Общие рекомендации к обложке

Чтобы качество обложки не портилось, администрация Вконтакте советует загружать изображение размером 1590×400 px. Но в мобильной версии вся обложка не умещается в экран, края справа и слева обрезается на 197рх, поэтому все данные, тексты и изображения, которые нельзя резать, лучше помещать в видимой зоне, это 1196×400 px. А сверху примерно 83 рх занимает полоска с индикаторами связи, уровня заряда и прочих.

Схема обложки с разметкой

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

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

Обрезалось часть названия на обложке

Многие советуют делать на обложке стрелки, побуждающие нажать на подписку или написать сообщение.

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

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

Скриншот статистики группы PR-CY

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

Стрелка указывает на аватарку
Стрелка указывает на пустое поле

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

Размеры: такие же, как у обычной обложки.

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

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

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

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

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

Анимационная обложка на мобильных

Размеры: вертикальные фото и видео 1080×1920 px или другие в пропорции 9:16.

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

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

Включается эта возможность в Настройках сообщества:

Настройки группы

Дальше появится окно с добавлением фотографий в слайд-шоу для анимированной мобильной обложки:

Добавление фотографий

Какой размер материалов выбрать:

Для фото рекомендуем разрешение 1080×1920 или другое в пропорции 9:16 вертикальной ориентации. Размер видео такой же, длительность до 30 с, размер до 30 Мб, MP4, видеокодек H.264, аудиокодек AAC.

Аватарка

Размеры: не меньше 200х500 px и не больше 7000 px, соотношение сторон 2 к 5.

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

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

С обложкой и аватаркой

Только с аватаркой

Аватар может быть любого размера не меньше 200х500 px и не больше 7000 px с каждой стороны, но максимальное соотношение сторон — 2 к 5. То есть сильно вытянутую картинку установить не получится, мы пробовали:

Редактор не дает выделить более вытянутое поле.

Размеры: картинка для кнопки от 376х266 точек.

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

Лента меню в группе

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

Настройка кнопок меню

Название кнопки не может быть больше 20 символов, но на смартфоне и эти символы не помещаются, так что дополнительно проверьте, чтобы название было понятным:

Меню на смартфоне

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

Вики-меню

Размеры: ширина внутренней страницы 607 px, обложка не менее 600 px в ширину.

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

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

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

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

Обложка меню
Фрагмент разделов внутри меню

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

Редактор изображений в вики

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

Тестовый пост с вики-меню

Посты

Размеры: не менее 700 px в ширину для обычных постов, не меньее 510х288 px для статьи в редакторе.

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

Ответ поддержки о влиянии размера картинки на позицию в выдаче

Основатель Церебро Таргет Феликс Зинатуллин утерждает, что картинка должна быть не менее 700 пикселей в ширину. Как показывает его опыт, у постов с картинками шириной в 700 пикселей и с шириной в 699 может быть разница охватов в два раза.

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

Десктопный просмотр

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

Мобильный просмотр

Есть другой формат поста — статья в редакторе. Обложка для нее должна быть горизонтальной, картинка сожмется до размера 510х288 px. Какие-либо изображения лучше помещать дальше от центра, заголовок тоже писать не нужно, он автоматически встанет посередине. Заголовок пишется белым шрифтом, но подсвечивается тенью, так что темные иллюстрации смотрятся лучше, но и на светлом текст не теряется.

Иллюстрация для статьи со светлым фономИллюстрация для статьи с темным фоном

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

Охваты у одинаковых постов

Товары

Размеры: не меньше 600 px.

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

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

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

Миниатюра товара из товарного ряда
Открытая карточка товара

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

Ряд с товарами в группе PR-CY

Открытая карточка товара

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

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

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

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

Основы SMM. Часть 1: Создаем коммерческий аккаунт

Основы SMM. Часть 2: Составляем контент-план на примерах и шаблонах

Основы SMM. Часть 3: Обратная связь в группе

Основы SMM. Часть 4: Сервисы для общения с подписчиками в соцсетях

Как сделать шапку в группе ВК вверху: какой размер, чтобы добавить

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

Что это? Где искать?

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

Вы можете выбрать один из двух вариантов оформления:

• Статичная картинка – горизонтальное изображение, которое не двигается;
• Динамическая шапка ВК – это анимированная картинка, которая проигрывается в формате небольшого ролика.

С определением разобрались – пора поговорить о том, как самостоятельно сделать и установить шапку в группе ВКонтакте.

Загружаем обложку

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

• Откройте группу и найдите иконку «Управление» под аватаркой в навигационном меню;

• Щелкните по кнопке раздела «Основная информация»;
• Перейдите к блоку «Обложка сообщества»;

• Жмите на значок загрузки;
• Перетащите картинку в открывшееся поле с рабочего стола или закиньте файл, сохраненный ранее на устройстве;

• Передвиньте рамочку, чтоб определить область выделения – именно она будет отображаться на экране;
• Щелкайте по значку «Сохранить и продолжить», чтобы внесенные изменения были сохранены.

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

Требования к качеству

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

• Минимальный размер – 795х200 пикселей;
• Рекомендованный размер – 1590х400 пикселей;
• Разрешение – 72 пикселя на дюйм;
• Возможные форматы – GIF, PNG, JPG.

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

Как сделать самому?

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

Вы может сделать обложку своими руками – понадобится минимальное владение программой Фотошоп. Обучиться работе в редакторе можно с помощью ролика ниже:

• Откройте приложение и кликните на кнопку «Файл»;
• Жмите на значок «Создать»;
• Выберите нужный размер аватарки и расширение, кликните «ОК»;
• Начинайте творить!

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

Есть готовые шапки для группы ВК, которые можно купить или выбрать бесплатно – подобные услуги предоставляют разные сервисы, например, canva.com. Вы можете подыскать другой онлайн-конструктор в интернете!

Процесс работы с конструктором очень прост:

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

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

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

Правила выбора

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

• Четкий и понятный заголовок паблика, который позволит пользователю понять цель посещения страницы;
• По возможности и при необходимости нужна расшифровка заголовка с помощью подзаголовка;
• Логотип. Он должен быть качественным, привлекательным и отображающим сущность страницы. Не стоит ставить некачественное или чужое лого;
• Способы связи. Можно использовать телефон, ссылки на социальные сети или другие дополнительные источники информации. Особенно актуально, если паблик подразумевает постоянное прямое общение с клиентами;
• Изображение продукта. Если вы продаете конкретные товары и услуги, продемонстрируйте их «лицом» – это привлечет потенциального потребителя;
• Меню по основным разделам – сделайте кликабельные кнопки для быстрого перехода;
• Фотография, близкая по тематике. Обязательно сделайте красивую, яркую обложку, которая заставит людей заострить внимание на публичной странице.

Следуйте нашим несложным советам – все получится! Стоит помнить о важнейших постулатах создания привлекательной обложки:

1. Тщательно подбирайте цветовую гамму – все оттенки должны гармонировать друг с другом;
2. Не перегружайте фотографию текстом и хэштегами – это лишнее;
3. Шрифт должен быть простым, приятным глазу;
4. Выбирайте только высокое качество;
5. Изображения должны быть оригинальными, иметь непосредственное отношение к основной тематике.

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

Основные ошибки

Не смогли загрузить обложку с первого раза? Не стоит отчаиваться – лучше убедитесь в следующем:

• Выбран верный формат;
• Расширение и размер соответствуют установленной норме;
• Лого не растекается и не растягивается после загрузки;
• Контент не содержит запрещенной информации.

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

Обложка для группы ВКБ: как сделать и поставить шапку сообщества

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

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

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

Рекомендуемый размер обложки для группы ВКонтакте — 1590 × 400 пикселей. Однако владельцы сообщества могут использовать графику других размеров. Например, при просмотре страницы сообщества с компьютера обложка отображается в размере 795 × 200 пикселей.Для пользователей мобильных устройств заголовок сообщества подстраивается под размер экрана.

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

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

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

Что должно быть на обложке вашего сообщества

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

Используйте следующую памятку, если не знаете, какие элементы добавить на обложку сообщества:

Заголовок. Не переусердствуйте с творчеством. Потенциальные подписчики должны сразу понять из заголовка, откуда они взяли и какую полезную информацию они могут узнать от издателя.
Подзаголовок. Вы можете использовать его для расшифровки или дополнения названия. Постарайтесь быть краткими в формулировках.
Логотип. Если у вашей компании красивый и качественный логотип, разместите его в «шапке» группы. Этот элемент повысит узнаваемость вашего бренда.
Контактная информация. Номер телефона или адрес электронной почты также могут быть указаны на обложке группы. Например, если вы занимаетесь доставкой еды на дом и у вашей компании есть единый номер телефона для приема заказов, поместите его в «шапку».
CA фото. Еще один способ сообщить вашему будущему подписчику, что группа будет ему полезна. Однако перед тем, как разместить фотографию или изображение своего центра сертификации, не забудьте проанализировать и составить портреты потенциальных клиентов.
Фотография товара. Если вы собираетесь продавать товары через широкую публику, используйте качественные фотографии товаров в «шапке».

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

Примеры хороших обложек для шапки группы ВКонтакте

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

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

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

Как создать обложку ВК в Canva

Чтобы подписаться на услугу,

Чтобы создать обложку, перейдите на главную страницу сервиса: canva.com и активируйте 30-дневный бесплатный период (позже вы сможете отменить подписку и пользоваться сервисом бесплатно).Вы можете использовать свою учетную запись Google или профиль Facebook для входа в систему.

Шаг 1 . После входа в Canva приступайте к созданию обложки. Сделать это можно двумя способами — вручную, указав размер «заголовка». Когда вы нажимаете кнопку «Создать обложку для группы ВК», Canva откроет новый шаблон с рекомендованными размерами — 1590 × 400 пикселей — и вариантами макета.

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

Шаг 3: Чтобы изменить фон обложки, загрузите изображение в редактор, щелкнув значок «Загрузить» и нажав кнопку «Загрузить собственные изображения».

После заливки образа в сервис нажимаем на изображение. Он «упадет» поверх дизайна. Чтобы сделать его фоном, зажмите левую кнопку мыши и перетащите изображение вниз. Если вас не устраивает видимая область на обложке, дважды щелкните фон и переместите изображение так, как хотите.Щелкните галочку вверху, чтобы сохранить изменения.

Шаг 4: Чтобы нанести текст на обложку, щелкните значок «Текст» и проверьте типы подписей и шрифтов.

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

Шаг 5. Когда обложка будет готова, сохраните изображение, нажав кнопку «Загрузить» вверху меню.

Сервис предложит выбрать формат — PNG, JPG и PDF (стандартный и для печати). Для ВКонтакте лучше использовать первые два формата.

Осталось только нажать на кнопку «Загрузить», и через несколько секунд обложка будет на вашем компьютере.

Как добавить и установить обложку в группе ВКонтакте

• Чтобы загрузить обложку в сообщество, нажмите «Управление» и перейдите в настройки.
• Прокрутите вниз до «Обложка сообщества» и нажмите «Загрузить».

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

Не так давно представители ВКонтакте анонсировали еще один яркий способ оформления сообществ — живые обложки. Скорее всего, они со временем вытеснят привычный статичный дизайн. Живые обложки — это коллаж из меняющихся изображений (до 5 штук) или коротких видеороликов. Они отображаются в мобильных приложениях для iOS и Android.

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

Как сделать плакат в ВК: добавить и настроить красивый фон для поста

VK Posters — это функция, позволяющая добавлять и настраивать красивый фон для текстовых публикаций.

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

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

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

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

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

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

Как добавить постер и сделать красивый фон для поста в ВК

Чтобы сделать цветной фон, нужно нажать на букву «А» в цветном кружке.

Появится текстовое поле. Максимальная длина текста , который может быть в фоновом режиме — 160 символов если текст длиннее, он автоматически становится обычным текстовым сообщением.

Есть 3 варианта настройки фона:

• картинка;
• эмоции;
• градиента.

Вы можете изменить дизайн фона, нажав кнопку с названием фона вверху.

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

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

Как добавить свою картинку к фону

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

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

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

Наконец, напишите текст (не более 160 символов) и нажмите «Отправить».

Заключение

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

Меню для группы Вконтакте Пошаговая инструкция. Основы оформления групп в ВКонтакте с использованием вики-разметки

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

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

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

А теперь подробнее по каждому пункту.

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

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

Максимальный размер аватара — 200 на 500 пикселей. Но, в принципе, можно загружать изображения и большего размера — до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их партий не превышало 2: 5.

Покажи на примере.

У меня есть образ. Его размер: 200 на 800 пикселей (соотношение 2 к 8). При загрузке не возникает никаких ошибок. Однако я все еще не могу использовать это изображение, потому что «Контакт» не позволяет мне выделить его полностью.

Крышка

Размер обложки для полной версии сайта — 1590 на 400 пикселей.

Примечание: в мобильной версии А в приложениях отображается не полная версия обложки, а только ее 1196 часть размером 400 пикселей. Посмотрите, как он вырезан в мобильном приложении:

Чтобы этого не произошло, разместите основные элементы вашей обложки в пределах 1196 на 400 пикселей.

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

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

Звучит немного запутанно 🙂 Поэтому я покажу вам на примере.

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

А вот выглядит как горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):

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

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

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

Все эти данные взяты из кода разметки Open Graph:

Если Open Graph не зарегистрирован, заголовок берется из метагеги Title, а изображение — из статьи.При этом его легко изменить — либо выбрать другое изображение из статьи с помощью специальных стрелок:

Или загрузите свой:

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

Картинка к статье, созданной в редакторе

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

Хороший пример:

Не очень хороший пример:

Размер фото и видео для рассказов

Размер для фото — 1080 на 1920 пикселей. Размер для видео — 720 на 1280 пикселей.

Технические характеристики видео:

• до 15 секунд;
• не более 5 МБ;
• ч.264 кодек;
• звук aAC.

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

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

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

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

1280 при 720 пикселях.

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

Ширина области содержимого Wiki-страницы составляет 607 пикселей.Если вы загрузите изображение большего размера, оно автоматически загрузит 400 пикселей в ширину. Пример: у меня есть изображение размером 1366 для 768. Если я добавлю его на вики-страницу, то окажется, что:

Для изменения размера картинки нужно нажать и выставить нужные значения:

Как работать с вики-страницами, я подробно расскажу чуть ниже. Поэтому на этом они не остановятся.

Как сделать, чтобы картинки «ВКонтакте» не лазили? Влияние фона и размера на качество изображения.

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

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

Чтобы изображение не лазило (точнее было лазило, но в гораздо меньшей степени), необходимо сделать его в 2-3 раза больше желаемого размера.Например, если нам нужно сделать аватар размером 200 на 500 пикселей, мы сделаем снимок размером 400 на 1000 пикселей. Если нужно сделать меню размером 510 на 400 пикселей, берем 1020 на 800.

Изображение на темно-синем фоне, которое я привел чуть выше, имеет размер 510 на 350. Я сделал его вдвое больше (1020 на 700) и сохранил. Вот что из этого вышло:

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

Как сделать головной убор

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

Крышка

Не так давно ВКонтакте представило обновление — теперь на страницы можно загружать большие и красивые обложки (1590 на 400 пикселей). Для этого зайдите в настройки и нажмите кнопку Загрузить.

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

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

Примеры динамических крышек:

Обложка + Описание сообщества + Ссылка на сайт

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

Описание с хештегами

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

Исправлен пост, рассказывающий о какой странице

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

А вот что видит пользователь после того, как перейдет по ссылке:

Открыто групповое меню

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

Вот какой фиксированный пост в шапке страницы Flatro:

Групповое меню закрыто

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

Но что мы видим, когда я нажимаю на него:

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

Меню переходов для группы

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

Гифка и Аватар в одном изображении

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

Кстати, я заметил этот пример у SMM-маркетолога Сергея Шмакова. Итак, за находку выражаю огромную благодарность 🙂

Скрытое меню

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

Видео с автоматическим воспроизведением

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

Как добавить такое видео в шапку своей страницы?

Для этого нужно выполнить три условия:

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

Запись, получившая много репостов

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

Анонсы новых клипов, альбомов, событий

Презентация новых товаров / услуг

Скидки и акции

Корпуса, отзывы покупателей

Рекламные приложения

Розыгрыши

Правила сообщества

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

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

Что должен Аватар

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

Миниатюрный аватар

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

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

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

Какую информацию можно разместить на миниатюрном аватаре

Несмотря на то, что миниатюра Аватара имеет очень маленький размер, ее можно использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Рассмотрим несколько вариантов:

Объявление о новом продукте / Услуги / События

Преимущества компании / Услуги / Страницы

Телефон предприятия

Выгодные цены

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

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

Акции

Соревнования

Вакансий

Каким должен быть Аватар?

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

1. Аватарка должна быть качественной. О том, как этого добиться, я писал чуть выше. Для тех, кто пропустил эту часть, скажу вкратце — размер аватара должен быть в 2-3 раза больше, чем вы планировали.
2. Желательно, чтобы аватарка была объединена из меню: была такая же цветовая гамма, были такие же шрифты, элементы и т.д. Благодаря этому ваши страницы будут выглядеть более аккуратно и профессионально. Пример:
3. Аватар и сам миниатюрный аватар могут быть разными.Например, можно нарисовать на аватаре круг, расположить его как угодно, выбрать эту область в качестве миниатюры, а остальная часть аватара выполнена в другом стиле.

Другой вариант — разделить аватар на две части. Один — для миниатюр, а второй — для всего остального аватара.

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

Какую информацию можно разместить на аватаре?

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

Домен сайта

Телефон / адрес / время работы

Конкурсы / Акции

Самые покупаемые товары / Новинка

информация о доставке

Рекламное мобильное приложение

Основные преимущества компании / страниц / товаров и др.

Обновить ассортимент / новое творчество и др.

Информация о том, что ваше сообщество является официальным

Информация о ближайших мероприятиях

Адреса аккаунтов в других социальных сетях

Расширенное описание страницы

Подсумок

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

Как создать аватарку и меню для джиггинга

Для того, чтобы объединить аватар и меню, вам понадобится программа Adobe Photoshop или ее аналог. Я объясню весь процесс на примере «Фотошопа». Итак, начнем.

1. Скачайте шаблон для «Фотошопа», который я специально подготовил для этой статьи.В обычном размере (меню — 510 пикселей по ширине, аватар — 200) или в увеличенном (меню — 1020 пикселей по ширине, аватар — 400).
2. Откройте изображение, которое хотите взять за основу.
3. Скопируйте его, вставьте в шаблон и разместите так, как хотите вырезать.

1. Добавить эффекты, текст, графику и т. Д.

1. Если вы не хотите потерять часть изображения (в этом пространстве размером 50 пикселей), сдвиньте его вправо, как показано на следующем Gif:

1. Выберите инструмент «Вырезание» и нажмите кнопку «Фрагменты на направляющей».

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

1. Перейдите в раздел «Файл» и выберите команду «Сохранить для Интернета».

1. Перейдите в то место, где вы сохранили картинки (рабочий стол или какую-то конкретную директорию), и найдите там папку с названием «Изображения».Именно там будут ваши изображения. Теперь осталось только вылить их на страницу.

П.С. Высота аватара может быть изменена на ваше усмотрение. Я взял максимальный размер — 500 пикселей, но это значение может быть меньше. Например, как на странице «Wiki-разметка»:

Как использовать виджеты

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

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

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

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

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

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

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

А что делать тем, кто не умеет работать в «Фотошопе»?

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

1.Fotor.com.

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

Вставляем его в шаблон, выбираем левой кнопкой мыши, выбираем слой (значок Sandworm) и нажимаем на Move to Bottom. Таким образом, наша картинка вернется на задний план, а все надписи нанесены поверх нее.

После этого меняем текст, шрифт, размер шрифта, расположение надписи и т.д.

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

2. canva.com.

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

Мы выбираем вашу деятельность. Шаг, на котором вас просят пригласить друзей, мы пропускаем. Попадаем в главное меню, где выбираете запись в Facebook, если нам нужна прямоугольная фотография, или запись в Instagram — если квадратная.

Выбираем шаблон (если в шаблоне стоит отметка «бесплатно», значит, он бесплатный), меняем текст.

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

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

В последнее время во «ВКонтакте» можно делать свои статьи в специальном редакторе. Для создания статьи необходимо нажать на букву «Т»:

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

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

Разметка

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

Точно так же и WordPress (или любая другая CMS) имеет редактор HTML, с помощью которого вы создаете статьи, а «контакт» имеет свой собственный редактор для создания и редактирования вики-страниц. Выглядит он так:

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

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

С чего начать?

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

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

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

Просто выберите этими инструментами необходимые области, например:

И за исключением веб-устройств.

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

Заходим на страницу нашей группы. И делаем некоторые подготовительные действия: в управлении сообществом подключаем «Материалы», сохраняем. Если что-то непонятно на данном этапе, то прочтите статью, про текстовое меню ВКонтакте, там все подробно, про это сказано.

После этого нам нужно скачать наши картинки, которые мы получили при нарезке меню.То есть нажмите «Добавить фото».

После загрузки картинок можно переходить к созданию меню. Для этого нажмите «Редактировать» рядом со свежими новостями.

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

[]
[]
[]

Итак, разберемся подробнее что к чему:

… — Эти теги выравнивают наше меню по центру. Если их убрать, меню визжит к левому краю.

фото-48249652_297601976 — Путь к нашей картинке. Путь формируется следующим образом: Номер альбома_номер самой фотографии. Как найти путь к нашему имиджу? Все очень просто. Заходим в фотоальбом, в котором находятся наши картинки, и нажимаем на нужное изображение. Тогда в адресной строке мы увидим полный путь к нашему изображению.

130x46px; nopadding; — Параметры изображения: 130x46px; — Ширина и высота нашей картинки (может отличаться от размера самой стены) — для вертикального меню контакта CCC указывать не обязательно; nopadding; — Без пробелов — при использовании этой опции все пробелы (отступы) удаляются, а изображения объединяются в одно.

Вот что я сделал:

Горизонтальное меню ВКонтакте сделано по принципу. Единственное отличие состоит в том, что при написании кода новые пункты меню не нужно переносить в новую строку. И также не забывайте, что при таком расположении картинок мы можем использовать ширину всего 370 пикселей. Я почти не исправил приведенный выше код и получил:

[] [] []

А выглядит так:

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

[] [] []

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

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

Удачных экспериментов!

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

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

Итак, вот три пути создания меню:

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

Кстати, для тех, кто предпочитает получать информацию через видео, а не читать длинные тексты, есть видео:

Путь №1. Заказать Создание меню от специалиста-дизайнера

Достоинства этого метода относительны скорость и минимальное участие с вашей стороны. Минусы — самая высокая цена и шанс получить красивое, но некорректное меню (основные ошибки мы подготовили при создании меню). Кроме того, нужно найти исполнителя. Здесь мы можем порекомендовать поискать его на KWORK.Сервис RU, в разделе «Дизайн-группы в сообществах».

Путь # 2. Использование онлайн-дизайнера

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

Путь №3. Все делай сам

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

• Уметь уверенно пользоваться графическим редактором. Например, фотошоп. При оформлении меню нужно будет сначала сделать изображение правильных размеров (до пикселя, без «примерно»!), А потом правильно его обрезать (разбить на фрагменты)
• Уметь вникать в инструкцию и читать их внимательно
• Не сдавайтесь и не отчаивайтесь, если что-то не сработает с первого раза

Если вы думаете, что вам всем по плечу, то приступим.

Шаг №0. Общая информация о том, как устроено меню

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

Шаг 1. Подготовительный этап

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

Итак, вы создали новую группу. Давайте теперь узнаем идентификатор (ID) вашей группы. ID группы — это ее уникальный номер, с которым контактирует. Зайдите в свою группу и нажмите «Записи сообщества» (если в группе нет записей, то вместо «Записи сообщества» будет «Нет записей»). Вы перейдете на новую страницу с этим типом типа:

https://vk.com/wall Xxx ? Собственное = 1

Вместо Ххх У вас будет набор цифр (и только цифр!).Это идентификатор вашего сообщества. Например, в нашей тестовой группе это 154457305.

Теперь создадим новую вики-страницу в группе. Для этого сделайте ссылку такого типа:

http://vk.com/pages?Oid=- ID_Group & p =. Navigation_strant

http://vk.com/pages?Oid=- 154457305
& p =. Меню

Откройте полученную ссылку в браузере (скопируйте ее в адресную строку браузера и перейдите по адресу).Все, вы создали вики-страницу с заголовком «Меню» (если, конечно, не указали «Меню» в качестве имени страницы в ссылке). Вы должны увидеть такой текст: «Страница меню пуста. Заполните содержимое». В правом верхнем углу есть значок «карандаш» (). Щелкните по нему, чтобы перейти к редактированию страницы.

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

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

http://vk.com/page- ID_Group _ Xxx ? ACT = Edit & section = Edit

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

Шаг №2. Делаем простое меню для группы ВКонтакте

Итак, у нас есть вики «Меню». Переключитесь в режим разметки редактора и добавьте следующий код:

Нажмите кнопку «Предварительный просмотр», расположенную под редактором. Вы должны увидеть список из трех ссылок. Первые два являются внешними и ведут на главные страницы «Яндекс» и Google соответственно. Третья ссылка внутренняя. Она ведет в Паблик ВК с ID «1» (это официальная группа ВК для разработчиков).Если у вас в превью отображается код, а не ссылки (которые можно нажимать) — значит вы ввели код в режиме визуального редактирования , а не в режиме разметки. Будь осторожен!

Обращаем ваше внимание, что внешние ссылки на код Viki-VC оформляются одинарными скобками, а внутренние — двойными. В этом случае внутренние ссылки ВК указываются не как обычный адрес сайта, а как указатель на конкретный объект ВК. Например, указатель на группу имеет такую ​​запись:

клуб

. ID_Group

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

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

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

Шаг №3. Где можно разместить вики-страницы vkontakte

Основных мест два: вы можете создать сообщение со ссылкой на вики-страницу или разместить его в разделе «Материалы» вашего сообщества.

Начнем сначала. Начать добавлять новую запись На стене вашей группы. Сначала прикрепите к нему любую фотографию. Лучше сделать большую фотографию, ширина которой больше высоты.Затем вставьте ссылку на созданную запись на созданную вами вики-страницу с помощью простейшего меню. Именно ее мы попросили вас записать чуть раньше. Напомним, ссылка имеет такой вид ( у вас будут другие номера ):

http://vk.com/page-121237693_72827423.

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

Кликните по фото в фиксированном посте: появится ваша вики с простейшим меню группы.

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

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

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

«» «Версия меню для раздела» Материал «» «

[]

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

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

Мы узнали, что меню можно разместить в двух местах. Желательно сделать это и в виде фиксированной записи и в разделе «Материалы». Запомните два нюанса:

• Фиксированную запись увидят 98% ваших посетителей, а в раздел Материалы попадут только 25-40% самых любопытных, а также приверженцев старых пользователей вашей группы, знающих что там есть что-то полезное.
• Фиксированная запись с картинкой для вызова меню может быть дополнена текстом. Так вы не потеряете эту особенность закрепленной записи. Но и перебарщивать тоже не стоит: чем больше текста, тем ниже ссылка на открытие вашего меню.

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

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

Шаг №4. Как сделать меню в группе ВКонтакте. Graphic

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

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

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

Наше тестовое меню будет выглядеть так:

Всего две кнопки. Первый будет вести на главную страницу Яндекса, а второй — в группу VKontakte Team.

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

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

• Для начала нужно нарисовать меню.Его ширина должна быть строго 600px (пикселей). По высоте рекомендуется делать меню не более 900 пикселей. Лучше всего сохранить результат в формате PNG, в крайнем случае — в формате JPG. Воспользуйтесь знакомыми и удобными инструментами для рисования (например, Photoshop или GIMP). Результат здесь на 95% зависит от ваших творческих и технических навыков. Даже если вы совсем не умеете пользоваться графическими редакторами — не отчаивайтесь. Навыков хватит максимум на пару часов. В Интернете огромное количество справочной и обучающей информации.Кроме того, возможность хотя бы использовать графический редактор очень и очень полезна для публичных администраторов. Зря не потратишь.
• Далее рисунок из меню разрезается на горизонтальные полосы. Сделать это можно любым удобным для вас способом: от обычного множества фотошопов до различных онлайн-сервисов. Если у вас нет идей, как это делается — просто задайте вопрос любимой поисковой системе. Не будем подробно описывать техническую часть процесса резки: способов десятки, одни подходят для одних пользователей, а другим не подходят.При резке необходимо соблюдать одно простое правило: высота одной полосы не должна быть меньше 60px . В противном случае у вас могут возникнуть проблемы с отображением меню в приложении и в мобильных браузерах: т. Н. «Белые полосы» между изображениями.
• Нарезанные «полоски» загружаются в альбом группы или альбом на странице администратора группы. Мы рекомендуем второй вариант. В любом случае альбом с нарезанными частями меню должен быть в открытом доступе
  .В противном случае те пользователи, для которых недоступны изображения из альбома, не увидят ваше меню!
• Компилируется код вики-разметки, который вставляется на нужную вики-страницу.
• Группа размещает фиксированный пост со ссылкой на вики-страницу с меню. О том, как делается такой пост. Подробно мы писали выше. Кроме того, код (с небольшими изменениями) можно добавить на корневую вики-страницу (пункт справа от пункта «Информация» появляется при разрешении раздела «Материалы».Подробнее — см. Выше).

А теперь подробнее займемся загрузкой частей меню и кода Wiki. Мы подготовили для вас. Имеет два каталога: «1» и «2». Первый содержит части самого примитивного и простого варианта слайсера для нашего меню — на две части. Скачайте архив, скачайте изображения (1.png и 2.png) из каталога «1» в новый альбом (дома или в группе).

У нас две «полоски»: верхняя (с кнопкой «Яндекс») и нижняя (с кнопкой «ВКонтакте»).Оба являются эталонными изображениями. В разметке вики это делается с помощью кода этого типа:

«ССЫЛКА» — Это целевая ссылка. Например, https://yandex.ru/. Помимо обычного внешнего вида Эта ссылка может быть указанием на объект ВКонтакте: пост, страницу пользователя или группу. Например, после нажатия кнопки переход в Сообщество ВКонтакте можно указать как его адрес (https://vk.com/team) и указатель на него (Club22822305). В принципе разницы не будет.Внешние ссылки (те, которых нет на ресурсах ВК) мы рекомендуем вырезать через

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

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

Меню в публичном доступе? Проще простого!

Перечитайте еще раз Статьи: А теперь воспользуемся этими знаниями!

3 шага к красивому публичному меню!

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

Шаг № 1: Создайте внутреннюю страницу меню

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

Вариант 1: (Нормальный)

http: // vk.com / pages? Oid = Xxx & p =. Navigation_strant

, где xxx — идентификатор вашей публичной страницы,

и «Имя Савраиста» — любое слово на этой странице будет называться

Вариант 2: (облегченный, но)

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

Это меню вики-кода

Внимание! Если вы до сих пор не умеете создавать визуальные меню в контакте, повторяю, статья! Если все ок.Что у вас получится, как на подобной картинке:

А это готовая страница меню

Шаг 2: Создайте сообщение на стене

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

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

Итак, теперь мы должны удалить ссылку из «тела» поста (прикрепленная страница останется) и добавить к посту картинку , которая увидит подписчиков. Фишка в том, что если в одной записи есть ссылка и изображение, то при нажатии будет выполняться картинка по ссылке ! Все гениальное всего!
Картинка может частично или полностью повторять само меню, тут уж вам решать.Если вы заказываете публичное меню, то вам понадобится баннер, т.е. картинка, которая будет висеть в клипе. Вот что мы получаем при публикации поста:

Картинка повторяет меню и привлекает внимание посетителей к странице

Шаг № 3: Исправить сообщение

Наконец-то мы все готовы и вывешиваем пост с картинкой и ссылкой на стену! Теперь нам нужно перенести это в шапку группы, закрепить пост по главному, что-то сделать… Для этого нажимаем на дату / время поста (для каждого поста есть дата публикации), попадаем на внутреннюю страницу поста, листаем ее вниз и ищем кнопку «Исправить» «Смотреть в картинку, которую нужно найти:

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

vk.com/frilkacom

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

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

У меня все есть! Делитесь статьей с друзьями, добавляйте в избранное и следите за обновлениями блога, чтобы не пропустить новые интересные статьи!

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

Что такое разметка вики?

Как сделать групповое меню ВК? Разметка Wika — хороший помощник! Это очень эффективный и удобный способ создать группу в социальной сети «ВКонтакте».Эта разметка по принципу действия очень напоминает код hTML. Но для людей, не имеющих отношения к программированию, это будет более понятно за счет простоты реализации. Свое название Wiki-разметка получила благодаря Википедии, где многие пользователи впервые смогли ознакомиться с основными особенностями ее функционирования. Разметка Wika позволяет людям без знаний в области программирования быстро и легко составлять внешний вид Группы:

1. Создавать графические спойлеры и таблицы.
2. Форматирование текста и изображений.
3. Работа с якорами и ссылками.

Как сделать групповое меню ВК? Рекомендации так необходимы, но в целом это можно понять с помощью хорошего руководства. Если говорить о HTML, то для изучения и работы с ним нужно было сидеть несколько дней, а то и неделю. Разметка Wika с хорошей памятью требует совсем немного времени. Как его создать? Какие есть подходы? Итак, поговорим о технологиях, а кто это сделал? Разберемся, как сделать групповое меню ВК.Уорд Каннингем впервые ввел понятие «вики» (в переводе с гавайского означает «быстрый»).

Wikic Marking Methods

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

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

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

Работа с изображениями

Как сделать меню в группе в ВК, что было бы красиво? В социальной сети «Вконтакте» вставка фото или картинки с использованием вики-разметки предоставляется только в тех случаях, когда они загружены в фотоальбомы сайта. Итак, заходим в него, выбираем желаемое фото и копируем его адрес. Например, пусть это будет так: Photo12345_67890. Теперь надо разобрать его на дубль должен получиться такой результат: []. А что, если к тексту или ссылке нужно прикрепить фото или картинку? А может есть желание немного отредактировать внешний вид? Тогда в этом поможет следующее: необходимо, чтобы файл был такого типа — [[Photo12345_67890 | Опции | текст / ссылка]].Вместо последних трех слов подставляется то, что нужно. Текст — Пишем то, что нужно. В особых пояснениях вроде бы не надо. Ссылка с английского переводится как ссылка. Он указывается для того, чтобы машина пользователя знала, куда ей нужно идти. Параметры — здесь могут быть установлены следующие значения:

1. Обычный — Ссылка на изображение оформлена в виде текста, на ней нет изображения.
2. NOBORDER — рамка убрана возле фото.
3. Коробка — изображение открывается в окне.
4. NOLINK — Ссылка на фото убрана.
5. Nopadding — пробелы между изображениями не отображаются.
6. NNNXYYYPX или NNNPX — укажите размер картинки в пикселях. Первый вариант обеспечивает ширину и высоту. При желании можно «сжать» картинку. А второй вариант предусматривает редактирование ширины.

Как создавать таблицы с помощью вики-разметки?

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

1. (| — Так обозначено начало таблицы. Без него невозможно обойтись при создании данного элемента невозможно, это обязательный атрибут.
2. | — Используется для придания ячейкам эффекта прозрачности.
3. | + — Используя этот набор символов, имя таблицы вызывается в центре.Это не обязательный атрибут, но ставить его следует сразу после знаков, обозначающих начало.
4. | — — Так указывайте новые строки (в том числе для ячеек).
5. ! — Придает темный цвет. В случае эго необходимо использовать знак из пункта № 2.
6. |) — набор знаков, обозначающих конец таблицы. Это необязательный атрибут. Но все же рекомендуется использовать его, чтобы не допустить ошибки.

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

Создание группового меню в социальной сети «ВКонтакте» с использованием вики-разметки: Пример реализации

Здесь будут использоваться параметры NOBORDER и NOLINK. Они уберут рамку картинки и ссылку. Также изображения будут изменены в размере, а вторая строка ячеек будет иметь темную заливку из-за использования атрибута !.А вот и сам пример:

{|
| —
|

«‘Новое в науке»‘ ||
| —
! [] !!
| —
|
[[Новости науки | Новости]]

[[Открытия]]

|

[[Конференция]]

[[Разработка]]

[[Книги]]

[[Симпозиумы]]

|

Разделы:

[[Медицина | 1]] | [[Физика | 2]] | [[Математика | 3]] | [[Экономика | 4]]

[Химия | 5]] | [[Биология | 6]] | [[Программирование | 7]] | [[Электрооборудование | 8]]

| —
|}

Как видите, ответ на вопрос: «Как сделать меню в группе в ВК?» Очень просто.

Важность вики-разметки в продвижении вашего проекта

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

Заключение

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

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

Опросы для VC 2.0 — позволяют голосовать и собирать мнения в новом формате: добавление уникального фона путем указания времени опроса, что позволяет выбрать один или несколько вариантов ответа.Также осталось сделать опрос публичным или анонимным.

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

Как провести опрос в группе ВК

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

Добавить цветной фон или рисунок

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

Чтобы загрузить картинку, нужно нажать плюс в самом конце карусели и выбрать картинку из альбома сообщества, либо скачать с компьютера. Вы можете использовать изображения размером не менее 510 × 200 пикселей в формате JPG, GIF или PNG.

Анонимно или публично

Под настройками фона находятся настройки опроса. Здесь вы можете выбрать анонимный или публичный.

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

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

Выбор вариантов множественного ответа

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

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

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

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

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

Затем создайте и разместите опрос, как описано выше.

Можно ли сделать обзор истории ВК

Как таковых функций опроса по рассказам ВКонтакте, пока нет. Но есть две возможные альтернативы:

Результаты опроса

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

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

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

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

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

• Документ;
• Записка;
• Карта;
• Граффити;
• Изделие;
• Интервью;
• Таймер.

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

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

Затем нажмите «Отправить». Созданный опрос появится на вашей странице.

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

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

Здравствуйте!

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

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

Кнопка создания скрыта под надписью «Еще» на панели инструментов. Наведите курсор на надпись и во всплывающем меню выберите «Опрос».

Теперь перед вами шаблон с полями для вопросов, вариантами ответов, а также вариантами настройки и фонами для дизайна.

В графе «Тема» укажите вопрос, по которому проводится голосование. Вы можете набирать текст неограниченное количество символов, но учтите, что в заголовке будет отображаться не более 93 символов. Все, что не подошло к заголовку, автоматически переносится в текст поста.

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

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

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

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

Вы можете использовать картинки, рисунки, фотографии, узоры, цветовые заливки и любые другие изображения в формате JPEG, GIF или PNG, размер которых превышает 510 x 200 пикселей.

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

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

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

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

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

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

Как создавать с телефона

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

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

В мобильной версии сайта также необходимо перейти в поле создания нового поста, нажав на надпись «Что нового?» В следующем окне нажмите на клип и выберите «Обзор». Заполните поля «Тема» и «Варианты ответа», выберите стиль оформления и необходимые параметры настройки, а затем нажмите на галочку в верхнем углу для публикации — все точно как в мобильном приложении.

Создание опроса в группе и добавление его в обсуждение

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

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

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

Обязательно заполните шапку и текст обсуждения, иначе вы не сможете его опубликовать. Когда все будет готово, нажмите кнопку «Создать тему».

В обсуждении отсутствуют инструменты для оформления анкеты.

Созданное обсуждение можно закрепить вверху главной страницы группы.Для этого наведите курсор на многоточие вверху уже опубликованной записи и выберите «Главная».

Статистика голосов

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

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

Заключение

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

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

Как создать опрос ВКонтакте в группе? Часто пользователи задают аналогичный вопрос. Давайте вместе разберемся в этой процедуре. В рамках статьи вы узнаете обо всех этапах голосования.

1. Создан приятный интерфейс.
2. Можно быстро разобраться в особенностях взаимодействия с сайтом.
3. Это максимально просто для пользователей.
4. Вы можете быстро перемещаться между элементами.
5. Можно общаться с пользователями.
6. Вы можете заводить друзей на одной платформе.
7. Вышло удобное приложение для смартфона.
8. Программа позволяет комфортно пользоваться ВК вне дома.

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

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

Как создать опрос в контакте в группе на стене?

Как сделать опрос в ВК в группе? Эта процедура довольно проста и займет у вас немного времени. Пользователю нужно:

1. Зайдите в сообщество.
2. Откройте элемент, чтобы создать запись.
3. Щелкните «еще».
4. Среди предложенных вариантов выбрать «Опрос».
5. В поле «Тема» указывается вопрос.
6. Также введите варианты ответа, вы можете добавить их с помощью специальной кнопки.
7. После формирования нажмите кнопку опубликовать на стене.

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

Как сделать опрос в ВК в группе с фото

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

Как добавить варианты ответа?

1. Открытая форма.
2. Щелкните «Добавить вариант».
3. Создайте необходимое количество полей и приступайте к их заполнению.

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

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

Список преимуществ программы:

• Работает стабильно.
• Есть версии для разных операционных систем.
• Есть возможность получить быстрый доступ к социальной сети.
• Приложение очень удобно в использовании.
• Доступен для загрузки в официальном магазине.
• Программа предоставляет широкий набор функций.
• Приложение не требует значительных ресурсов.
• Быстро получены уведомления.
• Можно быстро отвечать друзьям и комфортно общаться.
• Можно музыку слушать.
• Управляйте сообществом в программе.

Интересует как создать опрос в ВК в группе с телефона? Процедура очень проста:

1. Откройте страницу сообщества.
2. Щелкните кнопку, чтобы создать запись.
3. Просмотрите список предлагаемых инструментов.
4. Щелкните значок зажима.
5. Выберите пункт «Опрос».
6. Укажите тему и варианты ответа.
7. Вы можете оставить опцию анонимности или отключить ее.
8. Установите флажок.

О создании голосов

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

Даем вам несколько полезных советов по голосованию:

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

1 голос

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

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

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

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

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

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

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

Техническая часть

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

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

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

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

Наведите указатель мыши на «Другое».

Выйти из дополнительного меню. В этом списке выберите «Обзор».

Теперь вы можете написать свой вопрос.

Теперь вам нужно добавить варианты ответов. Если графика недостаточно, просто нажмите «Добавить параметр» и тем самым увеличьте количество полей хотя бы до бесконечности, хотя я бы не рекомендовал вам это делать. Причина снова та же — стремление к лаконичности.

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

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

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

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

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

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

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

Инструкции

Сначала находим подходящую тему. Далее, чтобы изменить фон «ВКонтакте», а также сделать свою страницу необычной, скопируйте в буфер текст таблицы, которая относится к выбранному вами элементу оформления.Такой код можно найти либо в окне темы, либо в комментарии к ней. Откройте приложение «Блокнот», вставьте скопированный текст. Затем вызовите меню «Файл», выберите функцию «Сохранить как». Введите произвольное имя файла, изменив расширение на «.css». Мы экономим. На следующем этапе браузер Internet Explorer поможет нам установить фон для ВКонтакте. Запустите приложение. Откройте меню «Инструменты», выберите функцию «Свойства обозревателя», там есть вкладка «Общие» и, наконец, раздел «Внешний вид».Поставьте галочку напротив пункта, отвечающего за активацию пользовательского стиля. Нажмите кнопку «Обзор», откройте файл, который был сохранен ранее. Нажмите кнопку «ОК». Перезагрузите браузер и зайдите в соцсеть. Это все. Теперь вы знаете один из способов, как «ВКонтакте» сделать фон более оригинальным, и при этом придать индивидуальности и другим сайтам.

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

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

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

Работа непосредственно с фоном

К более сложным можно отнести следующие способы настройки. Для начала следует отметить, что атрибут background управляет фоном. Чтобы равномерно заполнить всю страницу выбранным цветом, используется специальный тег стиля: «body style =» с соответствующим номером.Например, если вы введете «000000», вы получите черный фон.

Графика

Используя ссылку «body style», вы можете настроить дублирование изображения. Адрес указывается как внутренняя или внешняя ссылка. Помните, что при использовании этого метода важно следить за тем, чтобы стыки между изображениями не были видны, иначе страница может выглядеть неаккуратно. Доступен контроль повторения рисунка. Соответствующий параметр — это параметр повторения фона. Расположить рисунок в нужной части страницы помогает позиционирование.В этом случае координаты задаются с помощью процента (например, 50 или 75%), сантиметров, соотношения сторон пикселя и словесной формы. Свойство background-attachment указывает способ прокрутки изображений: вместе со страницей или нет.

Главное фото

Вот мы и разобрались, как «ВКонтакте» делают фон, но для того, чтобы добавить своей странице еще большей индивидуальности, вы можете, например, установить необычную длину аватара. Следует отметить, что максимальный размер фотографии, которую можно использовать для этой цели, составляет 200×500 пикселей.Если вы попытаетесь загрузить картинку большего размера, она будет вписана пропорционально указанным рамкам. Будем работать с аватаркой в ​​Adobe Photoshop. Откройте приложение. Установите желаемую ширину и высоту (200×500 пикселей). Разрешение выставлено побольше, а индикатор цветового режима не имеет значения для нашей задачи, по умолчанию можно оставить 8 бит. Для аватара также важен фон. Начнем с этого. Вы можете заполнить его цветом, используя инструмент «Заливка», расположенный слева на панели, или вы можете использовать инструмент «Градиент».В качестве фона можно использовать картинку. Чтобы он не искажался при наборе текста, нажмите Ctrl и потяните за угол, уменьшая или увеличивая изображение до нужного размера.

MainStage Vintage B3 Roland VK — режим Korg CX

В таблице показаны назначения MIDI-контроллеров, когда режим MIDI установлен на Roland VK или Korg CX. Выберите любую настройку, если вы используете тяговый орган Roland VK или Korg CX-3 в качестве пульта дистанционного управления для Vintage B3.

1

00 71 5 1/3 ‘

28

9000 9000 тяговая штанга 77 9000 1/3 ‘

98011

Искажение

11

11

11 112

917 95

9182

00

00

00

11811

9182 9182 9182 9182 918

Создайте обложку для контактной группы.Обложка группы ВКонтакте — эффективный инструмент привлечения клиентов

Группы Вконтакте теперь не самые ленивые. Но создать группу и правильно ее сформировать — это другое дело.

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

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

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

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

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

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

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

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

Если вы сами понимаете, как сделать обложку в ВК в группе, вы можете обнаружить, что сам сайт предлагает пользователям ответить на этот вопрос. Идеальный размер изображения для обложки — 1590 × 400 пикселей, формат — JPG, GIF или PNG.

Осталось сделать дизайн. Для этого вы можете использовать графические редакторы, такие как Photoshop или CorelDRAW, или вы можете использовать возможности более простых онлайн-сервисов изображений.

Один из самых популярных и интуитивно понятных онлайн-редакторов картинок и фотографий — www.canva.com. С ним будет несложно понять, как сделать горизонтальную обложку в группе ВК.

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

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

Попробуйте свои силы в 10-дневной деловой игре «Ваш старт», , в которой вы начнете зарабатывать деньги на своем бизнесе, используя свои таланты и сильные стороны!

В нем мы постарались собрать наиболее эффективные сервисы, поэтому используйте и интегрируйте их в свои бизнес-процессы.

Оставайтесь на связи!

Если вы не готовы заказывать создание обложки для группы ВКонтакте у дизайнера, то можете попробовать нарисовать ее самостоятельно. Если вы дружите с Photoshop, Avatan или Kanva например, то проблем не будет. Вам нужно знать требования к размеру и формату изображения, а затем — ваше творчество. В этой статье подробно рассказывается, как сделать обложку для группы ВКонтакте в бесплатном онлайн-редакторе Avatan, а также даны рекомендации по работе с Photoshop онлайн и онлайн-редактором Canva.

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

Как сделать обложку для группы ВКонтакте онлайн

Если у вас на компьютере нет фотошопа или другой подобной программы, воспользуйтесь онлайн-сервисами для создания обложки для группы ВКонтакте. Подойдут такие онлайн-фоторедакторы, как Avatan, Canva, Photoshop online и некоторые другие.Основное требование к графическому редактору:

• возможность создания макетов определенного размера,
• вставить текст на изображение
• использовать несколько фотографий или изображений в одном макете,
• сохранить в jpeg, png.

Если эти операции выполнимы, то прикрыть не составит труда.

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

Логотип

в формате * png,

картинка для фона (можно скачать с яндекса или любое стоковое изображение),

текст, который вы хотите видеть в шапке Вконтакте.

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

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

Загрузить фоновое фото

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

Загружено фон:

Установить размер макета 1590 на 400 пикселей

Размер загруженного мной изображения отличается. Для того, чтобы получил правильный размер , перейдите к кнопке слева «Обрезать» и введите данные, а именно: ширину 1590 пикселей и высоту 400 пикселей. Подтвердите, нажав «Применить».

Вставьте желаемый текст

Добавить логотип группы

Добавьте свой логотип со своего компьютера.Это делается на вкладке «Стикеры» с помощью команды «Пользовательский стикер». Желательно, чтобы логотип был в формате * png, то есть с прозрачным фоном, чтобы он не перекрывал основной цвет макета.

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

Сохранить результат в компьютер

Сохраните макет в формате * jpeg или * png и вставьте в свою группу.

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

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

ВКонтакте обложка для группы и фотошоп онлайн

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

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

Холст для создания обложки группы ВКонтакте

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

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

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

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

Пример моей шляпы, созданной в Canva (я не дизайнер, но у меня получилось неплохо).

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

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

Затем во вкладке «Основная информация» нажмите «Загрузить». Далее настройте отображение заголовка, как будет указано.

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

Скачать статью в pdf

На моем сайте отключено копирование текста, поэтому если вам нужна полная статья, то вы можете купить МК с записью в формате * pdf и наслаждаться ею на своем компьютере.

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

Любая работа должна быть оплачена. Спасибо за понимание!

Группы Вконтакте теперь не самые ленивые. Но создать группу и правильно ее сформировать — это другое дело.

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

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

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

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

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

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

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

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

Если вы сами понимаете, как сделать обложку в ВК в группе, вы можете обнаружить, что сам сайт предлагает пользователям ответить на этот вопрос. Идеальный размер изображения для обложки — 1590 × 400 пикселей, формат — JPG, GIF или PNG.

Осталось сделать дизайн. Для этого вы можете использовать графические редакторы, такие как Photoshop или CorelDRAW, или вы можете использовать возможности более простых онлайн-сервисов изображений.

Один из самых популярных и интуитивно понятных онлайн-редакторов картинок и фотографий — www.canva.com. С ним будет несложно понять, как сделать горизонтальную обложку в группе ВК.

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

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

, в котором вы начнете зарабатывать на своем бизнесе, используя свои таланты и сильные стороны!

В нем мы постарались собрать наиболее эффективные сервисы, поэтому используйте и интегрируйте их в свои бизнес-процессы.

Оставайтесь на связи!

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

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

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

Он показал пример изображения из своего блога.
Это кстати новая функция контакта).
Вообще как сказать все новое, давно забытое старое.
Это я к тому, что такая тема в Твиттере.
По мне смотрится достойно.
Да, в этой соцсети много обновлений …
Хотя сначала многие критиковали новый дизайн, в том числе
Мы пытались поменять дизайн на старый), но поначалу это было недостаточно комфортно.
У меня даже была статья по этому поводу).
Сначала все работало, теперь ребята, на старую не перейти.
Хотя уже есть много разных плагинов и расширений, которые люди сделали.
Правда, как старый ВК, не будет смотреться, можно только так сделать.
Но! Друзья, по многим новинкам снимаю шляпу перед админами ВК! Друзья, от слов к делу.
Вы наверняка хотите узнать, как сделать обложку для группы ВК?
Если я расскажу, как это сделать, у вас уйдет много времени).
Для начала нужно выбрать изображение.
Советую зайти сюда
Пройдите по ссылке.

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

Размеры обложки для группы ВКонтакте
Рекомендуемый размер: 1590 × 400.
Минимальный размер: 795 × 200
Нажмите на размер. Далее устанавливаем размеры: 1500 × 400
Как и на скриншоте ниже:

После выбора возникает логичный вопрос, как поставить обложку на группу ВК?
Свяжитесь с вашим сообществом.
Первым делом поставьте аватарку, если у вас ее еще нет!
Так как обложка в аве не показывается, у вас будет такая ерунда).

Далее.
Нажмите 3 точки, в открывшейся вкладке выбираете: «Управление сообществом»

Затем в открывшемся окне «Загрузить»

После выбора и загрузки поверните изображение как хотите).

Это можно закончить … но!
Помните, в начале этой статьи я вам обещал классный паблик, несколько вариантов?)
Посмотрите, а как еще можно устроить.

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

Новые контактные микросхемы

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

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

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

Еще советую сделать меню в паблике.

Проводите регулярные конкурсы.
Существенно помогает, в виде лайков и репостов.
Зачем это нужно?
Видите ли, сейчас групп по какой-то теме есть вал.
Если у вас миллион человек, вам будет проще.
Ну, а если нет, то зачем пользователю проводить с вами время?
Стадный инстинкт никто не отменял).
Где подписчиков больше, там и народ.
Винт больше не работает).
Раньше можно было, теперь хоть чуть-чуть).
В общем, правильно начинать изначально, оценивать конкуренцию.
У меня есть статья на эту тему.

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

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

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

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

Текущие размеры картинок ВКонтакте

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

А теперь давайте подробнее рассмотрим каждый предмет.

ВК аватар размер

Минимальный размер аватара — 200 на 200 пикселей. Если вы попытаетесь загрузить изображение размером менее 200 пикселей в ширину или в длину, вы увидите эту ошибку:

Максимальный размер аватара — 200 на 500 пикселей. Но, в принципе, можно загружать изображения и большего размера — до 7000 пикселей с каждой стороны.Главное, чтобы соотношение их сторон не превышало 2: 5.

Покажу пример.

У меня есть образ. Его размер составляет 200 на 800 пикселей (соотношение 2 к 8). При загрузке ошибок не возникает. Однако я все еще не могу использовать это изображение, поскольку «Контакт» не позволяет мне выделить его полностью.

Крышка

Размер обложки для полной версии сайта 1590 на 400 пикселей.

Обратите внимание: в мобильной версии и приложениях отображается не полная версия обложки, а только ее часть размером 1196 на 400 пикселей.Посмотрите, как это закреплено в приложении на мобильном телефоне:

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

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

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

Звучит немного запутанно 🙂 Поэтому покажу на примере.

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

Так выглядит горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):

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

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

Изображения для постов со ссылкой

Все эти данные взяты из кода разметки Open Graph:

Если Open Graph не зарегистрирован, заголовок берется из метатега Title, а изображение берется из статьи.При этом его можно легко изменить — или выбрать другое изображение из статьи с помощью специальных стрелок:

Или загрузите свой:

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

Картинка к статье, созданной в редакторе

Размер изображения обложки статьи, созданной в редакторе, составляет 510 на 286 пикселей.Лучше, если она будет темной окраски и более-менее однообразной, так как название статьи и сообщества теряется на светлом фоне.

Хороший пример:

Не очень хороший пример:

Размер фото и видео для рассказов

Размер фотографий 1080 на 1920 пикселей. Размер видео — 720 на 1280 пикселей.

Технические характеристики видеозаписи:

• до 15 секунд;
• не более 5 МБ;
• ч.264 кодек;
• звук AAC.

В рассказах необходимо использовать фото и видео вертикального формата.

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

Размер обложки фотоальбома

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

1280 на 720 пикселей.

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

Ширина области содержимого вики-страницы составляет 607 пикселей. Если вы загрузите изображение большего размера, оно автоматически загрузится шириной 400 пикселей. Пример: у меня есть изображение размером 1366 на 768 пикселей. Если я добавлю его на вики-страницу, я получу следующее:

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

О том, как работать с вики-страницами, я подробно расскажу чуть ниже. Поэтому на этом мы не будем останавливаться.

Как сделать так, чтобы изображение «ВКонтакте» не сжималось? Влияние фона и размера на качество изображения.

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

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

Чтобы изображение не было сжатым (точнее сжатым, но в гораздо меньшей степени), необходимо сделать его в 2–3 раза больше требуемого размера.Например, если нам нужно сделать аватар размером 200 на 500 пикселей, сделайте снимок размером 400 на 1000 пикселей. Если хотите сделать меню размером 510 на 400 пикселей, берите — 1020 на 800.

Изображение на темно-синем фоне, которое я перенес немного выше, имеет размер 510 на 350. Я сделал его вдвое больше (1020 на 700) и сохранил. Вот что из этого вышло:

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

Как сделать шапку страницы

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

Крышка

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

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

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

Примеры динамических крышек:

Обложка + описание сообщества + ссылка на сайт

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

Описание с хештегами

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

Пристыкованный пост, рассказывающий, о чем эта страница

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

Но что видит пользователь после перехода по ссылке:

Групповое меню открыто

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

Вот как выглядит контактный пост в заголовке страницы Flatro:

Групповое меню закрыто

Закрытое меню — это тот же пост вики, что и в предыдущем абзаце, только изображения с пунктами меню нет в объявлении.Обычно на нем пишут: «Меню», «Меню навигации» или «Навигация по общедоступным материалам».

Но что мы видим, когда нажимаем на него:

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

Скользящее меню для группы

Объединенное меню — это когда изображение в анонсе вашего меню составляет одно изображение с аватаром.Ниже я подробно объясню, как сделать такое меню, а пока просто посмотрите, как красиво оно выглядит.

Гифка и аватар одно изображение

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

Кстати, я заметил этот пример в группе SMM-маркетолога Сергея Шмакова. Так что спасибо ему за находку 🙂

Скрытое меню

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

Видео с автоматическим воспроизведением

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

Как добавить это видео в шапку своей страницы?

Для этого необходимо выполнить три условия:

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

Запись, получившая много репостов

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

Анонсы новых клипов, альбомов, событий

Презентация новых товаров / услуг

Скидки и акции

Корпуса, отзывы покупателей

Рекламное приложение

Розыгрыши

Правила сообщества

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

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

Какой должна быть аватарка

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

Миниатюра аватара

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

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

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

Какую информацию можно разместить на миниатюрном аватаре

Несмотря на то, что миниатюра аватара имеет очень маленький размер, ее можно (и нужно) использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Рассмотрим несколько вариантов:

Объявление о новом продукте / услуге / событии

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

Телефон компании

Выгодные цены

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

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

Акции

Конкурсы

Вакансий

Каким должен быть сам аватар?

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

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

Другой вариант — разделить аватар на две части. Один предназначен для миниатюры, а второй — для остальной части аватара.

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

Какую информацию можно разместить на аватаре?

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

Домен сайта

Телефон / Адрес / Время работы

Конкурсы / Акции

Лучшие продукты / новинки

информация о доставке

Реклама в мобильных приложениях

Основные преимущества компании / страницы / товара и др.

Обновление ассортимента / новое творчество и др.

Информация о том, что ваше сообщество является официальным

Информация о ближайших мероприятиях

Адреса аккаунтов в других социальных сетях

Расширенное описание страницы

Hvast

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

Как создать цельный аватар и меню

Для того, чтобы сделать аватар и меню единообразными, вам понадобится программа Adobe Photoshop или ее аналог. Я объясню весь процесс на примере «Фотошопа». Итак, начнем.

1. Скачайте шаблон для Photoshop, который я специально подготовил для этой статьи. В нормальном размере (меню — 510 пикселей по ширине, аватар — 200) или в увеличенном (меню — 1020 пикселей по ширине, аватар — 400).
2. Откройте изображение, которое хотите взять за основу.
3. Скопируйте его, вставьте в шаблон и поместите так, как хотите вырезать.

1. Добавить эффекты, текст, графику и т. Д.

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

1. Выберите инструмент «Макет» и нажмите кнопку «Фрагменты по направляющим».

1. Удалите ненужные фрагменты (щелкните правой кнопкой мыши — «Удалить фрагмент») и отредактируйте существующие (щелкните правой кнопкой мыши — щелкните пустое место — возьмите желаемую область и растяните ее до желаемого размера).

1. Перейдите в раздел «Файл» и выберите команду «Сохранить для Интернета».

1. Перейдите в то место, где вы сохранили изображения (рабочий стол или какую-то конкретную директорию), и найдите там папку под названием «Изображения».Здесь будут ваши изображения. Теперь осталось только загрузить их на страницу.

П.С. Высота аватара может быть изменена на ваше усмотрение. Я взял максимальный размер — 500 пикселей, но у вас это значение может быть меньше. Например, как на странице разметки вики:

Как использовать виджеты

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

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

Как делать изображения для постов

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

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

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

У нас есть хорошая запись в блоге по этой теме — «». Все они бесплатны, но для некоторых требуется регистрация. Если вы не нашли для себя ничего подходящего, попробуйте поискать по ключевому слову + обои (или, если на английском, обои). Обычно по такому запросу выходят качественные изображения. Но здесь нужно быть внимательным и проверять тип лицензии, иначе при серьезном бизнесе можно нарваться на неприятности.

А что делать тем, кто не умеет работать в фотошопе?

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

1.Fotor.com

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

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

После этого меняем текст, шрифт, размер шрифта, положение метки и т.д.

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

2. Canva.com

Еще один сервис, который поможет красиво нарисовать свой образ. Он работает по тому же принципу, что и предыдущий. Зарегистрируйтесь в сервисе (вы можете использовать свою учетную запись Google+ или электронную почту).

Выбираем сферу деятельности. Шаг, на котором вас просят пригласить друзей, пропускается. Попадаем в главное меню, где выбираем пост в Facebook, если нам нужна прямоугольная фотография, или пост в Instagram — если он квадратный.

Выбираем шаблон (если в шаблоне помечено «БЕСПЛАТНО», значит он бесплатный), меняем текст.

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

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

В последнее время ВКонтакте можно использовать для создания статей в специальном редакторе. Для создания статьи необходимо нажать на букву «Т»:

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

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

Разметка

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

Так же, как WordPress (или любая другая CMS) имеет редактор HTML, с помощью которого вы создаете статьи, «Контакт» имеет собственный редактор для создания и редактирования вики-страниц. Выглядит это так:

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

.