Создание фона для меню группы ВКонтакте – практические рекомендации и советы
Красиво оформленная группа ВКонтакте – это неочевидный, но очень важный показатель статусности компании, повышающий доверие пользователей. Эта социальная сеть предлагает не так много вариантов персонификации группы или сообщества: аватар, меню, обложка, брендированные изображения – пожалуй, на этом все. Безусловно, работать над всеми этими пунктами стоит вместе, и начать мы предлагаем именно с меню, как с самого сложного в оформлении элемента.
Чтобы ваше меню ВКонтакте получилось не только функциональным и удобным, но и внешне привлекательным, для его создания используйте фотоизображения или, говоря специальным термином, фон. Конечно, идеальным решением является использование в качестве фона для меню группы ВКонтакте элементов фирменного стиля из бренд-бука: логотипа, шрифтов, цветовой гаммы и даже корпоративного героя — при его наличии. Ведь ваша группа ВКонтакте – это еще один канал взаимодействия с вашими потребителями, поэтому ее внешний вид и содержание должны соответствовать общей маркетинговой политике компании. Если же по каким-то причинам у вас отсутствует фирменный стиль, то выбирайте любые качественные изображения (например, из фотобанков), отображающие суть группы и продукта.
Как сделать фон для меню ВКонтакте
Чтобы сделать фон для меню группы ВКонтакте своими руками, вам потребуется обладать хотя бы минимальными навыками работы в графических программах, а также уметь работать с вики-разметкой. И, конечно, результат работы зависит от вашей креативности!
Несколько практических рекомендаций:
И еще несколько советов, которые помогут сделать фон для меню ВКонтакте красивым и качественным:
- Используйте изображения с высоким разрешением;
- Применяйте элементы фирменного стиля;
- Избегайте изображений со множеством рисунков и элементов, помните, что акцент должен быть на тексте кнопок;
- Нарисуйте крупную кнопку «открыть меню»;
- Совмещайте аватар с фоном;
- Избегайте перегруженности фона.
Помните, что встречают по одежке, и меню — первое, что видит пользователь, зашедший в вашу группу, поэтому его стильное и аккуратное исполнение — первый шаг на пути к приобретению новых подписчиков. Читайте продолжение статьи как сделать меню ВКонтакте в фотошопе, подключайте свою фантазию, и у вас все получится!
Оформление сообществ
Ваше «лицо» в сети узнаваемо
Визуальные образы работают на укрепление доверия
Ваши посты и объявления выделяются в ленте пользователя
Подробная инструкция по оформлению фона в видео:
Также для создания меню вы можете воспользоваться специальными онлайн-сервисами, в этом случае вам не понадобится опыт работы в Фотошопе и знание вики-разметки.
Видео на тему:
- https://www.youtube.com/watch?v=dGuhK79xxYs
- https://www.youtube.com/watch?v=PE2tfFgXcpc&spfreload=10
- https://www.youtube.com/watch?v=Sw8msnr8kTU
Мы также пишем отличные материалы в других соц. сетях, подписывайся!
Меню группы ВКонтакте
Меню и аватар это лицо группы ВКонтакте. Плохо оформленная группа не вызывает доверия. Потратьте полчаса своего времени на красивое оформление группы и вскоре вы увидите положительный результат.
Я уже писала в одной из прошлых статей как бесплатно раскрутить группу вконтакте. Но прежде чем приступить к раскрутке группы, нужно привести её в порядок сделать красивое меню.
Как сделать красивое меню для группы вконтакте своими руками.
Меню группы должно сочетаться с аватаром по стилю и оформлению, поэтому их лучше делать одновременно. В прикрепленном шаблоне вы увидите заготовку для оформления меню и аватара группы вконтакте. В разных слоях есть 2 варианта меню:
— закрепленное, которое видно всё время
— Скрытое, не закрывает информацию о группе, но открывается по нажатию
Я буду делать скрытое меню, тк не хочу закрывать основную информацию о фирме.
Для того, чтобы это меню встало правильно, нужно заполнить все строки информации и описание должно состоять из 7 строк.
Картинки для меню и шаблоны кнопок можно найти в поисковике. Я использую для этого гугл поиск по картинкам. Запрашивайте «шаблон синих кнопок» или «синий фон с цветочками»
Приступаем к созданию меню для группы вконтакте.
Откройте файл шаблона с расширением psd. Отключите ненужные слои. Слой с шаблоном всегда должен быть наверху.
Загрузите выбранную картинку для фона. Расположите так, чтобы не оставалось пустых мест. Нарисуйте кнопки или вставьте уже готовые. Подпишите всю необходимую информацию.
На аватаре обязательно напишите название группы или организации и контактные данные. Учтите, что на превью будет видно только квадрат от всего аватара, поэтому постарайтесь вместить логотип и название в квадратную зону.
Когда визуально меню и аватар будут готовы, сохранием документ с расширением psd.
Переходим к нарезке меню.
Используя инструмент crop tool выделяем область аватара ровно по границам. Нажимаем Enter, чтобы изменения вступили в силу. Отключаем слой с маской меню.
Сохраняем новый документ с расширением jpq ( файл/сохранить как). Картинка для аватара готова.
Затем возвращаемся в документ и на вкладке History ( история) возвращаемся к действию перед командой crop. Таким образом отменится обрезка и документ обретёт первоначальный вид.
Снова используем crop tool , чтобы вырезать меню. Так же сохраняем меню отдельным файлом меню.jpq.
Устанавливаем аватар и меню в группу Вконтакте
Чтобы загрузить аватар в группу, нужно навести курсор на аватар группы и нажать «загрузить новую фотографию». Далее следуйте инструкции.
Чтобы загрузить всплывающее меню по клику нужно нажать кнопку «Редактировать». Появится диалоговое окно, в котором указываем путь к картинке на вашем компьютере и жмем «Сохранить страницу».
Теперь меню и аватар для группы загружены. Смотрим всё ли правильно встало и надо ли где-то подкорректировать.
Вы видите, что меню группы еще не активно.
Делаем интерактивное меню с помощью wiki разметки.
Открываем файл меню.jpg в фотошопе и нарезаем его на фрагменты. Для этого используем инструмент Slice tool ( он спрятан во всплывающем меню кнопки crop tool)
Проведите линии на рисунке между кнопок. Смотрите, чтобы все области были активны (отмечены синим)
После этого нажимаем кнопку Файл/сохранить для Web. В появившемся окне нажимаем «сохранить». В указанном месте появится папка которая содержит несколько фрагментов меню ( в моём случае 3)
Загружаем разрезанное меню в группу ВКонтакте, предварительно удалив старое меню.
Вы видите, что между изображениями есть расстояние и это не красиво выглядит. Устранить это расстояние можно в режиме wiki разметки (кнопка 2)
Так выглядит меню в режиме wiki разметки. Во второй и третьей строчке показано, как выглядело до редактирования.
В первой строчке уже дописаны необходимые параметры:
1. noborder — убирает границы
2. nopadding — убирает отступы между изображениями.
3. ссылка
В итоге каждое изображение приобретает вид:
[[ссылка на изображение|размер;noborder;nopadding|ссылка на сайт]]
Нажимаем кнопку сохранить.
Переходим на страницу группы и любуемся новым меню.
В скором времени я расскажу как сделать закреплённое меню.
При нажатии на которое будет появляться окошко с большим меню.
Интересующие вопросы можете задавать в комментариях.
Бесплатно скачать шаблон для создания меню можно с яндекс диска
Как сделать фон в группе в контакте. Как сделать меню для группы ВК в новом дизайне. Меню группы открытое
Всем привет, дорогие читатели блог сайт . Я продолжаю свою тему про — на самом деле, тут не все так сложно, как кажется, да и изучать тут особо нечего. Ваш профессионализм полностью зависит от практики. Ну да ладно, сегодня мы с вами поговорим о красоте ваших групп, о красоте меню в ваших группах и о том, как меню и сами группы красиво оформить причем своими руками, т.е. бесплатно!
К слову о простоте smm индустрии — даже в есть больше всяких ответвлений и фишечек, которые нужно знать в теории чтобы добиться результата. Ну да ладно, я также допускаю тот факт что я еще, возможно, слишком слаб в этих сферах, хотя и имею в обоих своих клиентов.
НУ что же, поехали составлять оформлять меню для групп вконтакте?
Как оформить меню в группе вконтакте самостоятельно
Да, именно самостоятельно, ведь после прочтения данной статьи, вам не понадобятся услуги фрилансеров. Хотя это дело не дорогое, за 1500 вам смогут сделать сделать меню на workzila (подробный опыт о работе с этой биржей я писал ).
Так вот, что нам потребуется для оформления группы в вк:
1.
Макет (графическое расположение элементов) — мы ведь должны знать где что должно находиться.
2.
Базовые знания wiki-разметки. (о самых самых стандартных вещах мы поговорим чуть ниже, а для подробного изучения — рекомендую эту группу ).
3.
Базовые навыки работы с фотошопом. Нужно будет вырезать куски макета нужного размера.
Где брать макеты для меню?
Макеты для оформления меню вконтакте можно брать разными способами, например:
1.
На фрилансе или томже Workzilla.
2.
Можно создать самому, если у вас есть навыки работы с фотошопом. Если нет — рекомендую курсы Евгения Попова , вот один из них, как раз по Фотошопу — кликай .
3.
Можно загуглить и скачать уже готовые. Поверьте, таких не мало.
Ну с другой стороны… Зачем гуглить? Просто подпишитесь на обновления моего сайта. И покликайте по кнопкам соц сетей ниже.
Я специально для вас подготовил архив, в котором более 100 различных вариантов дизайнов для оформления групп вконтакте!
. В распакованном виде архив занимает около 2.5 гигабайт.
Главное условия — быть подписчиком и пройтись по соц кнопкам.!
Спасибо. Теперь вы можете скачать архив по этой ссылке .
Не забудьте пройтись по остальным соц кнопкам.
Размеры аватаров и меню, которые пригодятся для оформления групп вк
Для того чтобы правильно оформить группу или паблик — нужно знать о размерах картинок, которые нужно использовать. Вот прошу обратить внимание на эту картинку.
Как видите, в группе для аватарки нужен размер 200 в ширину и 500 пикселей в высоту. А для картинки основного меню — 395 пикселей ширины и 289 пикселей высоты.
Вот, в принципе и все что нужно. Есть макеты, есть понимание размеров.
Творческая часть закончилась — осталось дело за малым. Начинаем техническую часть всего процесса создания меню для групп.
Как самостоятельно оформить группу вконтакте, имея макеты на руках
Итак, у нас есть макеты дизайна группы. Сейчас нужно вырезать нужные части.
Для аватара группы, конечно ничего не нужно. Вырезаем нужную часть из макета или картинки — и вставили в группу. Думаю, вставить вы уже и сами сможете? Ну, я на это надеюсь. Если нет — пишите комментарии, я добавлю этот раздел в статью.
Теперь меню, его нужно вырезать. Не само меню конечно, но каждую часть для меню (кнопки) точно нужно повырезать.
Сначала немного ликбеза.
Чем отличается меню группы от меню паблика?
Отличаются они тем, что меню группы — это уже и есть по сути набор кнопок. Но это меню всегда скрыто! Всегда! А меню паблика — всегда открыто и по сути — это закрепленный пост-ссылка, ведущий на страницу с разделами самого меню (кнопками).
Итак, еще раз: в группе — чтобы увидеть меню, нужно нажать на кнопку «Меню группы» , по-умолчанию эта кнопка называется «Свежие новости».
А в паблике (в группе, кстати, тоже можно) — меню — всегда открыто.
Но эта картинка — это одна большая и красивая ссылка, которая ведет на более крупной отдельное меню. Вот:
Эта картинка-кнопка на меню создается через закрепленный пост. Это просто пост в группе, который мы закрепляем навсегда! Этот пост-ссылка ведет на отдельную страницу, которую мы нежно, предварительно создадим.
Как создать отдельную страницу для меню вконтакте
Чтобы создать страницу для будущего меню (навигации) — нужно отправить запрос в вк следующий:
где XXX – номер группы, YYY – название страницы (здесь все знаки вопросов и тире обязательны).
Причем название рекомендую делать нормальным, привлекательным и осмысленным, потому что оно будет светиться и люди будут складывать о вас и вашей группе определенное впечатление по этому названию. Например «Навигация» или «Меню группы» — это нормальные названия, но вроде банальные. Используйте свою фантазию.
Я ввёл следующий запрос
И у меня открылась сразу созданная страница с возможностью её редактирования.
Вот здесь-то и нужно будет вставлять ваш код самого меню с помощью wiki-разметки. Но об этом чуть позже.
Кстати, расскажу секрет, если у вас группа (а не паблик) — стандартное меню, которое уже есть по умолчанию — оно уже само по себе — страница. Так что можно его и использовать, если будут проблемы с созданием дополнительных страниц.
Как делать закрепленный пост в группе или паблике
Да, и в любом типе сообщества закрепленный пост создается одинаково! Делается всё очень просто.
И в появившемся окне нажимаем кнопку «Закрепить» — все просто!
Многие группы, кстати, используют закрепленные посты как объявления. Если время актуальности этого объявления прошло — вы просто нажимаете опять на дату публикации и на кнопку «Открепить».
На самом деле все сейчас используют именно этот способ меню.
Угадайте почему?
Так, мы уже умеем создавать страницы и закреплять посты. Круто. Возвращаемся к нашим баранам макетам.
Нарезка макета для оформления группы или паблика
Так, для аватарки всё понятно, мы тут ничего не нарезаем. Мы создали картинку нужного размера и залили её в ВК. Всё. С аватаркой для группы мы закончили!
Теперь меню.
Для примера я взял меню из этой группы. Я его делал сам, и до сих пор имею к нему доступ, поэтому даже могу показать код страниц.
Итак, как основную картинку для меню сделать вы уже в курсе — это просто закрепленный пост.
Нажимаем на меню, видим картинку.
Нам нужно выделить «кликабельные» зоны.
т.е. выделить сами кнопки. Давайте я выделю эти зоны для вас красными линиями.
У нас получается сколько? 5 картинок. И не каждая из картинок будет кнопкой!! Как видим верхняя большая картинка — это не кнопка, а сама по себе…
Так, мы по этим линиям вырезали картинки. Теперь нужно из «залить» в ВК.
Если вы создавали для меню отдельную страницу, то нажимайте на кнопку «Наполнить содержимым» на только что созданной странице.
Если вы не создавали этой страницы, а использовали уже готовую страницу для меню — то перед вами сразу редактор страницы и вы сразу можете заливать фотографии:
Залили и у вас должно появится следующее:
Возможно у вас появится просто код, как на картинке ниже. Если нет — нажмите кнопку «Исходный код» , эту кнопку я выделил на верхней картинке. И увидите следующее:
Здесь нам нужно выстроить все картинки в ряд, чтобы не путаться (ну, я так делаю).
И, чтобы между картинками не было отступов — вписать тег «nopadding», выглядеть это должно вот так:
вот это вот page-58190479_45419120 — это адрес самой страницы вконтакте, вы этот идентификатор найдете в адресной строке вашего браузера.
Вот и всё 🙂 Правда не сложно?
Вот что получилось в коде у меня в итоге. Если у вас нечто подобное — значит всё в порядке.
Если у вас с каким-то из пунктов возникли проблемы — прошу, обращайтесь. Буду рад помочь.
Пользуясь случаем, хочу напомнить вам о том, что есть замечательные сервисы для любой раскрутки и накрутки, это:
prospero | sociate | socialtools
Возможно, я рассказал не все секреты, которые надо было рассказать. Допускаю, что я что-то пропустил, все-таки статья не маленькая получилась — напишите мне если заметите явные пропуски. Заранее благодарен.
И снова здравствуйте. Никогда не устану это говорить) Любим мы у нас в студии свободное общение с нашими пользователями, ну т.е. когда ты не озадачен рамками, в которые тебя поставили, чтобы написать нужную статью. На этом сайте мы общаемся только на интересные нам темы и рассказываем вам о них. И так, в предыдущей статье из серии обучающего материала про Вконтакте, мы создали группу VK и немного поговорили о ее продвижении. Но все таки, если говорить честно, это еще не всё, предоставляемый нам функционал группы в соц. сети позволяет оформлять группу или паблик очень интересно и даже профессионально. Так что в этой статье мы расскажем как красиво оформить группу VK и сделать для нее красивое меню.
Для оформления групп используется WIKI разметка. В этой статье мы не будем сильно углубляться в нее, т.к. если все смешать в одной статье, то мы вас совсем запутаем друзья, а у нас задача иная. Про wiki разметку мы подробнее расскажем в следующей статье, хорошо? Тогда продолжим.
В этой статье нам тоже не обойтись без Wiki, но мы ее тут используем по минимуму, поэтому сильно не вникайте)). Для начала нам нужно создать интерактивное меню вашей группы, для этого нужно произвести подготовительные действия. Для начала, давайте изменим кое-какие настройки в группе. Заходим в «Управление сообществом», затем в «Обсуждения», и тут нам с вами необходимо подключить «Материалы» и сделать обсуждения открытыми, как показано на картинке
Готово! Далее начнем готовить изображения. На этом этапе желательно уметь работать с графическими редакторами, в противном случае нужно будет обращаться к фрилансерам, а это трата ваших денег. Лучше конечно этому научится, это совсем не сложно и тем более вам это еще не раз пригодится. Мы покажем выполнение этого этапа на photoshop, хотя все тоже самое вы можете проделать в любом другом редакторе.
Делаем шаблон для группы VK как на картинке ниже.
Меню будет размещаться в окне A, его размеры могут отличаться от тех, которые показаны на изображении. Тут все зависит от того, какие у кнопок Вашего меню будут размеры. В нашем варианте мы предложили сделать в строчку по одной кнопке. Если Вам будет необходимо сделать по 2 кнопки в строчку, то ширину окна A необходимо уменьшить до 377рх максимум. Обычно, высоту мы подбираем опытным путем. В этом варианте высота в 377рх выбрана при размещении на главной странице группы каждого элемента в одну строчку.
Этап разметки позади, теперь делаем подходящее изображение, раскраиваем наш рисунок на зоны и прописываем необходимые нам надписи, и не забываем, что каждая отдельная зона картинки, с той надписью которую вы напишите, будет Вашей кнопкой меню. Как все это сделать я думаю не стоит писать, т.к. это превратится в отдельный урок по Фотошопу, возможны мы напишем об этом, хотя не обещаю — не тот профиль у сайта. Но если будет много просьб, то думаю добавим статью))
Когда вы сохраните проект в фотошопе, удалив все ненужные элементы (Photoshop кроит и сохраняет всё картинки и белые поля вместе с ними), нужно изменить имя картинок, желательно, для удобства, пронумеровав их по порядку, согласно тому, как они будут размещаться в меню.
Фууухххх, с этим этапом мы тоже разделались)) Осталось немного! Далее мы с вами переходим к самой группе. После того, как мы изменили некоторые настройки (в начале этой статьи), на стене мы увидим новые вкладки: «Обсуждения» и «Свежие новости». Нажимаем по надписи «Новая тема» в закладке обсуждений и делаем страничку меню.
Её необходимо назвать также как и на графическом меню, а затем заполнить поле с описанием. Когда вы внесете всю нужную информацию, уверенно жмем «Создать тему».
На стене вы увидите созданное сообщение. Дальше, точно также, вы создаете необходимое вам количество (зависит от того сколько у вас разделов меню) страниц.
Все готово? если да, то начинаем редактировать наше меню. Используем для этого вкладку «Свежие новости». Опять же смело жмем «Редактировать».
Мы опять видим с вами окно редактора, которого мы уже не боимся)), мы уже с ним встречались. Перейдя в визуальный режим редактирования (для этого используйте значок фотоаппарата в VK-редакторе) загружаем все наши картинки (фрагменты меню) в той последовательности, в какой они будут находится в целом изображении. Изменяем название на понятное посетителям. Затем переходим в режим wiki-разметки и редактируем код (подробно про wiki-разметку мы расскажем в следующей статье, интересная вещь скажу я вам.
Образец кода для предполагаемого меню:
Тут очень важен один момент — для фрагментов, не служащих кнопкой, нужно вместо ссылки на страничку прописывать тег «nolink». В противном случае, фрагмент станет кликабельным, и когда ваш пользователь будет на него нажимать, будет открываться сам фрагмент, как самостоятельное изображение, а оно вам надо?
Если что-то не так, то скорей всего вы допустили в коде ошибку, проверьте еще все внимательно, да и не один раз. А если вы все сделали правильно, то после нажатия на название вкладки главного меню группы, вы увидите готовое графическое меню, которое выглядит как одно целое вместе с аватаром группы VK.
Если ваше меню по нижнему уровню не совпало с аватаром группы Вконтакте, то добивайтесь выравнивания в коде в нижнем фрагменте, изменяя высоту в рх. При больших изменениях это может повлиять на качестве картинки. В этом случае, в исходном шаблоне графического редактора (в нашем случае это Photoshop) сделайте изменения в размере нужного фрагмента и по надобности перекроите весь макет. вот и всё друзья, оформление группы VK закончено! Теперь вы владелец группы с профессиональным оформлением.
В очередной статье из обучающей серии про Вконтакте, мы рассказали Вам как сделать интерактивное меню и оформить группу VKontakte профессионально. В следующем нашем материале мы подробнее рассмотрим wiki-разметку и попробуем оформить группу углубившись в эту разметку.
Как всегда, мы очень рады вашим любым комментариям, пишите чаще друзья))
Тема этой статьи — новый дизайн ВКонтакте. Снова поменялось , теперь можно установить горизонтальную обложку в группе. Оформление вашего сообщества ВК с такой шапкой намного интереснее. Откровенно говоря, здесь не требуются знания Photoshop. А можно без особых навыков сделать красивую картинку даже в PowerPoint, Fotor, Canva, Pixlr Editor.
Перейдя в группу можно заметить, что в тех группах стали видны кнопки «Закрепленная запись», «Информация» и «Жмите меню». А раньше они были скрыты. Естественно, всё оформление групп сразу поехало.
Загрузка новой обложки
А теперь давайте разберемся, как же включить возможность установки горизонтального шапки. Давайте мы кликнем на кнопку«Управление».
Затем кликаем на последнюю, и загружаем новую обложку группы ВКонтакте. Вот тут и можно понять, что файл загрузки может быть любой величины! Но не меньше, чем размер 1590×400 px. Создаем прототип обложки в любом редакторе. Далее мы можем выделить и сохранить ту область, которая соответствует требованиям ВК. Вот подсказка, где найти изображение для обложки, каким редактором воспользоваться, чтобы
Чем интересен новый дизайн ВКонтакте?
Главное: появилось больше места для информации. Теперь здесь можно написать название группы, цель ее создания, призыв к действию и так далее. Такое оформление будет логически завершенным и более функциональным. Но можно оставить и старый дизайн, это дело вкуса каждого.
Когда вы будете оформлять горизонтальную обложку то заметите, что внутреннее меню теперь как-то выпадает из общего контекста. Думаю, лучше будет закрепить картинку для перехода в меню. И использовать его для размещения wiki-страниц в группе.
В тоже время, мне бы хотелось, чтобы разработчики добавили еще какую-то возможность для установки именно красивого перехода на Вики страницы.
Хочется отметить, что с 2016 года разработчики социальной сети Вконтакте активно стараются настроить эту сеть для продвижения бизнеса. Сделать ее более удобной для бизнеса что ли. С моей точки зрения это очень хорошо и очень востребовано у многих интернет предпринимателей.
Но самое важное, по моему мнению, им нужно тщательно продумать систему «Банов», чтобы предприниматели могли спокойно работать, не мешая тем пользователям, которые пришли развлекаться в соцсеть.
Как сделать обложку группы Вконтакте онлайн
Включайте свою креативность и выбирайте, что вам больше нравится горизонтальная обложка или уже привычный дизайн Вконтакте. Создание онлайн и установка новой обложки наглядно, по шагам, представлена в видео под статьей.
P.S. Надеюсь эта информация Вам пригодится.
P.S.S. Включайте свою креативность и удачи Вам во всех начинаниях!
Несколько советов, как сделать дизайн группы Вконтакте эффективным. Узнайте принципы правильного оформления элементов коммерческого сообщества, чтобы оно стало стабильным источником прибыли для вашего бизнеса.
Вы научитесь правильно ставить задачи на разработку дизайна группы Вконтакте перед своими сотрудниками или фрилансерами. Сможете контролировать процесс работы и оценивать конечный результат не только с эстетической точки зрения, но и с учетом способности созданного оформления конвертировать посетителей в клиентов.
С чего начать работу над дизайном?
Начинайте разрабатывать дизайн группы Вконтакте с определения целевой аудитории
, выявления их желаний и потребностей. У вас должны быть четкие представления о том, кому и как вы будете продавать определенный товар или услугу.
Изучите своих конкурентов.
Вполне логично, что конкуренты уже прошли этап поиска целевой аудитории. Вам необходимо проанализировать их сайты и группы в социальных сетях. Это поможет определить аудиторию, на которую ориентированы тексты на сайтах ваших конкурентов.
Выявите слабые и сильные стороны вашего предложения
по сравнению с представленными на рынке. Выпишите 3-5 преимуществ, которыми обладает ваш бизнес. Это могут быть: бесплатная доставка, гарантия 5 лет, опытные специалисты, широкий ассортимент и т.д.
Составьте ваше торговое предложение
, опираясь на исследования целевой аудитории и площадок конкурентов. Это заголовок аватара или обложки группы Вконтакте. Он играет огромную роль в принятии решения о необходимости дальнейшего изучения контента сообщества. Ваше предложение должно четко определять тематику, быть простым и понятным любому посетителю. При его составлении думайте о выгоде клиента, а не о товаре.
Люди не хотят покупать товар/услугу – они хотят получить решение их проблем.
Все это подготовительные этапы, которые обязательно необходимо пройти перед началом работы над дизайном группы Вконтакте. Именно они определяют контент, который нужно разместить на дизайн-макете.
Важные элементы в дизайне групп Вконтакте
С контентом определились, теперь пора узнать рекомендации по оформлению элементов группы. Разберем только самые необходимые: аватар и миниатюру, обложку, баннер для закрепленного поста и меню.
Аватар
Разместите на нем свое торговое предложение, чтобы провоцировать посетителей на совершение целевого действия. Помимо этого, на аватаре должна находиться контактная информация, по которой с Вами можно связаться, изображение товара или тематическая иллюстрация для услуг.
Используйте только качественные изображения и забудьте про клипарты с бесплатных фотостоков. Поиск картинок для эффективного дизайна группы Вконтакте нужно производить на сайтах pinterest.com, freepik.com, flaticon.com или в крайнем случае google.ru. Но лучше подбирать изображения на платных фотостоках. Поисковые запросы вводите только на английском языке. Если испытываете трудности с английским, то смело используйте Гугл переводчик.
А чтобы вам было легче принять верное решение, мы дарим 500 рулей на оформление меню
каждому перешедшему по указанной ссылке. Для получения скидки просто укажите код HWC1817-500-
menu
при отправке заявки.
В этой статье мы пошагово рассмотрим, как правильно создать, настроить и качественно оформить сообщество «ВКонтакте»
Создание сообщества
Создать сообщество ВКонтакте можно перейдя во вкладку «группы», «управление», «создать сообщество».
Вид сообщества и тематика
Для начала вам необходимо будет определиться с видом сообщества, в зависимости от ваших целей и выбрать тематику сообщества.
Оформление группы
После выбора вида сообщества можно переходить к наиболее важному, это к оформлению. Оформление вашего сообщества — это своего рода визитная карточка компании, в зависимости от того насколько качественно будет оформление, ваши потенциальные подписчики будут делать выводы о вашей работе.
Загрузить обложку можно перейдя в «настройки», далее нажать «загрузить».
На обложке можно разместить:
- название
- логотип
- девиз
- контактную информацию
- акции или призыв к действию
Важный момент:
обложка – это первое что увидит клиент при переходе в вашу группу, поэтому обложка должна быть яркой и привлекать внимание.
Обложка в сообществе «МТС»
Обложка в сообществе «Тинькофф Банк»
Обложка в сообществе «HeadShot»
Размеры изображений для оформления сообщества ВКонтакте.
Размер обложки для группы ВКонтакте 1590x400px
Размер миниатюры аватара — круг диаметром 200px
Также ВКонтакте не так давно появились динамические обложки для сообществ.
Динамические обложки имеют очень богатый функционал, с помощью которого вы сможете вывести на обложку последнего подписчика, лучшего комментатора, настроить смену фонов по вашему желанию, добавить виджет погоды, времени и многое другое.
Описание сообщества
В описании главное максимально коротко описать главные преимущества компании.
Важный момент:
не нужно расписывать всё, чем ваша компания занималась, занимается или будет заниматься. Длинное описание никто не будет читать. У вас есть несколько секунд чтобы привлечь внимание до того, как клиент начнет смотреть посты на стене сообщества. Поэтому в описании должны быть только ключевые моменты, отражающие суть сообщества/компании.
Лайфхак:
Для того, чтобы сделать описание сообщества более подробно (с фото, ссылками и красивой версткой), необходимо поставить в закрепленную запись вики-пост, в котором будет яркая картинка и призыв к действию.
Примеры вики-постов:
Аватар группы
Аватар сообщества — это важная деталь в общем построении качественного оформления, в этой статье мы выделили несколько очень важных моментов, которые нужно учесть при создании аватара сообщества.
С учетом того, что сейчас преимущественно используют обложки сообществ, то сам автар в группе отображается как миниатюра. Поэтому здесь мы поговорим о том, как важно оформить именно миниатюру аватара. Как уже говорилось выше, размер миниатюры аватара — круг диаметром 200px.
- Текст
Если вы размещаете текст на миниатюре аватара, важно, чтобы он был крупным и не выходил за пределы аватара. - Понимание
На аватаре необходимо разместить изображение, на котором будет понятно, что изображено. - Минимализм
Для того, чтобы вашa аватаркa смотрелась актуально, можно сделать её в стиле минимализм: меньше слов и излишних элементов, не несущих практически никакой смысловой нагрузки. Миниатюра аватара обязана быть максимум простой и читабельной. - Привлечь внимание
Чтобы миниатюра аватарки привлекала внимание. Нужно оформить её так, чтобы она не была слишком белой и скучной, иначе она потеряется на фоне более красочных аватарок конкурентов.
- Текст
Что разместить на миниатюре аватара?
Рассмотрим варианты использования миниатюры аватара в качестве привлечения подписчиков в сообщество.
Настройки сообщества
Перейдя во вкладку «управление сообществом», вы можете придумать короткий адрес страницы и указать дополнительную информацию.
Далее во вкладке «ссылки» указать ссылки на вашу страницу в других соцсетях и ссылку на ваш сайт.
Во вкладке «разделы» включить необходимое. Стену сообщества удобнее ставить ограниченную, чтобы в дальнейшем не разгребать её от публикаций спам-ботов.
Включить товары, если ваше сообщество для продажи товаров или услуг.
Также в сообщество можно добавить приложения и настроить их для своих целей. Например, приложение «Заявки» наиболее удобное для работы с лидами. Это онлайн-запись и прием заказов. Или, например, приложение «Карты», с адресами ваших магазинов, офисов, мероприятий. С помощью приложения «Купить билет» можно продавать билеты на мероприятия прямо на странице сообщества, т.е. подписчики/клиенты смогут купить билет, не переходя на ваш сайт.
Вики-меню — красиво и информативно
Это ещё один способ показать уникальность своего сообщества, привлечь внимание клиентов, а также структурировать услуги, товары и всю информацию о странице. Плюс ко всему с помощью вики-меню вы можете настроить прямые ссылки для перехода непосредственно на сайт компании.
Примеры вики-меню:
Подробное руководство по созданию вики-меню вы можете посмотреть тут —
Картинки для меню группы ВКонтакте
Картинки для меню группы ВКонтакте
Фактически для любой группы Вконтакте графическое меню помогает привлечь внимание пользователей соцсети. А, значит, и посодействовать популярности вашего сообщества, и вашей успеваемости как его создателя.
Прежде всего, картинки для меню группы Вконтатке нужны в качестве фона. Достаточно одной картинки, ширина которой должна составлять 380-385 пикселей. Высота зависит от количества пунктов в графическом меню вашей группы.
Фоновая картинка для графического меню: пошаговое размещение
Для плодотворной работы вам будет необходима программа Photoshop.
- С помощью Photoshop откройте нужную вам картинку и, выбрав в меню программы соответствующий инструмент, прямо на изображении запишите свои пункты меню, которые потом будут видны всем посетителям группы. Понятно, что шрифт, размер и цвет букв меню вы сможете выбрать какие пожелаете.
- Теперь внимание: после того, как записан последний пункт, низ картинки лучше обрезать, чтобы после текста остался самый минимум пустого места. Как правило, такие картинки в готовом виде получаются аккуратнее.
- Для удобства картинку можно поделить на несколько самостоятельных (тогда пункты меню будут отделены от другого горизонтальной чертой. Сделать это можно инструментом «Раскрой» в Photoshop.
- Получившиеся несколько картинок нужно сохранить в альбоме группы.
Другие картинки для меню группы ВКонтакте
- Когда пункты меню (изображения) уже находятся в альбоме группы, приступайте к следующему шагу: созданию графического меню группы Вконтакте.
- Зайдите во вкладку «Редактирование меню группы».
- Появится окошко, в которое вам нужно будет ввести код wiki разметки:
- [[photo|385px;noborder;nopadding|ПУТЬ]]
- Вместо photo нужно вставить ссылку вашего изображения (первого пункта меню).
- Вместо «путь» – ссылку, на которую ведёт картинка, если на неё кликнуть.
- Вставив одну строчку в окошко wiki разметки, вы получите первый пункт готового графического меню.
- Для того, чтобы заполнились все пункты, соответственно, нужно вставить вышеназванный код такое число раз, сколько у вас картинок. Конечно, ссылка на фото (изображение) каждый раз будет своя, соответственно, и путь при клике.
- Когда весь код wiki разметки будет вставлен и отредактирован, нажмите на кнопку «Сохранить». Просмотрите, каким получилось готовое графическое меню группы.
- Доступ к странице редактирования графического меню сделайте ограниченным, чтобы только вы смогли вносить изменения в wiki разметку.
Поделитесь информацией с друзьями Вконтакте с помощью специальной кнопки
Советуем также обратить внимание:
самое подробное руководство в рунете
*Обновление статьи.
Красивое оформление сообщества «ВКонтакте» – это не прихоть, а важный элемент, формирующий доверие пользователей к вам и вашей компании. Если публичная страница или группа оформлена непрофессионально, ваши потенциальные клиенты вполне логично могут сделать вывод о том, что вы и к своей работе относитесь так же халатно. Чтобы этого не происходило, позаботьтесь о том, чтобы ваша страница «ВКонтакте» была красивой, аккуратной и удобной в использовании. Как это сделать? Читайте ниже.
Главное, учитывайте – оформление групп и аккаунтов только часть целого комплекса работ по продвижению в соцсетях. Без SMM-стратегии, качественного контента, грамотной рекламы и комьюнити-менеджмента нельзя надежно отстроиться от конкурентов и завоевать целевую аудиторию.
Актуальные размеры изображений «ВКонтакте»
Некоторое время назад разработчики социальной сети «ВКонтакте» запустили новый дизайн. Это привело к тому, что изменились размеры и принципы отображения изображений. Памятка, которая будет приведена ниже, соответствует всем нововведениям и содержит в себе размеры, актуальные на данный момент времени.
А теперь давайте более подробно по каждому пункту.
Размер аватара ВК
Минимальный размер аватара – 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 МБ;
- кодек h.264;
- звук AAC.
В историях необходимо использовать фото и видео вертикального формата.
Обратите внимание: истории от лица сообществ на данный момент могут добавлять только крупные сообщества, для которых разработчики «ВКонтакте» открыли эту функцию. И делается это с помощью официального приложения. С компьютера это сделать нельзя.
Кстати, в феврале VK предоставил новый формат объявлений – «Реклама в историях».
Размер обложки для фотоальбома
Рекомендуемый размер изображения для обложки альбома — 1200 на 800 пикселей. Учитывайте, что в мобильной версии нижняя часть обложки будет отображаться меньше на 200 пикселей.
Размер картинки для видео
1280 на 720 пикселей.
Вики-страница
Ширина области контента у вики-страницы составляет 607 пикселей. Если вы будете загружать картинку большего размера, она автоматически загрузится размером 400 пикселей в ширину. Пример: у меня есть изображение размером 1366 на 768. Если я его добавлю на вики-страницу, получится вот что:
Чтобы изменить размеры картинки, по ней нужно кликнуть и установить нужные значения:
О том, как работать с вики-страницами, я подробно расскажу чуть ниже. Поэтому здесь останавливаться на этом моменте не будем.
А вот полезное видео для тех, кто продвигается в ВК, порекомендую. Если вы ведете блог и анонсируете новые статьи в соцсетях, обязательно посмотрите. В нем 12 приемов, которые помогут вам делать такие анонсы, мимо которых никто не пройдет мимо.
Посмотрели? 🙂 Тогда поехали дальше!
Как сделать так, чтобы изображения «ВКонтакте» не ужимались? Влияние фона и размера на качество картинки.
Если вы когда-нибудь пробовали загружать изображения «ВКонтакте» (неважно, была ли это картинка на аватар или просто фотография с вашего путешествия), то наверняка уже знаете о том, что они имеют свойство ужиматься. Особенно это заметно на темном (и особенно, на красном) фоне и когда у картинки не слишком большой размер. Пример:
Как сделать так, чтобы качество картинок не портилось?
Чтобы изображение не ужималось (точнее, ужималось, но в гораздо меньшей степени), необходимо делать его в 2–3 раза больше нужного размера. Например, если нам нужно сделать аватар размером 200 на 500 пикселей, берем картинку размером 400 на 1000 пикселей. Если нужно сделать меню размером 510 на 400 пикселей, берем – 1020 на 800.
Изображение на темно-синем фоне, которое я привела чуть выше, имеет размер 510 на 350. Я сделала его в два раза больше (1020 на 700) и сохранила. Вот, что из этого получилось:
Как это исправить? Ответ очень прост – нужно выбрать другой фон. Дело в том, что на темном фоне пиксели видны лучше, чем на светлом. Поэтому, если вы хотите добиться идеального качества (хотя картинка выше уже выглядит вполне нормально), то нужно слегка изменить цветовую гамму. Например, фон сделать белым, а текст – синим:
Как оформить шапку страницы
Шапка вашей публичной страницы или группы – это первое, что видят пользователи, которые заходят к вам в гости. В большинстве случаев в этом месте размещают навигационное меню по материалам паблика, какие-то интересные посты или важные объявления. Давайте рассмотрим на примерах, как различные компании используют это пространство.
Обложка
Не так давно «ВКонтакте» ввели обновление – теперь на страницы можно загружать большие и красивые обложки (1590 на 400 пикселей). Чтобы сделать это, перейдите в настройки и нажмите кнопку «Загрузить».
На обложке вы можете разместить все, что угодно: начиная с названия и девиза вашей компании, заканчивая всевозможными акциями, предложениями и даже конкурсами.
Примеры динамических обложек:
Живые обложки «ВКонтакте»
Показываются только в мобильных приложениях для Google и Apple. Можно загрузить до 5 фотографий или коротких видео. Такие обложки крупнее обычных шапок в несколько раз, а при клике они раскрываются практически на весь экран. Можно показывать видео со звуком.
Вот пример от сообщества «PlayStation Россия»:
Как добавить? Зайдите через браузер сообщество, нажимаете «Упаравление», выбираете «Добавить обложку» и загружаете до 5 видео/картинок. Если не хотите, чтобы во время показа слайдов обложки масштабировались, то отключите опцию «Показывать фотографии в движении». Рекомендуемое разрешение 1080×1920, вес видео до 20 МБ, длительность – до 30 секунд.
Как добавит живые обложки в шапку мобильной версии
Обложка + описание сообщества + ссылка на сайт
Некоторые компании специально не закрепляют в шапке никаких постов, чтобы у пользователей была возможность прочитать основную информацию о странице и сразу перейти на сайт.
Описание с хэштегами
Некоторые компании добавляют в стандартное описание страницы хэштеги, которые ее характеризуют. Делается это для того, чтобы у страницы была более четкая релевантность, и чтобы за счет этого она находилась выше в поиске по соответствующим запросам. Честно говоря, я не знаю, работает этот способ или нет. Кейсов на эту тему я не встречала, поэтому если кто знает, буду благодарна, если поделитесь ссылочкой.
Как работают хештеги в разных социальных сетях
Закрепленный пост, рассказывающий, о чем страница
Если вы хотите рассказать о своей странице более подробно (с фотографиями, ссылками и красивой версткой), то вы можете прикрепить к шапке вики-пост или статью, сверстанную в редакторе, с яркой картинкой на анонсе, которая будет призывать пользователей кликнуть по ней. Пример такого поста:
А вот что видит пользователь после того, как он кликнет по ссылке:
Новое меню ссылок
Не так давно разработчики «ВКонтакте», наконец, порадовали владельцев сообществ новым инструментом, с помощью которого можно создавать меню – быстро и без всяких мучений с вики-страницами. Оно выглядит несколько примитивно, поэтому о том, как создать красивое меню, я тоже расскажу.
Меню появляется автоматически, если вы используете приложения сообществ или у вас подключен магазин. Например, на предыдущей картинке все три пункта меню – ссылки на приложения. Вы можете добавлять сюда свои – на важные записи, альбомы, обсуждения и т. д., до 7 штук (не считая приложения). Но ссылаться можно только на ресурсы внутри соцсети, кроме вики-страниц.
Чтобы отредактировать меню, нажмите на «Настроить» в правом верхнем углу виджета:
Чтобы добавить пункт меню, нажмите «Новая ссылка».
В раскрывшемся окошке выберите обложку (минимальный размер – 376х256 px), введите название пункта меню (важно уложиться в 20 символов с пробелами), добавьте ссылку и нажмите «Сохранить».
Если вы хотите скрыть приложение из меню, поменять его заголовок или обложку, нажмите «Изменить» напротив соответствующего пункта. То же самое можно делать с остальными ссылками, которые добавлялись вручную и требуют корректировки.
На выходе должно получиться что-то вроде этого:
Меню группы открытое
Открытым меню я называю такое меню, по которому сразу видно, из каких пунктов оно состоит. То есть картинка-анонс вики-поста полностью дублирует его содержимое. Таким образом, пользователи сразу видят то, что их ожидает внутри. Покажу на примере.
Вот как выглядит закрепленный пост в шапке страницы Flatro:
А вот что мы видим, когда кликаем по нему:
Меню группы закрытое
Закрытое меню – это тот же самый вики-пост, как и в предыдущем пункте, только на анонсе стоит картинка, на которой нет пунктов меню. Обычно на ней пишут: «Меню», «Навигационное меню» или «Навигация по материалам паблика».
А вот что мы видим, когда кликаем по нему:
Кстати, стоит отметить, что это далеко не единственные варианты. По сути, на этой картинке вы можете написать все, что угодно. Главное, чтобы пользователю хотелось по ней кликнуть, и он понимал, что его после этого ждет. Пример:
Слитное меню для группы
Слитное меню – это когда картинка на анонсе вашего меню составляет с аватаром одно изображение. Чуть ниже я подробно расскажу, как сделать такое меню, а пока просто посмотрите, как это красиво выглядит.
Хотите красиво оформить свое сообщество «ВКонтакте», но нет необходимых навыков? Закажите оформление в нашей компании. Подготовим для вас аватар, обложку, шаблоны для рубрик, меню и превью товаров.
Гифка и аватар одним изображением
А вот этот вариант оформления шапки меня действительно сильно восхитил. Автоматически проигрываемая гифка сливается с аватаром в единую композицию и приковывает внимание пользователей, даже несмотря на то, что на ней нет вообще никакой информации.
Кстати, этот пример я подсмотрела в группе SMM-маркетолога Сергея Шмакова. Так что, за находку выражаю ему благодарность 🙂
Что такое таргетинг «ВКонтакте» и как его настроить: руководство для новичков
Скрытое меню
Скрытое меню доступно только для групп (у страниц такого функционала нет). Чтобы его увидеть, нужно кликнуть по соответствующей ссылке. Плюс этого способа оформления заключается в том, что пользователям видна основная информация сообщества, а если они захотят воспользоваться меню, им достаточно сделать всего один клик. Однако здесь есть и небольшой минус – не все пользователи знают о существовании данной функции, поэтому ваше меню может получить меньше внимания, чем если бы оно было закреплено в начале страницы.
Автоматически воспроизводимое видео
В конце ноября 2015 года в социальной сети «ВКонтакте» появилось интересное нововведение – как только пользователь заходит на вашу страницу, видео, прикрепленное к шапке, начинает воспроизводиться автоматически. С помощью этого приема вы сможете привлечь еще больше внимания пользователей (особенно тех, кто впервые зашел на вашу страницу), и при этом, не раздражать тех, кто не любит, когда ему навязывают свой контент, ведь видео воспроизводится без звука и практически не мешает.
Как добавить такое видео в шапку своей страницы?
Для этого нужно выполнить три условия:
- Прикрепить ролик к записи и закрепить эту запись вверху сообщества.
- Кроме ролика, к записи больше ничего не должно быть прикреплено. Только видео и текст по желанию.
- Видео должно быть загружено «ВКонтакте» – сторонние плееры не поддерживаются.
Запись, которая получает много репостов
Еще один способ продуктивно использовать место в шапке вашей страницы – это закрепить в нее один из своих самых удачных постов – тот, который уже набрал и продолжает набирать большое количество лайков и расшариваний. Зачем это делать, думаю, всем понятно – чем больше репостов, тем больше охват, тем больше подписок получает страница.
Анонсы новых клипов, альбомов, мероприятий
Презентация новых товаров/услуг
Скидки и акции
Кейсы, отзывы клиентов
Реклама приложения
Розыгрыши
Правила сообщества
Ссылки на другие соцсети
Я перечислила далеко не все варианты оформления шапки. По сути, на обложке и в закрепленном посте вы можете размещать любую информацию: вакансии, объявления, ссылки на самые продаваемые товары и т. д. Так что не ограничивайтесь примерами, приведенными выше. Включайте фантазию и используйте оформление вашего сообщества для достижения ваших целей.
Как сократить ссылку: обзор 11 сервисов
Каким должен быть аватар
Аватар – это не только красивое изображение с логотипом вашей компании, а рабочий инструмент маркетолога, с помощью которого он добивается поставленных целей. Давайте разберем во всех подробностях, каким он должен быть, чтобы привлекать внимание пользователей и побуждать их к выполнению целевого действия. Начнем с миниатюры.
Миниатюра аватара
- Текст на миниатюре аватара должен быть достаточно крупным, чтобы его можно было прочитать.
- Текст не должен выходить за пределы миниатюры.
- Пользователям должно быть понятно, что изображено на аватарке.
- По возможности лучше не использовать стоковые изображение, т. к. они часто понижают доверие к компании.
- Нежелательно, чтобы миниатюра аватара была слишком блеклой и скучной, иначе она будет теряться на фоне более ярких аватарок конкурентов.
- Если вы хотите, чтобы ваша аватарка выглядела современно, сделайте ее в стиле минимализм: поменьше текста, теней, градиентов и не несущих никакой смысловой нагрузки элементов. Ваша аватарка должна быть максимально простой и аккуратной. Этот стиль сейчас в тренде.
- Если перед вами стоит цель привлечь внимание пользователей и выделиться на фоне других аватарок в ленте, придется включить фантазию. Подумайте, на что вы сами обращаете внимание, когда ищете интересные сообщества? Вот меня, например, уже который раз привлекают аватарки с горящим огоньком, который обычно указывает на то, что пришло новое сообщение. Это очень старый прием, но на меня он почему-то до сих пор воздействует – когда вижу подобный огонек, обязательно задержу на нем взгляд.
Я не утверждаю, что этот прием будет работать и с вашей страницей. Мысль, которую я хочу донести, заключается в том, что способов выделиться очень и очень много, просто нужно задаться этим вопросом и проявить немного креативности. Вот, например, еще одна интересная идея, до которой я сама вряд ли бы додумалась:
Аватарка представляет из себя черный круг: большой и маленький. Казалось бы, зачем вообще это делать? Но когда листаешь список сообществ, такие аватарки приковывают к себе внимание, потому что они сильно отличаются от всех остальных.
KPI в SMM: 30+ метрик эффективности маркетинга в социальных сетях
Какую информацию можно разместить на миниатюре аватара
Несмотря на то, что миниатюра аватара имеет очень маленький размер, ее можно (и нужно) использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Давайте рассмотрим несколько вариантов:
Анонс нового продукта/услуги/события
Преимущества компании/сервиса/страницы
Номер телефона компании
Выгодные цены
Бесплатная доставка
Кстати, очень часто информацию о том, что компания предоставляет бесплатную доставку, добавляют и в само название группы, чтобы пользователи точно обратили на него внимание.
Акции
Конкурсы
Вакансии
Ну а дальше сами 🙂 Подумайте, какой цели вы хотите добиться с помощью аватара, и действуйте. Вдохновения я вам уже подкинула.
Каким должен быть сам аватар?
Я рассмотрела, какой должна быть миниатюра аватара и какой текст на ней можно разместить. А теперь давайте перейдем к самому аватару. Полная версия аватара будет отображаться только в том сообществе, в котором не установлена обложка. Именно для таких случаев я и написала этот раздел. Итак, каким должен быть аватар вашего сообщества, чтобы пользователи сразу поняли, что ваша компания подошла к созданию страницы ответственно и профессионально.
- Аватар должен быть качественным. О том, как этого добиться, я писала чуть выше. Для тех, кто пропустил эту часть, скажу вкратце – размер аватара должен быть в 2–3 раза больше того, что вы запланировали.
- Желательно, чтобы аватар сочетался с меню: был такой же цветовой гаммы, имел те же самые шрифты, элементы и т. д. Благодаря этому шапка вашей страницы будет выглядеть более аккуратно и профессионально. Пример:
- Сам аватар и миниатюра аватара могут быть разными. Например, вы можете нарисовать на аватаре круг, оформить его так, как вам нравится, выбрать эту область в качестве миниатюры, а остальную часть аватара выполнить в другом стиле.
- Для того чтобы побудить пользователей подписаться на вашу страницу или написать сообщение представителю компании, вы можете разместить в самом низу аватарки соответствующий призыв к действию и сопроводить его указывающей на кнопку стрелочкой.
- Старайтесь не размещать на аватаре слишком много информации, иначе он будет смотреться перегруженным и неопрятным. Добавьте на него только самые важные пункты и обязательно убедитесь, что между ними есть «воздух».
Еще один вариант – поделить аватар на две части. Одна – для миниатюры, а вторая – для остальной части аватара.
Какую информацию можно разместить на аватаре?
По сути, на аватаре можно разместить все, что угодно. В отличие от миниатюры, здесь действительно есть где разгуляться. Главное, не злоупотребляйте этим 🙂
Домен сайта
Телефон/адрес/время работы
Конкурсы/акции
Самые покупаемые товары/новинки
Информация о доставке
Реклама мобильного приложения
Главные преимущества компании/страницы/товара и т. д.
Обновление ассортимента/новое творчество и т. д.
Информация о том, что ваше сообщество является официальным
Информация о предстоящих мероприятиях
Адреса аккаунтов в других социальных сетях
Расширенное описание страницы
Хвасты
Вообще, на аватаре можно размещать абсолютно любую информацию. Я привела лишь некоторые идеи, чтобы вы могли посмотреть, что делают другие, и вдохновиться их примерами. Ну, и держите в голове основные рекомендации: аватар должен быть качественным, шрифт – крупным, а между элементами побольше «воздуха».
Как создать слитные аватар и меню
Для того чтобы сделать слитные аватар и меню, вам потребуется программа Adobe Photoshop или ее аналог. Я буду объяснять весь процесс на примере «Фотошопа». Итак, поехали.
- Скачайте шаблон для «Фотошопа», который я специально подготовила для этой статьи. В обычном размере (меню – 510 пикселей в ширину, аватар – 200) или в увеличенном (меню – 1020 пикселей в ширину, аватар – 400).
- Откройте изображение, которое вы хотите взять в качестве основы.
- Скопируйте его, вставьте в шаблон и расположите его так, как вы бы хотели его разрезать.
- Добавьте эффекты, текст, графику и т. д.
- Если вы не хотите, чтобы терялась часть изображения (в том пробеле, который составляет 50 пикселей), сдвиньте ее вправо так, как показано на следующей гифке:
- Выберите инструмент «Раскройка» и нажмите на кнопку «Фрагменты по направляющим».
- Удалите лишние фрагменты (правый щелчок мыши – «Удалить фрагмент») и подредактируйте уже имеющиеся (правый щелчок мыши – клик в пустое место – берем нужную область и растягиваем ее до нужного размера).
- Зайдите в раздел «Файл» и выберите команду «Сохранить для Web».
- Перейдите в место, куда вы сохранили картинки (рабочий стол или какая-то конкретная директория), и найдите там папку под названием «Images». Именно там и будут ваши изображения. Теперь остается только залить их на страницу.
P.S. Высоту аватара можно менять по вашему усмотрению. Я взяла максимальный размер – 500 пикселей, но у вас это значение может быть и меньше. Например, как на странице «Вики-разметка»:
Как использовать виджеты
Виджеты тоже являются частью оформления сообщества ВК. С помощью них пользователь может: оформить заказ, подписаться на вашу рассылку, принять участие в конкурсе, читать и оставлять отзывы, открыть поиск по сообществу, получить подарок, купон на скидку и т. д.
Вот несколько примеров того, как выглядят виджеты на странице «ВКонтакте»:
class=»incut»>
Как оформить изображения к постам
Если вы занимаетесь веб-дизайном или обладаете художественным вкусом и чувством прекрасного, то вам не составит труда придумать фирменный стиль для своих изображений. Однако, мне кажется, таких людей в этой статье будет меньшинство (я, к слову сказать, тоже к ним не отношусь). Поэтому давайте подробно разберем, как же это делается, основываясь на примерах успешных компаний.
И вот вам сразу несколько примеров для вдохновения:
Красиво, не правда ли? Как вы уже поняли из скриншотов выше, каждая из этих страниц имеет в своем арсенале несколько готовых шаблонов, в которых они лишь меняют текст и, при необходимости, цвета. Вы тоже можете создать для себя такие шаблоны. Делается это довольно просто, т. к. весь дизайн картинок для анонсов основывается на одних и тех же приемах.
Прием №1. Затемнить или осветлить изображение, чтобы на нем хорошо читался ваш текст
Прием №2. Создать область контрастного цвета и сделать на ней надпись
Прием №3. Выделить каждую строчку текста цветом
Прием №4. Разделить картинку на две части
Прием №5. Сделать изображение мутным
Прием №6. Выбирать такие изображения, где есть место для надписи
Прием №7. Добавить тень, свечение или обводку к вашему тексту
Кстати, обратите внимание, почти все известные компании «ВКонтакте» брендируют свои изображения, т. е. добавляют небольшой логотип, адрес своей страницы или водяной знак. Это повышает узнаваемость бренда и защищает ваши изображения от копирования. Стоит ли это делать, каждый решает сам. Единственное, что хотелось бы посоветовать: если все-таки решите этим заниматься, постарайтесь сделать так, чтобы ваш логотип не был слишком ярким и не занимал слишком много места, иначе весь акцент пойдет на него, и изображение потеряет свою привлекательность.
Как обработать фото онлайн: 80+ инструментов для работы с изображениями
Где взять хорошие изображения?
У нас в блоге есть хорошая статья на эту тему – «40 источников бесплатных фото для вашего блога». Они все бесплатные, но какие-то – требуют регистрации. Если не подберете для себя ничего подходящего, попробуйте искать по ключевому слову + обои (или, если на английском, wallpaper). Обычно по такому запросу выходят качественные изображения. Но тут нужно быть внимательным и проверять тип лицензии, иначе, если у вас серьезный бизнес, можно нарваться на неприятности.
А что делать тем, кто не умеет работать в «Фотошопе»?
Если вы никогда не работали в «Фотошопе» (или любых других графических редакторах) и пока не готовы выделить время на его освоение, вы можете воспользоваться сервисами, в которых уже есть готовые шаблоны картинок для разных социальных сетей:
1. Fotor.com
Переходим по ссылке и выбираем раздел Design.
Далее прокручивает страницу чуть ниже и кликаем либо на Facebook Post (если нам нужно прямоугольное изображение), либо на Instagram post (если квадратное).
После этого в левой части экрана выбираем шаблон, который нас интересует. Обратите внимание, бесплатно предоставляются только те шаблоны, на которых нет значка в виде алмазика.
Далее, если это необходимо, загружаем свою картинку.
Вставляем ее в шаблон, выделаем левой кнопкой мыши, выбираем команду Layer (иконка бутерброда) и кликаем по Move to bottom. Таким образом наша картинка будет идти фоном, а все надписи наложатся поверх нее.
После этого меняем текст, шрифт, размер шрифта, расположение надписи и т. д.
Затем жмем на иконку в виде дискеты, выбираем название, формат изображения, качество и жмем на кнопку Sign in to download.
Готово!
2. Canva.com
Еще один сервис, который поможет красиво оформить свое изображение. Работает он по такому же принципу, как и предыдущий. Регистрируемся в сервисе (можно использовать свой аккаунт Google+ или электронную почту).
Выбираем свою сферу деятельности. Шаг, на котором вас просят пригласить друзей, пропускаем. Попадаем в основное меню, где выбираем запись в Facebook, если нам нужно прямоугольное фото, или запись в Instagram – если квадратное.
Выбираем шаблон (если на шаблоне стоит отметка «БЕСПЛ.», значит, он бесплатный), меняем текст.
Если нужно, загружаем свое изображение, подгоняем размеры, меняем текст, шрифт и расположение надписи. После этого жмем кнопку «Скачать», выбираем формат картинки и сохраняем ее себе на компьютер или любое другое устройство.
Поздравляю, вы сделали классный анонс с красивой картинкой. Но как отследить его эффективность? Как понять, сколько человек перешли по этому анонсу на ваш сайт? Делимся простой инструкцией.
Как оформлять статьи в редакторе
С недавнего времени «ВКонтакте» можно верстать статьи в специальном редакторе. Чтобы создать статью, необходимо нажать на букву «Т»:
Как пользоваться вики-разметкой
Ну вот мы и подошли к самому интересному и одновременно сложному разделу. Возможно, среди читателей есть люди, которые не знают, что такое вики-разметка, и вообще впервые слышат этот термин. Поэтому специально для вас я приведу определение, которое дает сам «Контакт».
Вики-разметка — язык разметки, который используется для оформления текста на веб-сайтах (как правило, относящихся к классу wiki-проектов) и позволяет упростить доступ к возможностям языка HTML. На нашем сайте wiki-страницы — хорошая альтернатива обычным записям и текстовой навигации. Если вам необходимо создать большую статью с различным форматированием текста (жирный шрифт, подчёркивание, заголовки и прочее) или добавить к ней графику, либо просто создать красочное навигационное меню по вашему сообществу — wiki незаменима.
Точно также как у WordPress (или любой другой CMS) есть HTML-редактор, с помощью которого вы создаете статьи, так и у «Контакта» есть свой редактор для создания и редактирования вики-страниц. Выглядит он вот так:
С помощью этого редактора создаются навигационные меню, а также статьи с картинками, видео и аудиозаписями. Чуть ниже я разберу подробно, как работать в данном редакторе, но сначала я прошу вас добавить себе в закладки две ссылки. Они вам очень помогут в изучении вики-разметки.
- «Вики-разметка ВКонтакте». Официальное сообщество, посвященное использованию вики-разметки. В нем есть все, что нужно для того, чтобы освоить этот язык: полезные руководства, примеры, обсуждения, в которых вы можете задать свой вопрос и посмотреть, с какими проблемами столкнулись другие пользователи.
Как создать вики-страницу
Для того чтобы создать новую вики-страницу, вам необходимо:
- Скопировать в адресную строку своего браузера вот такую ссылку: http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы
- Вместо ХХХ вписать ID своей страницы, а вместо фразы «Название_страницы» – заголовок статьи (на русском или на английском, разделяя слова нижним подчеркиванием). В итоге у вас должна получиться вот такая ссылка:
Как узнать ID вашей страницы
Есть два способа.
Первый. Зайдите на вашу страницу и кликните по фразе «Записи сообщества».
Цифры, которые будут идти в открывшейся ссылке до вопросительного знака, и будут вашим ID.
Второй способ. Воспользуйтесь приложением «Узнать ID». Добавьте его в левое меню вашего аккаунта, и процедура поиска ID станет гораздо короче и приятней.
Как закрыть доступ к редактированию страницы
У каждой вики-страницы есть настройки доступа. Находятся они в нижнем левом углу редактора:
По умолчанию там стоят вот такие параметры:
Но иногда случаются ошибки: кто-то случайно нажал не ту кнопку, забыл нажать кнопку «Сохранить» и т. д. Таких ошибок желательно избегать. Особенно, если у вас большое сообщество с активными подписчиками.
Как перейти в режим кода
Дальше я буду очень часто говорить о том, что нужно перейти в режим кода. Поэтому давайте я вам сразу покажу, как это делается, чтобы потом к этому больше не возвращаться.
Как отформатировать текст
Текст вики-страницы, в основном, форматируется с помощью редактора. Интерфейс практически такой же, как в ворде, поэтому, думаю, объяснять здесь почти нечего. Единственное, что стоит сказать, – на вики-странице нельзя изменить размер шрифта. Вместо этого необходимо использовать теги h2, h3, h4, выделение жирным или курсивом.
Ну а если такого форматирования вам не хватает, вы можете перейти в режим кода и вручную отформатировать нужный вам текст с помощью следующих тегов:
Как вставить ссылку в текст
Чтобы вставить ссылку в текст, нужно перейти в режим вики-разметки и воспользоваться следующим шаблоном: [ссылка на статью|текст ссылки].
Если ссылка ведет на внешний сайт, она автоматически открывается в новом окне. Но если она ведет на одну из страниц «ВКонтакте» – она будет открываться в том же окне, даже несмотря на то, что зачастую это оказывается очень неудобно.
Так как же сделать так, чтобы ссылка открывалась в новом окне?
Есть очень простой способ – «сокращатель ссылок VK». Получите короткий вариант вашей ссылки и вставьте в вики-пост. После этого она будет всегда открываться в новом окне.
Как добавить изображение
Чтобы добавить изображение, необходимо воспользоваться иконкой в виде фотоаппарата. Я рекомендую вам это делать сразу в режиме кода, т. к. при загрузке изображений «Контакт» почему-то всегда выравнивает их посередине и делает размером 400 пикселей в ширину (хотя оригинал может быть больше), и в любом случае приходится лезть в код и прописывать нужные размеры. А так можно сэкономить время.
Как добавить видео
Чтобы добавить видео, необходимо сначала загрузить его к себе в видеозаписи и только потом добавлять на вики-страницу.
К сожалению, вики-разметка не позволяет увеличить размер видео. Не знаю, по какой причине, но данная функция в ней не предусмотрена. Поэтому, если вы хотите увеличить его размеры, придется пойти на небольшую хитрость – сделать псевдо-предпросмотр. Что это значит? Вы делаете скриншот вашего видео (нужного вам размера), добавляете на него кнопку Play и ставите на эту картинку ссылку на ваше видео. У нас есть готовый шаблон с такой картинкой.
Чуть выше мы уже разобрали, как добавить картинку в вики-пост, а теперь давайте рассмотрим, как поставить на нее ссылку. Делается это очень просто. После того как вы перешли в режим кода и загрузили фотографию, вам нужно:
- Вставить после второго знака | ссылку на ваше видео: либо на YouTube или другой сторонний видеохостинг, либо на видео из самого «Контакта». Но лучше, конечно, чтобы пользователь не покидал социальной сети. Так ему будет удобней.
- Сделать выравнивание (посередине, слева или справа).
- Указать реальный размер картинки (помните: ее ширина не должна превышать 610 пикселей).
Как создать навигационное меню
Если вы думаете, что создать красивое навигационное меню могут только те люди, которые хорошо разбираются в дизайне и верстке, вы ошибаетесь. На своем опыте я убедилась в том, что для этого не нужно обладать никакими специальными навыками. Достаточно иметь интерес к этой теме, желание разобраться и немного свободного времени. В остальном вам помогут многочисленные руководства, которые можно найти в сети.
Как посмотреть вики-код любой страницы
Прежде чем перейти к описанию самого процесса создания меню, мне хотелось бы порекомендовать вам приложение, которое сильно поможет вам в изучении вики-разметки. Называется оно «Исходный код страницы». С помощью него вы можете просматривать код вики-страниц абсолютно любого сообщества (если, конечно, эти данные специально не скрыли от вас, но такое случается крайне редко). Чтобы получить код, нужно выполнить следующие действия:
- Открыть приложение
- Выбрать тип сообщества, которое вас интересует (страница, группа или встреча)
- Вставить ссылку на сообщество и нажать кнопку «Просмотр»
- Найти в списке нужную страницу и кликнуть по фразе «Просмотр кода».
По какому принципу создаются меню
Если меню простое (состоит из отформатированного текста со ссылками и пары картинок), то вы его создаете по такому же принципу, как и любую вики-статью. Зачастую для этого даже нет необходимости переходить в режим кода – все делается в визуальном редакторе.
Пример такого меню:
А вот код этой страницы:
Как видите, все очень просто. Такое меню может создать абсолютно каждый.
А вот чуть более сложный вариант:
Такие меню делаются по следующему принципу: вы создаете в «Фотошопе» картинку, делите ее на части с помощью инструмента «Раскройка», а потом заливаете получившиеся картинки в вики-пост и добавляете к ним ссылки.
В коде это выглядит вот так:
Группа или публичная страница во «ВКонтакте»: что лучше?
Как закрепить меню в шапке страницы
Порядок действий таков:
- Создайте меню с помощью вики-разметки. Сохраните ссылку, по которой оно доступно.
- Вставьте ссылку в новый пост.
- Подготовьте изображение для вашего меню.
- Добавьте изображение к посту, уберите ссылку из поля для ввода текста и нажмите «Отправить».
- Закрепите пост.
Ну как? Еще не устали от моих объяснений? 🙂 Тогда продолжаем дальше. С принципами создания меню мы разобрались. Теперь давайте разберем более подробно, как создавать разные типы меню.
Простое меню в один столбец
Такой тип меню подойдет тем компаниям, которые не планируют размещать много информации: всего один столбец и несколько строчек, между которыми нет отступов. Смотрятся такие меню аккуратно на всех устройствах, а между тем, верстка у них очень простая.
А вот код этих страниц:
Как видите, код очень простой. Он состоит всего из нескольких составляющих: изображение, размер изображения, тег nopadding (чтобы между картинками не было отступов) и ссылка. Тег center в первом примере выравнивает изображение посередине, а тег option во втором примере вообще указывать необязательно.
Вывод: чтобы создать простое меню в один столбец, нужно знать одну единственную вещь – как залить в вики-статью изображение и поставить на него ссылку. А этот момент мы уже подробно разобрали в одном из пунктов выше.
Простое меню в два столбца
Этот тип меню очень похож на предыдущий, только здесь не один столбец, а два, а также есть отступы между картинками. На десктопах оно смотрится очень хорошо:
Впрочем, как и на мобильных:
А теперь давайте посмотрим на код этой страницы. На верхнюю часть пока не смотрите, там используется табличная верстка, мы ее разберем чуть ниже. Пока изучите только тот код, который находится под серой линией.
Из-за того, что в коде много непонятных символов (так отображаются ссылки, написанные кириллическим шрифтом), кажется, что он слишком сложный, но это не так. На самом деле, здесь все та же картина, как и в предыдущих пунктах: картинки идут друг за другом, у них указан размер и стоит ссылка. Между ними образуется отступ, т. к. у картинок не прописан тег nopadding. Если бы этот тег прописали, они «слиплись» бы друг с другом.
Вывод: простое меню в два столбца практически ничем не отличается от меню с одним столбцом. Единственное, на что здесь стоит обратить внимание – это ширина картинок. Нужно выбрать такой размер, чтобы они хорошо смотрелись как на компьютерах, так и на мобильных.
Мобильная верстка
Варианты меню, которые я привела чуть выше, хорошо отображаются как на десктопах, так и на мобильных устройствах. Объясняется это тем, что они состоят из 1 или 2 столбцов. В первом случае картинка просто уменьшается до ширины экрана смартфона. А во втором происходит перенос картинки на новую строку. А что делать, если вам необходимо сделать больше столбцов? Например, как это сделано в меню страницы «Империя кино»:
А вот что происходит с этим же меню на мобильном телефоне разрешением экрана 320 на 240:
Вот еще пример. Невероятно красивое меню сообщества «Пальчики оближешь»:
А вот во что оно превращается на мобильных:
А вот пример идеальной верстки на примере меню официального сообщества по вики-разметке:
Все красиво и ровненько, с какого бы устройства вы это меню не открыли.
Как этого добиться?
Чтобы ваше меню адаптировалось под размеры мобильного устройства, необходимо соблюдать два условия:
- Использовать табличную верстку с фиксированной шириной ячеек.
- Разрезать меню на одинаковые квадраты или прямоугольники шириной не более 190 пикселей (если 3 столбца), 150 пикселей (если 4 столбца) и 110 пикселей (если 5 столбцов). Больше столбцов, как мне кажется, смысла делать нет, т. к. на мобильных они будут смотреться очень и очень мелко.
Что такое табличная верстка
Табличная верстка – это когда все элементы меню верстаются как таблица. Очень подробно о том, как создавать таблицы с помощью вики-разметки, написано в официальном руководстве. Я не буду дублировать эту информацию, только объясню самую суть и сразу перейду к примерам.
Итак, чтобы заверстать таблицу, нужно использовать следующие теги:
Вот пример простейшей таблицы и ее код:
Адаптивное меню верстается точно таким же образом, только вместо слов «ячейка» добавляем изображение со ссылкой и тегами.
Код, который я прописала для создания этого меню:
{|fixed nopadding noborder
|~190px 190px 190px
|-
|[[photo258316413_430862279|190px;nopadding| ]]
|[[photo258316413_430862290|190px;nopadding| ]]
|[[photo258316413_430862307|190px;nopadding| ]]
|-
|[[photo258316413_430862332|190px;nopadding| ]]
|[[photo258316413_430862349|190px;nopadding| ]]
|[[photo258316413_430862372|190px;nopadding| ]]
|}
Обратите внимание, в коде прописана ширина каждого столбца таблицы, а их всего три (каждый по 190 пикселей). Если у вас будет 4 столбца, вам нужно будет прописать фиксированную ширину 4 раза и т. д. Также посмотрите, пожалуйста, на наличие тегов nopadding и noborder. Они нужны для того, чтобы вокруг изображений не было рамки (noborder), а между ними – пробелов (nopadding). В общем, если ваше меню будет примерно таким же, как мое, можете просто скопировать код и вставить в него свои картинки и ссылки 🙂
Еще один пример: адаптивное меню из 4 столбцов
Здесь алгоритм действий абсолютно такой же, как и в предыдущем пункте. Но все же рекомендую вам его изучить, чтобы закрепить пройденный материал 🙂
- Нарезаем изображение на ровные квадраты со сторонами 150 пикселей (можно и не на квадраты, но мне так удобней, главное, чтобы ширина была не более 150 px).
- Добавляем текст, оформляем дизайн и жмем «Сохранить для Web».
- Загружаем изображения «Вконтакт», прописываем необходимые теги.
- Готово! Наслаждаемся красивым меню, которое одинаково красиво смотрится как на компьютерах, так и на мобильных.
Продвижение «ВКонтакте»: 90 советов и море полезных сервисов
Несколько дополнений к этому разделу
Дополнение 1: когда будете продумывать дизайн, убедитесь в том, что ваш текст легко читается на смартфонах, а по кнопкам можно попасть без труда. Проведите несколько тестов. Возможно, четырех ячеек в ряду окажется для вас много. Тогда возьмите три, две, а может быть даже одну.
Дополнение 2: несмотря на то, что оба тестовых меню я порезала на квадраты, необязательно использовать именно эту фигуру. Главное, чтобы эти картинки были одинаковыми и не превышали обозначенный мной выше размер. Пример такого меню:
Дополнение 3: меню, состоящее из одинаковых, идеально выровненных фигур, иногда смотрится скучновато. Поэтому, если вы хотите его разнообразить, используйте разные фигуры.
Как быстро проверить наличие багов в мобильной верстке?
Когда верстаешь вики-страницы, необходимо постоянно проверять то, как они смотрятся на разных устройствах. Это можно сделать вручную, собрав у своих друзей и коллег всевозможные гаджеты, а можно никого не беспокоить и сделать это с помощью специальных приложений и сервисов.
Способ №1:
- Установите и запустите браузер Google Chrome.
- Зайдите на вики-страницу и поставьте букву m c точкой в ее адрес.
- Сделайте правый щелчок мышью в любом месте страницы и выберите команду «Посмотреть код».
- Нажмите на иконку, на которую указывает желтая стрелка.
- Выберите устройство, которое вас интересует.
- На всякий случай обновите страницу, чтобы все элементы загрузились без ошибок.
Способ №2:
- Установите плагин для Google Chrome Resolution Test.
- Перейдите в мобильную версию «Контакта».
- Кликните по иконке и выберите размер, который вас интересует (либо добавьте свои размеры).
Между прочим, мы занимаемся не только оформлением соцсетей. Разработка графического дизайна включает фирменный стиль, логотипы, паттерны, 3D-модели, инфографику, UI/UX-дизайн и др. Стоимость зависит от объема и сложности работ.
Заключение
Материал получился объемным и, как мне кажется, очень полезным. Возможно, некоторые моменты, касаемые вики-разметки, остались мною нерассмотренными, т. к. эта тема крайне обширна и одной статьей здесь не обойдешься. Но всеми основными принципами, идеями и лайфхаками я с вами поделилась, и мне было бы очень приятно, если бы вы оценили мой труд комментом или репостом.
Все об SMM: 114 статей и видео, которые сделают из вас профи
Как сделать обложку в вк в группе
Здравствуйте, друзья! Если Вконтакте у Вас есть своя группа или публичная страница, то после обновления социальной сети Вы, наверняка, заметили, что в других вместо аватарки стоит вверху изображение. Что это такое и как сделать себе такую шапку в сообществе? Вот с этим вопросом мы и будем разбираться в данной статье.
Картинка, которую Вы можете поставить в шапке своей группы, называется обложка. Она интересней смотреться, чем аватарка, поскольку расположена вверху страницы и привлекает внимание посетителей.
Все что потребуется – это загрузить графический файл нужного размера в настройках. В дальнейшем, Вы с легкостью сможете загрузить новое изображение, редактировать или удалить установленное. Если Вам не понравится шапка, всегда можно снова вернуть для нее аватарку.
Какие размеры для обложки
Перед тем, как поставить обложку для группы в вк, лучше заранее подготовить картинку. Это может быть название сообщества или логотип фирмы, компании для которой она была создана и прочее.
Выбранный файл должен быть определенного размера. Это может быть или 795x200px, или 1590x400px.
Если выберите изображение меньшего размера, то оно некрасиво будет отображаться на больших экранах компьютеров и ноутбуков. Такой размер больше подходит для телефонов и планшетов.
Но поскольку в социальную сеть Вконтакте пользователи заходят с различных устройств, как телефонов, так и компьютеров, тогда сразу лучше взять изображение большего размера.
Как сделать картинку в шапке группы вк
Итак, нам нужно убрать аватарку в своей группе, и сделать для нее обложку вверху страницы.
Перед тем, как соберетесь загрузить нужное изображение, сначала потребуется его сделать, используя те размеры, которые я указала в первом пункте.
Чтобы создать картинку, я воспользуюсь Adobe Photoshop. Вы можете взять любую другую программу, которая позволит сделать нужный размер.
Создаю новый файл размера 1590x400px и вставляю в него нужную мне картинку. Дальше сохраняю его, но не обычным способом, а выбрав пункт «Save for Web & Devices». Обратите внимание на размеры сохраняемого файла. Дальше нажимаю «Save».
Если пользуетесь другой программой, тогда сохраняйте обычным способом – или «Сохранить», или «Сохранить как». Формат изображения должен быть *.jpg, *.gif, или *.png.
После того, как обложка будет готова, под аватаркой нажмите на три горизонтальные точки и выберите из выпадающего меню пункт «Управление сообществом».
Справа в меню должна быть открыта вкладка «Настройки». Теперь в разделе «Основная информация» в поле «Обложка сообщества» нажмите на слово «Загрузить».
Дальше нажмите на кнопку «Выбрать файл».
Обратите внимание, он должен быть определенного размера: 1590х400, и формата: *.jpg, *.gif, *.png.
Найдите через открывшееся окно проводника картинку, которую только что сделали, выделите ее и нажмите «Открыть».
Подождите, пока она загрузится. Затем, используя маркеры в углах, можно указать, какая область будет отображаться на странице. Нажмите «Сохранить и продолжить».
После того, как обложка будет загружена, вернитесь к главной странице своей группы.
Теперь у Вас вверху красивое изображение, которое будет привлекать посетителей.
Если навести на обложку курсор, то в правом верхнем углу появятся три значка. Вы сможете загрузить новую картинку, редактировать выбранное изображение или удалить его со страницы группы.
Если же Вам не понравилось, как выглядит группа с такой оболочкой, снова зайдите в «Управление сообществом», и в поле «Обложка сообщества» нажмите «Удалить». Изображение будет убрано со страницы, и Вы снова можете поставить аватарку.
На этом все. Думаю, Вам понравится, как выглядит сообщество с новой шапкой. А мы будем ждать, когда появятся новые функции Вконтакте, чтобы Вам про них рассказать.
Урок 3. Оформление группы ВКонтакте. Часть 2. Рисуем графическое меню в Photoshop
Шаг 1. Подготавливаем холст.
Открываем программу Photoshop и создаем новый файл. Для этого нажимаем пункт меню File (Файл) и выбираем там New (Новый). Название пунктов и кнопок в разных версиях программы может немного отличаться, поэтому ориентируйтесь, пожалуйста, по картинкам.
На этом шаге нам важно настроить следующие параметры:
- Задаем ширину и высоту изображения. Ширина должна быть не больше 388 пикселей. Высота может быть любой. Мы указали 500 пикселей. Важно: проверьте, чтобы в качестве единиц измерения были указаны именно пиксели, а не дюймы, сантиметры и т.п.
- Устанавливаем разрешение картинки (Resolution). По умолчанию там может стоять значение 72 или 150 пикселей/дюйм. Вы можете ничего не делать с этим.
- Режим цвета (Color Mode) должен быть выбран обязательно RGB color.
- Цвет подложки (Background contents) – прозрачный (Transparent) или белый (White). Нам кажется более удобным работать на прозрачной подложке.
- Нажимаете OK
У вас создался новый файл, в котором пока ничего нет.
Фон в виде клеточек означает, что на нем нет никакого цвета, он прозрачный (т.к. на предыдущем шаге мы выбрали прозрачную подложку).
Шаг 2. Рисуем картинку.
Теперь мы очень подробно расскажем, как нарисовать будущее меню для вашей группы. Мы предлагаем вам сделать меню в виде кнопок, т.к. оно довольно просто делается и при этом эффектно смотрится.
Чтобы нарисовать кнопку, сначала мы выбираем фигуру в виде скругленного прямоугольника. Для этого щелкаем правой кнопкой мыши на фигуру с прямоугольничком на панели рисования, а затем в появившемся меню выбираем нужную нам форму.
Затем нам нужно в панели, появившейся вверху экрана выбрать следующую кнопку:
После чего мы должны установить цвет нашей будущей фигуры. Для этого щелкаем мышкой по панели настройки цвета и в появившемся окне выбираем нужный нам цвет. Когда выбранный цвет нас устроит, нажимаем ОК:
Создаем новый слой:
Слои – это такой инструмент Photoshop, который позволяет нам размещать разные объекты как бы один поверх другого. В результате мы можем менять порядок объектов на рисунке, редактировать их или скрывать. Можно провести аналогию с работой мультипликатора: на одной прозрачной пленочке у него нарисовано море и небо, на другой – пальмы, на третьей – героиня из рекламы Баунти, которая расслабленно качается в гамаке. Накладывая одну пленочку на другую, он создает картинку, имея возможность по своему вкусу легко заменить голубое дневное небо на розовое закатное или пальмы на кактусы.
Итак, мы подготовили все инструменты к работе и можем нарисовать нашу первую кнопку. Для этого просто нажмите на рабочую область левой кнопкой мыши и потяните в сторону (не отпуская кнопку мыши).
Теперь добавим текст, выбрав на панели инструментов соответствующий инструмент и щелкнув мышкой в нужном месте экрана.
Чтобы переместить написанный текст на подходящее для него место, нажмите кнопку в виде стрелки, которая показана на рисунке, а затем, щелкнув по тексту и не отпуская кнопки мыши, перетащите текст на желаемую позицию. Таким же образом вы можете перемещать по рабочему полю любые объекты.
Чтобы отредактировать текст, снова нажмите на кнопку в виде буквы Т, а затем щелкните мышкой по тексту. Установите шрифт, размер шрифта, цвет текста по вашему вкусу.
Важно: чтобы редактировать текст или перемещать объекты, нарисованные на другом слое, вам сначала нужно выбрать этот слой.
Повторите те же действия для всех кнопок, которые вы хотите сделать в меню группы. Мы рекомендуем каждую кнопку делать в новом слое. Проще всего это сделать копированием, тогда вам не придется рисовать одинаковые кнопки вручную. Для этого выделите мышкой нужный вам слой и нажмите сочетание клавиш Ctrl + J. Затем переместите кнопку на желаемое место способом, описанным выше.
Вот что получилось:
Теперь добавим в качестве фона картинку. Нужную картинку предварительно сохраните на своем компьютере.
Затем выберите в меню File (Файл) пункт Open (Открыть) и в появившемся окне укажите путь к вашей картинке и откройте ее. У вас появится новая рабочая область, в которой есть только ваша картинка. Чтобы скопировать ее в файл, где мы с вами сейчас рисуем меню, вам нужно:
- При помощи инструмента Выделение выделить ту часть картинки, которую вы хотите скопировать. Для этого ведите по ней курсором, зажав при этом левую кнопку мышки. Вокруг выделенной части изображения появится пунктирный прямоугольник.
- Нажмите в верхнем меню пункт Edit (Править), а затем Copy (Копировать), или просто сочетание клавиш Ctrl + C
- Перейдите в тот файл, где вы рисуете меню, создайте новый слой и нажмите в верхнем меню пункт Edit (Править), а затем Paste (Вставить), или просто сочетание клавиш Ctrl + V. Скопированное изображение появится у вас на рисунке.
У нас получилось так, что изображение не соответствует размерам рисунка и его нужно уменьшить. Для этого мы нажимаем сочетание клавиш Ctrl + T. Вокруг картинки появились маркеры-прямоугольнички, двигая которые, мы можем уменьшить, увеличить или растянуть изображение:
Ну а как передвинуть изображение на свое место, мы вам уже рассказали.
Когда полученный результат вас устроит, нажмите любую кнопку на панели инструментов (или просто нажмите клавишу Enter). Перед вами откроется окно, в котором программа спрашивает вас, хотите ли вы применить к изображению сделанные изменения. Нажмите Apply (Применить).
Как вы видите на рисунке, добавленная нами фотография закрыла собой нарисованные кнопки. Если у вас произошло то же самое, то просто перетащите слой с фотографией на панели слоев в самый низ.
После этого мы решили, что хотим немного поменять цвет текста (как это сделать, мы сегодня уже рассказали), и в результате получилось вот что.
Добавим кнопкам эффекта прозрачности. Для этого выделяем слой с нужной кнопкой, а затем в поле слоев меняем параметр Opacity (Прозрачность) со 100% на немного меньшее значение. Повторяем так для каждой кнопки.
Ну и для тех, кому понравилось рисовать: добавим эффект тени к кнопкам.
В открывшемся окне можете ничего не менять и просто нажать ОК. Повторить действия для каждого слоя с кнопками (кроме текстов).
Теперь нам нужно обрезать лишнюю часть подложки рисунка:
Вот что у нас в итоге получилось:
Шаг 3. Правильно сохраняем рисунок
Теперь нам нужно разрезать эту картинку на отдельные части, чтобы каждый пункт меню можно было сохранить в виде отдельной картинки. Вот как это делается.
Нажимаем в меню File (Файл), затем Safe for web (Сохранить для веб). Перед вами откроется окно с настройками для сохранения файла. Мы рекомендуем выбрать формат png-24 (он подходит в большинстве случаев) и снять галочку напротив Transparency (Прозрачность):
После того, как вы нажмете Сохранить, у вас на компьютере появится папка images, в которой будут лежать фрагменты вашего меню.
В следующий раз мы расскажем вам, как вставить меню в группу и добавить к нему ссылки.
Домашнее задание: нарисовать и сохранить красивое меню для группы.
Если вдруг что-то осталось для вас непонятным, не стесняйтесь задавать вопросы. Вопросы оставляйте прямо здесь, в комментариях под этим уроком. Следующий урок вы получите ровно через неделю. До встречи!
Создание группового меню ВКонтакте онлайн. Как сделать открытое групповое меню ВКонтакте
Для создания меню в группе Вконтакте нужен какой-то графический редактор. Самым распространенным является Adobe Photoshop. С его помощью можно составить меню для группы Вконтакте.
В Интернете есть множество шаблонов и шаблонов, вы можете использовать их, если не можете создать самостоятельно.
Создание меню в графическом редакторе
Сначала нужно создать шаблон меню, а уже потом добавлять его во Вконтакте.Ширина фона меню не должна превышать 370 пикселей. Если он больше, он все равно уменьшится до этого размера. Вы уже можете выставить высоту пропорционально ширине, чтобы все подходило вам, и при этом она была не очень длинной. Перед созданием меню продумайте фон, текст, который должен быть на кнопках меню.
Запустите Photoshop, создайте новый документ (файл — создать или ctrl + N). Устанавливаем параметры созданного файла. Максимальная ширина 370 пикселей, я сделал 200 пикселей, а высота 250 пикселей.Вы можете сделать его намного меньше и компактнее. Добавьте в созданный файл картинку, которая будет фоном. Теперь создаем текст. Мой пример самый простой, можно сделать намного красивее, компактнее.
Я такое меню создал. Я выбрал Режущий инструмент и вырезал им на картинке три части, обозначенные цифрами 1,2,3 — это будут пуговицы. После вырезания сохраните созданное меню. Щелкните Файл — сохранить для Интернета и устройств.
В появившемся окне ничего не меняйте, нажмите сохранить.Выберите место для сохранения и нажмите «Сохранить».
Все, доделали работу в фотошопе.
Добавление меню к контакту
Теперь созданные изображения после сохранения будут в папке изображений. Загружаем их в контакт с помощью стандартного загрузчика фото. Вы можете загрузить эти файлы в групповой фотоальбом. Проще говоря — добавляется как обычная фотография, которую вы загрузили в контакт. Теперь убедитесь, что в настройках группы включено следующее. Зайдите в свою группу, нажмите на управление сообществом (находится под основной фотографией группы справа).Затем ниже находим материалы предмета, там должны быть подключены. После того, как вы выбрали подключение, нажмите «Сохранить». Если вы не нажмете кнопку «Сохранить», изменения не вступят в силу.
После этого переходим на главную страницу нашей группы, а там, где есть информация о группе (описание, расположение), идет строка свежих новостей. Последние новости направляем на надпись, в левой части нажимаем редактировать.
В появившемся окне нужно указать код [].Вы можете скопировать и вставить его прямо из статьи. Теперь вам просто нужно изменить свои данные.
фото-40781312_285935465– код фото. Его можно посмотреть в адресной строке. Этот код виден при переходе к фото. Сам адрес там намного больше, но нужно скопировать ту часть кода, которая начинается со слова фото и заканчивается цифрами. Обычно после цифр может стоять, например, знак процента.
Nopadding — эта команда удаляет пробелы между картинками.
100px — ширина меню (если это отдельная кнопка, то это будет ширина кнопки).
club40781312 — ссылка на раздел, куда человек перейдет, нажав на эту кнопку (картинку). Он также находится в адресной строке браузера в тот момент, когда вы находитесь в разделе, куда должен перейти человек, когда он нажимает на кнопку. Вам нужна только последняя часть кода, которая идет после последней наклонной линии / (также называемой косой чертой). В моем случае при нажатии на кнопку (картинку) в моей группе произойдет переход на главную страницу группы.Вы помещаете свой код в свой раздел.
Вы также можете изменить заголовок. Например, вместо срочных новостей я написал меню группы. Вы пишете, что хотите. После того, как вы закончили редактировать свой код, нажмите «Сохранить». Мы делаем это с каждой кнопкой, которую вы создали для меню в контакте. Если вы разместите код под кодом, кнопки займут то же место. Если вы поместите следующий код справа от кода, то кнопки меню также будут расположены точно так же, как вы вставили код.
Если вы не получили ответа на вопрос, как сделать групповое меню
Не удалось получить ответ на вопрос как сделать меню в группе Вконтакте по инструкции, которую вы читали, напишите нам, нажав Задать вопрос … Запишите вашу проблему и действия ты взял. Ответим лично.
- Видео по созданию группового меню
Step 1
Для начала перейдите в свою группу и в блоке «Свежие новости» (в данном случае я переименовал его в «Меню») нажмите ссылку «Изменить», которая появляется при наведении курсора.Важный! Во-первых, у вас должна быть открытая группа, а не страница. Так как на Странице такого пункта просто нет. Во-вторых, в меню «Управление сообществом»> «Информация»> «Контент» должен быть выбран пункт «Публичный».
Шаг 2
На вкладке «Редактирование» напишите фразу [[Теория веб-дизайна]] в двойных квадратных скобках. Затем нажимаем на кнопку «Сохранить страницу».
Step 3
После этого рядом с кнопкой появится ссылка «Предварительный просмотр», и нажмите на нее.Ниже откроется предварительный просмотр нашего меню, где мы видим ссылку «Теория веб-дизайна», которая появляется внизу.
Step 4
Щелкните по этой ссылке и перейдите на созданную страницу с заголовком «Теория веб-дизайна». Затем нажмите ссылку «Наполнить содержанием». Далее редактируем текст как в обычном текстовом редакторе — вставляем картинки, тексты, видео и другие объекты. В этом случае наша созданная страница будет иметь URL-адрес вида https://vk.com/page-15865937_43819846.
Альтернативный способ создания внутренней страницы
Есть альтернативный способ создания страницы.В основном он подходит для публичных страниц (публичных страниц), так как описанный выше метод для них не подходит. Для этого мы будем использовать следующий код
http://vk.com/pages?oid=-XXX&p=Page_name
где вместо XXX мы подставим id нашей группы, а вместо текста «Page имя »напишем Меню. Теперь нам нужно узнать идентификатор группы. Как это сделать? Заходим на главную страницу группы и смотрим наши посты на стене — прямо под блоком «Добавить пост» будет написано «Все посты» — нажимаем на эту ссылку.
Перейдите на страницу и посмотрите URL этого типа https://vk.com/wall-78320145?own=1 , где числа 78320145 в этом примере — это идентификатор группы. Подставляем свои данные в исходный код и получаем запись такого рода: http://vk.com/pages?oid=-78320145&p=Menu (с вашими номерами!). Вставляем эту строку в адресную строку браузера и нажимаем Enter. Итак, мы создали новую страницу Вконтакте.
Чтобы сделать общий вид сообщества более эстетичным и более удобным для работы, лучшим решением будет создание группового меню.Таким образом, вы можете поместить все важные элементы в один аккуратный список, установить собственный значок или изображение для каждой ссылки, быстро и эффективно уведомлять посетителей о любых изменениях. В меню могут быть следующие элементы: различные ссылки на внешние сайты, выноски для обсуждений, альбомы, музыка и другие разделы на сайте Вконтакте, изображения и просто структура вашей группы. Следуя приведенным ниже инструкциям, попробуйте создать собственное меню для сообщества Вконтакте.
Как создать простое меню в группе Вконтакте
Если вы хотите, чтобы каждая строка меню приводила к той или иной теме обсуждения, в первую очередь, вам нужно создать эти самые обсуждения и дать им имена.Оставлять их закрытыми или открытыми для комментариев — личное дело каждого, так как этот параметр не влияет на отображение страницы в меню.
Постарайтесь составить простое меню, которое будет представлять структуру вашей группы и содержать все наиболее важные разделы.
- Имейте в виду, что меню в группе и сообществе будет выглядеть немного по-разному. Поэтому, если вы хотите передать группу в сообщество, щелкните значок с тремя точками рядом с названием группы и выберите строку «Преобразовать в страницу».Учтите, что вы не сможете снова превратить сообщество в группу.
- Теперь перейдите по ссылке «Управление сообществом» в том же меню.
Вы увидите блок со всеми настройками вашей группы, здесь вы можете изменить имя, контактную информацию, конфиденциальность, управлять участниками. Перейдите в категорию «Разделы».
- В строке «Материалы» установите значение «Отключено» или «Ограничено», чтобы члены группы не могли случайно повредить ваши файлы, необходимые для проектирования.Не забудьте сохранить свой выбор.
- Зайдите в группу и перейдите в окно «Свежие новости», из которого вы создадите меню.
- Прежде всего, вам нужно изменить заголовок «Свежие новости» на «Меню» или любое другое имя, которое дает понять участникам, что здесь они могут быстро переходить по нужным им ссылкам.
Переключите режим редактирования сообщения на «редактировать разметку Wiki» с помощью маленькой стрелки в правом углу.
Теперь создайте структуру:
- Важно, чтобы у вас в группе были обсуждения, материалы или альбомы, название которых вы будете использовать в меню.
- Напишите все заголовки основных разделов в строке, дважды заключив их в квадратные скобки.
- Чтобы текст выглядел как список, поставьте звездочки перед абзацами.
На этом снимке экрана мы можем предположить, что у группы есть материал под названием «Раздел 1», обсуждение «Раздел 2» и альбом «Раздел 3».Нажмите «Предварительный просмотр» или «Сохранить изменения».
- Ваш раздел изменится на «Меню», и в нем появятся активные ссылки на основные категории группы, аккуратно расположенные в виде списка.
Как вставить ссылки в меню группы Вконтакте
Чтобы ускорить доступ к вашему официальному сайту или разделам непосредственно внутри группы, лучше вставлять активные ссылки.
- Вернуться к редактированию раздела меню. Скопируйте нужную ссылку и просто вставьте ее в окно в режиме разметки Wiki.После сохранения он станет активным.
- Так выглядят все ссылки, которые вы можете вставить в свое групповое меню.
Как создать меню ВКонтакте с картинками
Если вы хотите, чтобы меню состояло из красивых значков, ведущих к определенному разделу, просто следуйте приведенным ниже инструкциям.
- Для начала создайте специальный альбом, который будет содержать только технические картинки по дизайну группы.
- Загружать изображения в формате jpeg не более 500 пикселей на 500.
- Скопируйте URL-адрес загруженного изображения.
- Теперь скопируйте ссылку на обсуждение, контент или другой внешний сайт.
- [[Ссылка на изображение в вашем альбоме | размер в пикселях; nopadding | Ссылка на обсуждение или сайт]]
Пример показан на скриншоте.
Щелкните «Сохранить страницу».
- Теперь в вашем меню появится аккуратная ссылка. Вы можете установить значение пикселя по своему усмотрению.
Чтобы добавить несколько изображений, просто введите новые ссылки в новой строке.
Красивый дизайн группы Вконтакте — один из залога ее успешного продвижения. Но помимо красоты очень важно и удобство использования. К сожалению, вариантов оформления группы не так уж и много, в отличие от возможностей дизайна созданного сайта.Однако есть один интересный вариант — это составить меню. В этой статье вы узнаете , как сделать меню в группе Вконтакте .
Какой размер меню группы Вконтакте?
Прежде чем что-то создать, нужно определиться с его размером. Это очень важно, так как изображение неправильного размера может сильно исказиться. Итак, какой размер меню группы Вконтакте нужно выбрать?
В предыдущей статье о дизайне групп Вконтакте мы подробно разобрали размер разных элементов (аватарок и прочего), рекомендую ознакомиться с ним.Но, как говорится, «повторение — мать учения», а потому на картинке ниже вы можете ознакомиться с правильными размерами всех элементов группы Вконтакте.
Как правило, групповое меню Вконтакте состоит из двух элементов: картинки, при нажатии на которую появляется меню и самого меню. Фиксированная картинка в описании группы с меню или без него должна быть шириной 510 пикселей по ширине, а высота должна быть равна ширине или меньше — это уже с учетом нового дизайна.
Размер группового меню Вконтакте 607 пикселей в ширину. Она может быть самой разной по высоте. Так что места для любого дизайнерского решения хватит.
Как вставить картинку в описание группы Вконтакте?
Элементарно. Все, что вам нужно сделать, это взять подходящее изображение нужного размера и добавить его на стену группы от имени сообщества.
Многим создать картинку будет намного сложнее. Благо, новый дизайн Вконтакте менее капризен к размеру изображения, и если выбранное вами изображение соответствует размерам, описанным выше в статье, то оно будет отображаться хорошо.Итак, вы можете скачать готовое изображение, обрезать его по ширине или высоте, и все готово.
Но если вы хотите создать уникальное и красивое изображение для описания группы Вконтакте, вам необходимо воспользоваться программой Photoshop. На самом деле это не так сложно, как может показаться новичку. Но вам придется потратить свое время на ее изучение. Могу порекомендовать замечательный видеокурс — «Фотошоп с нуля в видео формате 3.0». С его помощью вы быстро освоите эту программу.
Как сделать меню в группе Вконтакте? Инструкция
А теперь перейдем к созданию меню.Составим процесс действий в виде инструкций. Чтобы сделать меню в группе Вконтакте , вам потребуется выполнить несколько простых шагов:
- Первое, что нам нужно сделать, это зайти в настройки группы и активировать раздел «Материалы». Значение должно быть установлено на «ограничено» или «открыто».
- Далее готовим картинку для группового меню Вконтакте. Если не хотите возиться, вы можете оформить меню в текстовом виде, но это будет менее привлекательно.В качестве примера возьмем следующую картинку, которую можно увидеть ниже.
- Кстати, этот снимок был создан в фотошопе менее чем за полчаса. В другом редакторе сделать это будет сложнее. Поэтому рекомендую вам ознакомиться с курсом, о котором я писал выше. После того, как рисунок выделен, его нужно разрезать на части и сохранить на компьютере.
- Затем нужно создать альбом для фото на личной странице Вконтакте. Этот альбом даже можно сделать полностью закрытым. После создания альбома заполните его всеми частями нашего изображения.
- Затем перейдите в свою группу и в разделе последних новостей нажмите кнопку «Редактировать».
- После этого откроется страница, которой вы можете дать произвольное имя и написать следующий текст в квадратных скобках. Затем нажмите кнопку «Сохранить страницу».
- Затем вернитесь на страницу своей группы или обновите ее (если она уже открыта).Щелкните ссылку «Открыть меню». После этого появится дополнительная ссылка на созданную нами страницу. Нажмите здесь.
- Далее откроется эта страница. Поскольку он только что был создан, в нем ничего нет и нам нужно его заполнить. Щелкните ссылку «Наполнить содержанием».
- Далее мы пишем следующий код, как на картинке ниже. В нем вам нужно указать номер фотографии (для этого вы можете открыть фотографию, загруженную в свой альбом, и скопировать ее адрес типа «photo15535684_427525646»), размер фотографии (вы можете найти его в свойствах фото), а также указать ссылку, на которую ведет данное фото.
- Чтобы убедиться, что мы все сделали правильно, нажмите кнопку «Предварительный просмотр». Под кодом появится сформированное меню группы Вконтакте. Если все отображается правильно, то нажимаем на кнопку «Сохранить», а если нет, то ищем и исправляем ошибки.
- Теперь нам нужна картинка, которая станет заставкой нашего меню и будет в описании нашей группы. Размеры картинки для описания группы Вконтакте мы писали выше, но если кто забыл — в ширину от 510 пикселей, а в высоту равную ширине или меньше.Можно использовать большие размеры, но в тех же пропорциях.
- Затем открываем нашу созданную страницу с составленным меню группы Вконтакте и копируем ссылку на нее. Чтобы правильно скопировать ссылку, нужно нажать «Редактировать страницу». После этого появится написанный ранее код, и вы сможете скопировать адрес из строки браузера, которая должна выглядеть так: «https://vk.com/page-119301077_51764020».
- Далее заходим в нашу группу и вставляем скопированный адрес меню в форму для отправки сообщений.А потом фото, которое будет заставкой. После этого нажмите кнопку «Отправить».
- Теперь остается закрепить эту запись. Сделайте это так же, как я сделал на картинке ниже.
- Так будет выглядеть наше меню для группы Вконтакте. Если хотите посмотреть лично, то здесь
Изображение было вырезано с помощью инструмента Photoshop «Вырезать», а затем сохранено. Каждая из выделенных частей стала отдельным изображением.
Сегодня все больше и больше пабликов в ВК добавляют меню в свой интерфейс, которое служит не только помощником в навигации, но и придает эстетическую привлекательность сообществу и помогает увеличить конверсию.Сегодня поговорим о том, как сделать меню в группе ВКонтакте.
Для чего это используется?
Меню в группе ВК может выполнять следующие функции:
- Навигация. Наличие навигации в сообществе ВКонтакте позволяет вашим потенциальным клиентам быстрее находить необходимую информацию и разделы группы, что сокращает путь превращения посетителя в покупателя. Такое меню может содержать ссылки не только на внутренние страницы ВКонтакте, но и на сторонние сайты.Например, на официальный сайт вашей компании.
- Эстетическая привлекательность. Другая, не менее важная задача — сделать так, чтобы публика выглядела красиво. Комбинируя этот элемент с другими элементами дизайна (аватар, обложка, баннер, прикрепленный пост), вы можете придать своему сообществу индивидуальный, уникальный и запоминающийся стиль.
Ну разве не красиво?
- Мотивация к целевому действию. Вы сами можете подтолкнуть пользователя к чтению или просмотру определенной информации, щелкнуть по определенной кнопке и т. Д.Качественный и продуманный дизайн умеет сделать кликабельное меню, которое как привлечет внимание пользователей, так и заинтересует их, и призыв к действию (призыв к действию).
Как создать текстовое меню?
Создание меню навигации в группе ВК осуществляется с помощью вики-разметки. Это технология, которая предоставляет расширенные возможности форматирования текста. Для социальной сети ВКонтакте эта разметка стала незаменимым инструментом для создания и оформления привлекательных обучающих, продающих, развлекательных страниц, в том числе навигационных меню.
Итак, как сделать меню в группе ВКонтакте:
Важно! Сделайте их ограниченными, чтобы только у вас был доступ к редактированию. При открытом доступе любой член сообщества может редактировать меню.
При наведении курсора на кнопку должна появиться надпись «Режим визуального редактирования». Если отображается «Режим разметки вики», он не включен.
Кнопка «Предварительный просмотр» позволяет заранее увидеть результат.
- Если все сделано правильно, нажмите кнопку «Сохранить страницу».
Вуаля! Теперь у нас появилось меню. Нажимая на каждый из пунктов, мы попадаем на соответствующую страницу.
По умолчанию он будет доступен во вкладке с указанным вами именем (вместо «Свежие новости»). Но не все пользователи это увидят. Чтобы сделать его более интерактивным и видимым, создайте сообщение со ссылкой на меню, задайте соответствующий стиль и закрепите его. Таким образом, при нажатии на ссылку в закрепленном посте перед пользователем откроется меню группы.
Ниже пример такой записи:
Текстовые меню используются редко, поскольку ваше сообщество не приобретет привлекательный вид. И они будут неохотно нажимать на нее. Но я показал вам, как создать это так, чтобы пользователи это заметили.
Как сделать графическое меню?
Другое дело — графическое меню, где за основу взяты изображения. Здесь кнопки будут не текстовыми с гиперссылками, а картинками в формате PNG. Следовательно, чтобы сделать графическую версию вики-меню для вашего сообщества, вам потребуются как минимум некоторые навыки и умения для работы в Photoshop или другом графическом редакторе.
В нем вам нужно будет создавать картинки кнопок. Чтобы меню не выглядело как набор случайных изображений, кнопки, созданные в Photoshop, должны быть объединены друг с другом, чтобы вместе они выглядели как одно целое. Например, как на скриншоте ниже:
Как создать графическое меню в группе:
Таким образом, мы получили меню, состоящее только из изображений. При желании и достаточных навыках вы можете создать уникальный стиль и новый дизайн для своего сообщества.
Если у вас нет навыков работы в Photoshop, но вы хотите получить качественный и привлекательный дизайн своего меню, обращайтесь к профессионалам. Или воспользуйтесь методом, который я опишу далее.
Использование шаблонов
Если у вас нет возможности выделить отдельный бюджет на разработку вики-меню, но при этом вы хотите получить профессиональный дизайн, используйте готовые шаблоны.
Сегодня в сети существует множество онлайн-сервисов и сайтов, где можно бесплатно (или платно) скачать готовые шаблоны.Достаточно задать соответствующий запрос в строке поиска браузера. Ну а после их скачивания воспользуйтесь инструкцией, которую я описал выше.
Как меню способствует успеху сообщества?
Качественное, красиво оформленное интерактивное меню — это одновременно грамотное дизайнерское решение и полезный инструмент. Более того, это приносит пользу как посетителям сообщества, так и маркетологам, задача которых — заставить этих посетителей предпринять целенаправленные действия.
Входя в обычный паблик, пользователь имеет широкий выбор действий.Он может щелкнуть в любом месте и увидеть что угодно, но обычно 80% предметов остаются без присмотра. Меню, в свою очередь, способно сосредоточить внимание пользователя на определенных вещах, на определенной информации, которую оно содержит.
Именно так и работает меню в группах ВК. Он направляет людей и говорит им, что можно сделать, что можно увидеть и т. Д. И если он грамотно и умело скомпилирован, то он направит его по пути, который вы задумали, по пути конверсии. Это психология, которая играет важную роль в маркетинге.
Результат
Сегодня я рассказал вам о том, как сделать меню в группах ВКонтакте, о его видах и преимуществах. Это многофункциональный и очень полезный инструмент. Используйте это в своей работе. Надеюсь, эта статья была для вас полезной.
Как поставить фон в группе ВКонтакте. Группа ВКонтакте дизайн
Удачный дизайн группы Вконтакте должен быть не только красивым, но и функциональным и удобным. Получите дизайн для решения ваших маркетинговых задач, чтобы группа привлекала к бренду платящую и покупающую аудиторию и оставалась с ним навсегда.
5 шагов как оформить группу во ВКонтакте
Крышка
Обложка сообщества
сегодня — важный инструмент для создания группы в бренде ВКонтакте и ее продвижения. Вы можете скачать его в разделе «Управление сообществом», перейдя во вкладку «Настройки». Качественное горизонтальное изображение в шапке сообщества само выступает главным промо-баннером компании в социальной сети. Он задает настроение, информирует, улучшает имидж, призывает к целевым действиям и одновременно продает.
1. Используйте высококачественные иллюстрации
Обложка сообщества ВКонтакте должна быть размером 1590х400 пикселей, но лучше загружать фотографии в 2-3 раза больше в формате .png. Это позволит избежать плохого качества отображения.
2. Адаптировать образ под разные устройства
Помните, что это изображение может отображаться по-разному на разных устройствах — на мобильном телефоне края будут обрезаны, поэтому лучше разместить всю самую важную информацию ближе к центру.
3. Разместите слоган и USP
Позвольте клиенту увидеть вашу философию и преимущества с первого экрана.
4. Показать товар / услугу, процесс или результат его использования
Так потенциальный покупатель сразу узнает, на чем вы специализируетесь, и примет участие в разработке продукта.
5. Помогите клиентам сразу связаться с вами
Напишите на баннере свой номер телефона, адрес электронной почты и другие контакты компании.Если территориальное расположение важно для вашего бизнеса, например, вы работаете в сфере общественного питания или хореке, адрес также будет полезен.
6. Анонс событий
Вы продвигаете концерты, ожидаете выпуска новой коллекции или продукта или проводите фестиваль / конференцию / день клиента? Расскажите об этом всем, кто приходит в сообщество.
7. Настоящие акции и скидки
Где как бы на основном сайте рассказать аудитории, что прямо сейчас у вас можно сделать заказ в 2 раза дешевле? Самое главное, не забудьте поменять иллюстрацию после окончания акции.
8. Предлагаем принять целевое действие
Когда обложка сообщества загружена, в правом нижнем углу горизонтально располагаются две кнопки — Написать сообщение и Присоединиться к группе. Укажите на них стрелкой, чтобы еще больше привлечь внимание аудитории. Так что если товар представлен на баннере, вы можете сразу предложить его заказать в сообщениях. А если на нем есть дайджест последних новостей, подпишитесь, чтобы всегда получать самую свежую информацию.
Загрузите аватар и выберите миниатюру
Некоторые бренды до сих пор не применяют обложку, предпочитая старый вид первого экрана группы, используя комбинацию аватара с фиксированной записью в качестве так называемого «заголовка».В этом случае одна картинка является продолжением другой. Наиболее эффектно выглядит, когда фото заканчивается на одном уровне с аватаркой.
При использовании максимального размера аватара 200×500 пикселей размер изображения в закрепленном посте должен быть установлен на 510×308 пикселей. Отличный способ привлечения внимания — закрепить видео, загруженное через проигрыватель социальных сетей, которое стилистически продолжает аватар.
Если вы используете обложку в качестве заголовка, то аватар всегда будет отображаться в виде эскиза.
Правила оформления аватаров сообщества ВКонтакте
Миниатюра — это маленькое круглое изображение, вырезанное из большого аватара и отображаемое при групповом поиске, в списке сообщества каждого пользователя и слева под обложкой, если таковая имеется. Вот несколько советов по дизайну.
1. Миниатюра должна быть понятна аудитории
Не публикуйте странную иллюстрацию. Визуализируйте то, что целевая аудитория впоследствии будет связывать с брендом, например, логотип, значок продукта / услуги или, возможно, главный маркетинговый персонаж бренда.
2. Используйте только качественные фото
Исходный код лучше загружать в 2-3 раза больше необходимого, чтобы можно было забыть о жутких пиксельных «квадратах», которые заставляют смотреть не в лучшем свете.
3. Создавайте собственные иллюстрации
Стандартные стоковые изображения будут выглядеть дешево и непрофессионально, а пользователи станут синонимом недоверия к бренду. Создавайте уникальные дизайны в той же концепции и в той же цветовой гамме, что и остальной дизайн.
4. Контрастирование фона картинки страницы — что нужно
При таком ярком оформлении миниатюр ВКонтакте «круглая» будет выделяться в ленте среди других групп и не сливаться с фоном страницы.
5. Разместите контакты или УТП фирмы
В зависимости от цели, поставленной перед миниатюрой, разместите на ней контактный телефон или адрес сайта, информацию о бесплатной доставке, указание самой низкой цены в сегменте или акции.
6. Сделать текст крупным и читабельным
Лучше не использовать шрифты с засечками или курсивом — они слишком «шумные» при просмотре с экранов ПК, мобильных устройств и смартфонов, загромождая вид. Убедитесь, что текст не выходит за пределы обрезанного эскиза. Это позволит правильно и эффективно донести сообщение до пользователя.
7. Использовать нестандартные формы
Например, в требуемом круглом шаблоне напишите многоугольник или другую геометрическую фигуру на белом фоне.Создайте эффект непрочитанного уведомления или значок в сети.
Дизайн меню
Меню — важный элемент дизайна группы в Контакте, который упрощает пользователям навигацию по группе — людям будет удобнее находить нужную информацию. Каждый элемент и страница созданы на специальном языке программирования — разметке Wiki. С его помощью вы можете сделать изображения кликабельными и создавать удобные страницы в социальной сети, как если бы это была страница веб-сайта.
Вы можете использовать как открытые, так и закрытые меню. В первом случае пользователь сразу видит разделы, которые в него входят, во втором — им предшествует картинка-превью с надписью «Меню». Меню также может визуально стать продолжением аватара, если вы используете старую версию дизайна сообщества.
Дизайн витрины продукции
При размещении продуктов в витрине сообщества помните, что первые 3 объекта всегда видны пользователям.Поместите в них самые популярные и самые заказные, загрузив изображение презентации в таком же стиле. Размещайте здесь форменные значки или фото самих товаров. Товары можно разместить на сервисах. В дизайне показать процесс оказания услуги или его результат. Размер такой картинки будет квадратным — 400х400 пикселей.
Оформление столба
1. Используйте доступные размеры изображений в полную силу
Максимальная ширина изображения в ленте составляет 510 пикселей.Наиболее впечатляющими являются квадратные изображения 510×510 пикселей и прямоугольные — 510×300 пикселей.
2. Разработать индивидуальный стиль публикации
Чтобы ваши сообщения выглядели индивидуально, используйте единый стиль, шрифт и цветовую схему.
3. Поместите короткий текст на картинку
Например, вы можете разделить изображение на 2 части — текст и графику или написать текст, затемняя фон. Чтобы текст был видимым без затемненного фона, напишите его на подложке (высококонтрастный графический блок однородного цвета) или добавьте тень к текстовому полю.Хорошо смотрятся фото с рамкой.
4. Сделайте несколько шаблонов для разных целей
Например, используйте один шаблон визуальной презентации для цитат, другой для анонса материалов с сайта, а третий для конкурсов.
Используйте эти стопроцентные приемы, и ваша компания будет максимально представлена в Вконтакте, а клиентам будет удобно с ней взаимодействовать. Но не забывайте, что всему нужна мера! Еще больше свежих идей по созданию сообщества ВКонтакте ищите на странице услуг агентства Tesla Target.
Всем привет, уважаемые читатели блога сайта. Продолжаю тему — на самом деле все не так сложно, как кажется, и изучать здесь действительно нечего. Ваш профессионализм полностью зависит от вашей практики. Ну да ладно, сегодня мы поговорим о красоте ваших групп, красоте меню в ваших группах и о том, как красиво оформить меню и сами группы своими руками, т.е. бесплатно!
Если говорить о простоте smm-индустрии, то есть еще больше ветвей и хитростей, которые нужно знать теоретически, чтобы добиться результата.Хорошо, хорошо, я также признаю тот факт, что я все еще могу быть слишком слаб в этих областях, хотя у меня есть оба моих клиента.
Ну-ну А вы пошли оформлять меню для групп ВКонтакте?
Как самому оформить меню в группе ВКонтакте
Да, самостоятельно, потому что после прочтения этой статьи вам не понадобятся услуги фрилансеров. Хотя это дело не дорогое, за 1500 вы сможете составить меню на workzila (подробный опыт работы с этой биржей я писал).
Вот что нам нужно для регистрации группы в ВК:
1.
Layout (графическое расположение элементов) — ведь мы должны знать, где то, что должно располагаться.
2.
Базовые знания вики-разметки. (о самых стандартных вещах мы поговорим ниже, а для детального изучения — рекомендую эту группу).
3.
Базовые навыки Photoshop. Вам нужно будет вырезать кусочки макета нужного размера.
Где взять макеты меню?
Макеты для оформления меню ВКонтакте можно взять разными способами, например:
1.
Freelance или Workzilla.
2.
Вы можете создать его сами, если у вас есть навыки работы с фотошопом. Если нет, рекомендую курсы Евгения Попова, вот один из них, просто в фотошопе — нажмите.
3.
Можно погуглить и скачать готовые. Поверьте, их много.
Ну с другой стороны… Зачем гуглить? Просто подпишитесь на обновления моего сайта. И нажмите на кнопки социальных сетей ниже.
Специально для вас я подготовил архив, в котором более 100 различных вариантов оформления для оформления групп ВКонтакте! … Распакованный архив занимает около 2,5 гигабайт.
Главное условие — быть подписчиком и следить за социальными кнопками.!
Спасибо. Теперь вы можете скачать архив по этой ссылке.
Не забудьте пройти остальные социальные кнопки.
Размеры аватарок и меню, которые пригодятся для украшения групп ВК
Чтобы правильно оформить группу или паблик, вам необходимо знать размер изображений, которые вам нужно использовать. Обратите внимание на эту картинку.
Как видите, группе аватаров требуется размер 200 пикселей в ширину и 500 пикселей в высоту. А для изображения главного меню — 395 пикселей в ширину и 289 пикселей в высоту.
Вот в принципе все, что нужно. Есть макеты, есть понимание размеров.
Творческая часть окончена — мало что осталось делать. Начнем с технической части всего процесса создания меню для групп.
Как самостоятельно оформить группу ВКонтакте, имея под рукой макеты
Итак, у нас есть макеты группового дизайна. Теперь вам нужно вырезать нужные части.
Для группового аватара конечно ничего не надо. Вырежьте нужную деталь из макета или рисунка — и вставьте в группу. Думаю уже можно вставить? Что ж, я на это надеюсь.Если нет — пишите комментарии, я добавлю этот раздел в статью.
Теперь меню, его нужно вырезать. Не само меню, конечно, но каждую часть меню (кнопки) обязательно нужно вырезать.
Во-первых, небольшая образовательная программа.
В чем разница между групповым меню и общедоступным меню?
Отличаются тем, что групповое меню уже, по сути, набор кнопок. Но это меню всегда скрыто! Всегда! А публичное меню всегда открыто и, по сути, представляет собой закрепленную пост-ссылку, ведущую на страницу с разделами самого меню (кнопками).
Итак, еще раз: в группе — чтобы увидеть меню, нужно нажать на кнопку «Меню группы», по умолчанию эта кнопка называется «Свежие новости».
И на публике (в группе, кстати, тоже можно) — меню всегда открыто.
Но это изображение представляет собой одну большую и красивую ссылку, которая ведет к большему отдельному меню. Здесь:
Эта кнопка с изображением в меню создается закрепленным сообщением. Это просто пост в группе, который мы будем закреплять навсегда! Эта ссылка на публикацию ведет на отдельную страницу, которую мы аккуратно создадим заранее.
Как создать отдельную страницу для меню ВКонтакте
Для создания страницы будущего меню (навигации) необходимо отправить запрос в ВК следующего содержания:
, где XXX — номер группы, YYY — имя страницы (здесь требуются все вопросительные знаки и тире).
Более того, рекомендую сделать имя нормальным, привлекательным и значимым, потому что оно будет светиться и люди будут этим именем добавлять определенное впечатление о вас и вашей группе. Например «Навигация» или «Групповое меню» — это нормальные названия, но вроде бы банальные.Использовать свое воображение.
Я ввел следующий запрос
И я открыл сразу созданную страницу с возможностью ее редактирования.
Здесь вам нужно будет вставить свой код для самого меню, используя разметку wiki. Но об этом позже.
Кстати, по секрету скажу, если у вас есть группа (а не публичная) — стандартное меню, которое уже существует по умолчанию — это уже сама по себе страница. Так что вы можете использовать его, если у вас возникнут проблемы с созданием дополнительных страниц.
Как сделать закрепленное сообщение в группе или паблике
Да, и в любом типе сообщества закрепленный пост создается одинаково! Все сделано очень просто.
И в появившемся окне нажимаем кнопку «Исправить» — все просто!
Кстати, многие группы используют закрепленные сообщения в качестве рекламы. Если время актуальности этого объявления прошло, вы просто снова нажимаете на дату публикации и на кнопку «Открепить».
Фактически, теперь каждый использует именно этот метод меню.
Угадайте, почему?
Итак, мы уже знаем, как создавать страницы и закреплять сообщения. Прохладный. Вернемся к нашим макетам баранов.
Нарезка макета для создания группового или общедоступного
Итак, с аватаркой все понятно, мы здесь ничего не рубим. Мы создали картинку нужного размера и загрузили ее в ВК. Все. Мы закончили с аватаркой группы!
Теперь меню.
Я, например, взял меню из этой группы. Я сделал это сам, и у меня до сих пор есть к нему доступ, поэтому я даже могу показать код страниц.
Итак, вы уже знаете, как сделать главную картинку для меню — это просто закрепленный пост.
Щелкните по меню, смотрите картинку.
Нам нужно выбрать «кликабельные» зоны.
тех. выбираем сами кнопки. Позвольте мне выделить вам эти области красными линиями.
Сколько мы получаем? 5 картинок. И не на каждой картинке будет кнопка !! Как видите, верхняя большая картинка не кнопка, а сама по себе …
Итак, вырезаем картинки по этим линиям.Теперь нужно «залить» в ВК.
Если вы создали отдельную страницу для меню, нажмите кнопку «Заполнить содержимым» на вновь созданной странице.
Если вы не создавали эту страницу, а использовали готовую страницу для меню, то редактор страниц прямо перед вами и вы можете сразу загружать фото:
Заполните, и у вас должно получиться:
Возможно, у вас будет просто код, как на картинке ниже. Если нет, нажмите кнопку «Исходный код», я выделил эту кнопку на верхнем рисунке.И вы увидите следующее:
Здесь нам нужно выстроить все картинки в ряд, чтобы не запутаться (ну, я так и делаю).
А чтобы между картинками не было отступа, добавьте тег «nopadding», он должен выглядеть так:
это page-581_45419120 — это адрес самой страницы ВКонтакте, этот идентификатор вы найдете в адресной строке браузера.
Вот и все 🙂 Разве не сложно?
Это то, что я получил в итоге в коде.Если у вас есть что-то подобное, то все в порядке.
Если у вас возникли проблемы с любым из пунктов, свяжитесь с нами. Буду рад помочь.
Пользуясь случаем, хочу напомнить вам, что есть замечательные услуги для любой акции и продвижения, это:
prospero | общаться | социальные инструменты
Возможно, я не раскрыл всех секретов, которые нужно было раскрыть. Признаюсь, что-то упустил, ведь статья не маленькая — напишите мне, если заметите явные упущения.Заранее спасибо.
В этой статье я хотел бы систематизировать все свои знания о дизайне групп ВКонтакте, основываясь на моем опыте взаимодействия с клиентами и их предпочтениях. Более того, за последние полгода ВКонтакте внесло много изменений, о которых многие даже не подозревают. На некоторых нововведениях хотелось остановиться подробнее, так как среди них есть действительно стоящие и полезные вещи. Все мы вроде бы уже оправились от шока после редизайна ВКонтакте, и за видимыми изменениями раскрылась многовариантность функционирования и содержания группы.Так что теперь оформление групп — это сложная процедура, которая не ограничивается исключительно графической составляющей в виде красивых картинок. Теперь владельцам необходимо учитывать множество нюансов построения структуры группы в зависимости от тематики бизнеса и удобства пользователей.
В основном это касается выбора графического дизайна из двух взаимоисключающих вариантов, разработки внутреннего меню, выбора точки входа во внутреннее меню, понимания разницы между каталогом и витриной товаров, подготовки рекламных материалов для продвижения группа, использующая полезные приложения.Но обо всем по порядку. Сначала мы рассмотрим основные элементы дизайна группы, затем перейдем к их взаимодействию в виде различных комбинаций, а затем поговорим о некоторых полезных хитростях и тонкостях.
1. Горизонтальная крышка (жатка)
Начнем с горизонтальной крышки или жатки. Разработчики ВКонтакте уверяют, что обложка благодаря своим размерам дает большую гибкость в предоставлении и визуализации информации. Обычно, помимо красивой картинки, в шапке есть логотип, сопроводительная информация, контакты, призыв присоединиться к группе и адрес сайта.У меня есть подозрение, что когда-нибудь чехлы станут единственно возможным вариантом дизайна для группы, поэтому рекомендую сразу перейти на них, чтобы в дальнейшем избежать форс-мажорных редизайнов.
Как загрузить обложку
Чтобы скачать обложку, вам нужно перейти в Управление сообществом >> Основная информация >> Обложка сообщества >> Скачать. Рекомендуемый размер обложки — 1590 × 400 пикселей.В шапке не может быть никаких рабочих кнопок, на которые можно было бы нажимать — собственно, это картинка и все. Сегодня обложка видна на мобильных устройствах и, кажется, уже видна в приложениях и клиентах.
Вкладка Wiki Последние новости
В верхнем блоке под заголовком теперь могут быть три вкладки: закрепленная запись, информация о сообществе и вики-меню (только в группах, на публичных страницах такой вкладки нет). Акцент по-прежнему делается на закрепленный пост, но даже при его наличии у пользователя теперь всегда будет доступ к информации о сообществе, переключаясь между вкладками.Чтобы увидеть вкладку меню вики (первоначально называвшуюся «Свежие новости»), вам нужно перейти в Управление сообществом »Разделы» Контент »Запрещено (или Открыть)» Сохранить.
2. Вертикальный аватар
А теперь обратим внимание на старый добрый групповой аватар размером 200×500 пикселей. Пока это еще и способ украшения группы. Обычно на аватаре располагается следующая информация: логотип, сопроводительный текст или слоган, контакты, звонок для присоединения к группе. На мобильных устройствах аватар не виден полностью, видна только его часть — миниатюра.Для украшения группы можно использовать либо горизонтальный заголовок (обложку), либо вертикальный баннер. Если есть заголовок, вертикальный аватар не виден. На аватаре не может быть никаких рабочих кнопок, на которые можно было бы нажимать — собственно, это картинка и все.
3. Миниатюра
В настоящее время вертикальный аватар используется для создания миниатюры, минимальный размер которой составляет 200×200 пикселей. Миниатюра используется в сообщениях и сообщениях в виде маленького кружка у заголовка и в виде большого кружка в некоторых выборках и упоминаниях сообщества.В связи с переходом к округлой форме требования к миниатюрам ужесточились. Чтобы текст на миниатюре читался полностью, он должен визуально не выходить за границы круга.
Как загрузить миниатюру
Миниатюра стала полностью самостоятельным элементом и при использовании обложки (заголовка) в дизайне группы теперь приходится делать отдельную миниатюру, учтите. Если у группы нет шапки (обложки), то для скачивания миниатюры нужно нажать «Загрузить фото» в блоке аватара (вверху справа).Если в дизайне есть заголовок (обложка), то для загрузки миниатюры нужно нажать на кружок сразу под заголовком и выбрать там пункт «Загрузить фото».
4. Баннер
Баннер (англ. Banner — флаг, знамя) — графическое изображение информационного, рекламного или побудительного характера. Баннер прикрепляется к сообщению в виде изображения и может иметь только одну внутреннюю ссылку. Многие до сих пор убеждены, что с баннера на главной странице можно сделать несколько ссылок.Это не тот случай, всего одна ссылка и все. Я бы выделил следующие типы баннеров.
4.1 Информационный баннер
Распространенный тип баннера, содержащий общую информацию о компании, группе, услуге или мероприятии с подробным списком преимуществ и другими сопутствующими материалами. Часто используется как закрепленный пост в группе. Размер такого баннера 510х307 пикселей. При таком размере баннер внизу совпадает с аватаркой. Если ссылки с аватаркой нет, то можно использовать любой размер.Например, я использую 600×350 пикселей. Формат квадрата 510х510 пикселей тоже удобен и сейчас набирает популярность — при таком размере баннер занимает максимально возможную площадь в ленте новостей.
4.2 Баннер для входа во внутреннее меню
Если мы добавим к баннеру из предыдущего абзаца броскую надпись «Открыть меню», то мы получим баннер, основная задача которого — служить точкой входа в внутреннее меню. Иногда делают прикол в виде нескольких кнопок на баннере, но это иллюзия, когда пользователь нажимает, он все равно попадает на внутреннюю страницу, и там каждая кнопка имеет свою ссылку.Размер такого баннера 510х307 пикселей. При таком размере баннер внизу совпадает с аватаркой. Если вход в меню не привязан к аватарке, то можно сделать баннер любого размера, даже узкую кнопку с надписью «Открыть меню». Главное, чтобы ширина баннера была не менее 510 пикселей.
4.3 Карты для репостов, акций
В последнее время особую актуальность приобрели карты для репостов или акций. Его задача — призывать к конкретным действиям.В основном это «Присоединяйтесь к группе, делайте репост или ставьте лайк и выигрывайте приз». Такие баннеры используются в рамках рекламных кампаний или акций как в собственных группах, так и для продвижения в других группах. Я обычно использую 600×350 пикселей.
4.4 Баннер с гифкой
После того, как разработчики ВК в начале года сделали больший размер для гифок, гифки сразу встали в ряд с информационными баннерами. Например, на GIF-баннере можно дать изображения нескольких изменяющихся товаров или текстов — движение сразу привлекает внимание.А когда в июне была добавлена функция автозапуска гифок в ленте новостей, гифки стали объектом пристального внимания рекламодателей и маркетологов.
5. Дизайн аватара + прикрепленный баннер
До недавнего времени этот модульный дизайн, состоящий из аватара и прикрепленного баннера, был самым популярным способом украшения групп. Подробнее о том, как сделать такую конструкцию, рассказано в уроке. С появлением кепки (чехла) популярность такой конструкции может немного снизиться.
Плюс есть вероятность, что ВКонтакте снова поменяет некоторые параметры блоков и тогда весь дизайн слетит, как это уже было дважды за последние полгода. Итак, уважаемые владельцы группы, выбирая дизайн для своей группы, учитывайте этот факт. Да и еще один момент, в мобильных устройствах не видно всей красоты отдельной картинки, так как отображается не аватар, а только миниатюра, а закрепленный пост находится чуть ниже.
6.Меню внутренней навигации
Меню в виде активных ссылок находится на внутренней странице ВКонтакте и написано с помощью команд разметки вики. Как создать саму внутреннюю страницу, рассказывается в уроке. С помощью меню пользователь перемещается по группе. Ниже вы рассмотрим типы внутреннего меню, а пока остановимся на нескольких важных моментах.
Точки входа во внутреннее меню
Хочу отметить один тонкий момент, который часто упускается из виду.Иногда клиенты заказывают у меня внутреннее меню, но при этом совершенно не представляют, как пользователь попадет в это самое внутреннее меню. И попасть в него можно двумя способами: либо через фиксированный баннер (см. Пункт 4.2), либо через текстовую ссылку в верхней вкладке под строкой состояния (см. Рис. Ниже). Иногда текстовая ссылка также помещается в блок «Ссылки» в правом столбце интерфейса.
Внутренние ссылки меню
Обычно при заказе покупатели указывают следующие пункты меню: О нас, Наши товары (каталог), Способы доставки, Оплата, Гарантии, Отзывы, Контакты, Акции, Скидки, График, Как сделать заказ, Портфолио , Вопросы и ответы, Информация, Сделайте заказ.Ссылки из пунктов меню могут переходить в соответствующие разделы внешнего сайта. Тогда ссылка автоматически откроется в новом окне. Большинство точек ведет на внутренние страницы ВКонтакте. В этом случае страница открывается в том же окне, и вам необходимо сделать ссылку или кнопку «Вернуться в главное меню».
Ссылки на альбомы с фото и видео откроются в новом окне. Ссылки на темы с обсуждениями (например, Обзоры), на диалоговое окно для написания сообщений, на приложения (см. Параграф 10), на выбор по хэштегам (см. Параграф 12) открываются в том же окне и в этом случае вы можете получить вернуться в меню можно только через главную страницу сайта, либо через кнопку «Назад» в браузере.Это, пожалуй, самый неудобный момент с такими ссылками.
Редактирование меню
Меня часто спрашивают, можно ли редактировать внутреннее меню. Мой ответ таков: если вы уверенный пользователь и знакомы с режимами разметки и редактирования вики, вы можете редактировать. Но если вы со всем этим не знакомы, то совершенно нет. В этом случае вы просто сбиваете все настройки.
Процитирую слова самих разработчиков ВКонтакте. «Один простой совет сэкономит вам много сил и нервов: работайте только в одном режиме.Либо это визуальный режим, либо режим разметки вики. Именно переключение между этими двумя режимами в процессе работы над разметкой приносит большую часть проблем: изображения могут сжиматься, различные параметры могут исчезать. Это один из тех моментов, которые обязательно будут исправлены в будущем, но пока нужно иметь в виду этот факт. «
Скорость отклика мобильных устройств
И еще кое-что об адаптивности. Чтобы внутреннее меню на мобильных устройствах выглядело так же, нужно набирать его на столах.Тогда изображение будет жестко закреплено. В противном случае при уменьшении размера экрана изображения будут скользить одно под другим, нарушая изначально задуманный порядок.
Здесь снова слова разработчиков в ущерб адаптивности. «Вики-меню отображается в мобильных браузерах, но не адаптируется к размеру экрана, из-за чего изображения могут выглядеть иначе, чем на компьютере. В сети можно найти руководства по адаптации разметки вики для мобильных устройств, но даже они не гарантируют 100% производительность на всех устройствах.«
7. Типы внутреннего меню навигации
Ниже приведены наиболее распространенные типы внутренних меню. Есть более простые и бюджетные решения с высокой степенью надежности. Есть и более сложные и трудоемкие конструкции с точки зрения графики и верстки. Но выглядят они более эффектно.
7.2 Большое графическое меню
В данном случае вертикальный ряд ссылок располагается на большом фоновом изображении и имеет жестко закрепленную структуру. Вот учебник.
7.3 Меню в виде пиктограмм, плиток
Данный дизайн предполагает несколько рядов и столбцов в виде графических пиктограмм и надписей к ним, либо графических разноцветных или монохромных плиток.
7.4 Динамическое меню с эффектом навигации
Очень впечатляющий дизайн, имитирующий навигацию по сайту с эффектом нажатия кнопок или другой пометки посещенных ссылок. Такое меню довольно сложно в управлении и требует навыков взаимодействия с разметкой вики, так как вам также придется редактировать информацию на страницах в разметке вики.Вот руководство по этой теме.
Несколько советов, как сделать дизайн группы Вконтакте эффективным. Изучите принципы правильного проектирования элементов коммерческого сообщества, чтобы оно стало стабильным источником прибыли для вашего бизнеса.
Вы научитесь правильно ставить задачи по разработке дизайна группы Вконтакте перед своими сотрудниками или фрилансерами. Вы сможете контролировать процесс работы и оценивать конечный результат не только с эстетической точки зрения, но и с учетом способности созданного дизайна превращать посетителей в клиентов.
С чего начать работу над дизайном?
Начать разработку дизайна группы Вконтакте с определением целевой аудитории , выявлением своих желаний и потребностей. Вы должны иметь четкое представление о том, кому и как вы будете продавать тот или иной товар или услугу.
Изучите своих конкурентов. Вполне логично, что конкуренты уже прошли этап поиска целевой аудитории. Вам необходимо проанализировать их сайты и группы в социальных сетях.Это поможет вам определить аудиторию, на которую нацелены тексты на сайтах ваших конкурентов.
Определите сильные и слабые стороны вашего предложения по сравнению с предложениями на рынке. Перечислите 3-5 преимуществ вашего бизнеса. Это могут быть: бесплатная доставка, гарантия 5 лет, опытные специалисты, широкий ассортимент и т. Д.
Создайте торговое предложение на основе исследования целевой аудитории и сайтов конкурентов. Это название аватарки или обложки группы Вконтакте.Он играет огромную роль в принятии решения о дальнейшем изучении содержания сообщества. Ваше предложение должно четко определять тему, быть простым и понятным любому посетителю. При его составлении думайте о пользе для клиента, а не о продукте.
Люди не хотят покупать товар / услугу — они хотят решение своих проблем.
Все это подготовительные этапы, которые необходимо пройти перед началом работы над дизайном группы Вконтакте. Именно они определяют контент, который необходимо разместить в макете дизайна.
Важные элементы в дизайне групп Вконтакте
С содержанием определились, теперь пора узнать рекомендации по оформлению групповых элементов. Разберем только самое необходимое: аватар и миниатюру, обложку, баннер закрепленного поста и меню.
Аватар
Разместите на нем свое коммерческое предложение, чтобы спровоцировать посетителей на целенаправленное действие. Кроме того, аватар должен содержать контактную информацию, по которой с вами можно связаться, изображение продукта или тематическую иллюстрацию услуг.
Используйте только высококачественные изображения и забудьте о клипартах с бесплатных фотостоков. Поиск картинок для эффективного оформления группы Вконтакте нужно производить на сайтах pinterest.com, freepik.com, flaticon.com или, на крайний случай, google.ru. Но лучше выбирать изображения на платных фотостоках. Пожалуйста, вводите условия поиска только на английском языке. Если вы испытываете трудности с английским, то смело пользуйтесь переводчиком Google.
А чтобы вам было проще принять верное решение, мы дарим 500 рулей для оформления меню каждому, кто перешел по указанной ссылке.Для получения скидки достаточно ввести код HWC1817-500- в меню при отправке заявки.
Добрый день. В этом посте мы поговорим о том, как самостоятельно оформить группу ВКонтакте. Совсем недавно мы детально посмотрели и поговорили о том, какого размера и качества должно быть изображение. Но дизайнеры пошли дальше, и теперь можно найти множество сообществ, в которых меню и аватар представляют собой единое целое. Смотрится потрясающе. А сегодня вы узнаете, как сделать красивый дизайн для группы или паблика своими руками, не прибегая к помощи фрилансеров и профессиональных веб-дизайнеров.
Чтобы вы сразу поняли, о чем идет речь — выкладываю пример оформленной группы:
Если в двух словах, то в графическом редакторе (тот же edob photoshop) создается 2 картинки. Один из них разрезан на несколько фрагментов и добавлены ссылки с использованием вики-разметки ВКонтакте. Если вас не пугают эти страшные слова — продолжу.
Шаг 1 … В графическом редакторе (желательно Adobe Photoshop) нужно создать документ размером 630 на 725 пикселей.Далее в первом слое вырежьте 2 окна, в которых будет меню и аватар. Сначала выберите прямоугольник 200 x 500 пикселей и нажмите клавишу DEL.
__________________
Сразу оговорюсь, что в уроках на других сайтах можно найти подсказки, где говорится, что нужно обрезать прямоугольник размером 200 * 710. НЕ ПРАВИЛЬНО. Сейчас в соцсети ВКонтакте есть ограничение на высоту авы, и в случае использования высоты 710 пикселей она получится обрезанной.
__________________
Теперь вырезаем меню — еще один прямоугольник 382 на 232 и тоже нажимаем клавишу «разделить». Прямоугольники следует соединить внизу.
Заготовка готова.
Шаг 2 … Теперь нашу заготовку нужно закрыть фоном. При необходимости напишите текст и создайте будущие кнопки под меню. В примере их 5, но вы можете сделать столько, сколько вам нужно, но не следует делать их слишком маленькими, тем самым вы снизите удобство использования, заставляя пользователя увеличивать страницу или щуриться, чтобы читать текст.
Шаг 3 … Правый прямоугольник можно сохранить. Не забывайте про размер 200 на 500. Это готовый аватар для вашей группы. Вы можете сразу скачать его в правом верхнем углу группы / паблика.
Что касается прямоугольника с отмеченными пунктами меню, то его нужно будет разрезать на несколько картинок (в данном случае 5). Ширина 382, но высота рассчитывается индивидуально, но должна быть не менее 50 пикселей.
Шаг 4 … Теперь вам нужно загрузить 5 полученных фотографий в альбом сообщества.
Как только работа будет выполнена, нужно приступить к редактированию новостного блока в группе. Зайдите в «свежие новости» и нажмите кнопку «редактировать»
У вас должны быть открыты фотоальбомы и документы в настройках группы. Это важно, потому что без него вы не сможете загрузить фото и составить меню.
Шаг 5 … Во вкладке «редактировать» вставляем следующий код:
[]
[]
[]
[]
[]
Начинаем его редактировать.
фото — представляю ссылку на фото. Откройте одну из 5 фотографий, которые вы загрузили из группового меню, и в строке браузера вы увидите что-то вроде этого —
http://vk.com/photo72120765_272239411
72120765_272239411 — это очень необходимый код фотографии. Вы можете просто использовать имя файла.
Шаг 6 … Необходимо объединить картинки из аватара меню, если они исчезли. Для этого нужно сделать 3 вещи:
Название группы должно быть на одной строке
Описание в 10 строках (иногда здесь требуется подгонка)
Сайт тоже на одной строке.
Вот что примерно должно получиться:
Как видите, сделать дизайн для группы ВКонтакте несложно. Если есть вопросы — задавайте их в комментариях, а если не хотите «париться» — у вас прямая дорога в фриланс.
Создание дизайна, описанного в этой статье, обойдется вам в 15-25 долларов США.
Как сделать вертикальную аватарку в контакте. Способы создать аватарку для группы ВКонтакте
Всем привет, это Роман Литвинов, дизайнер Ardens.профессиональная команда. Сегодня я пришел к вам с гайдом-туториалом, как создать единый блок аватара и меню Вконтакте (целиком). Для начала примеры того, как это будет выглядеть.
Примеры:
Разметка аватара для группы ВК
Нам нужна сетка для старта. Для этого мы делаем снимок экрана страницы группы и закидываем его в проект, в моем случае в Фотошоп.
Затем с помощью сочетания клавиш CTRL + R вызовите линейки и разместите направляющие по краям аватара и клипа.Чтобы удлинить направляющую, вам нужно, удерживая ЛКМ на линейке, потянуть в сторону нашего макета.
Размер аватара, который мы видим в браузере без масштабирования, составляет 200×500 пикселей. И фиксация в таком виде составляет 395х237 пикселей.
Раскрой
Сделали разметку, теперь приступим к резке. Почему сейчас? Потому что это почти конец моего руководства.
Для вырезания нам понадобится инструмент «Cutting» (в англоязычной версии «Slice tool»)
С помощью этого инструмента прорезаем по нашим направляющим, а именно внутри аватара и закрепляем по краям.
Это должно выглядеть так.
Затем удалите наш снимок экрана со слоями и запустите проект. Мы не будем разрабатывать дизайн, но я покажу, что происходит. Добавим в наш проект фото девушки. Для нас главное попасть в зону вырезания и крепления аватара.
После работы над нашим дизайном, сохраните вырезанные детали, используя CTRL + SHIFT + ALT + S или File-> Save for web …
В этом окне при нажатой клавише Shift выберите наш аватар и нажмите сохранить
Но это еще не все.В появившемся окне выберите «Фрагменты», выберите «Только выбранные фрагменты» и нажмите «Сохранить». После этого Photoshop отрежет от всего макета область с аватаркой и клипом.
В папке, в которую мы сохранили вырез, мы увидим что-то вроде этого.
Единый блок аватара и меню для группы Вконтакте
Не стесняйтесь заполнять наш аватар и фиксировать его в тестовой группе, чтобы увидеть результат
Итак, благодаря таким действиям вы получите единый блок аватара и меню в группах Вконтакте.
Завершение
Надеюсь, мое мини-руководство было полезным и вы сможете сделать свои группы более красивыми и запоминающимися.
Полезные статьи на родственные темы:
Веселое видео (иногда непонятно «фотошоп» или нет)
Внимание! Соревнование:
Я дам набор наклеек на выбор тому, кто повторяет этот урок, и он сможет сделать аватарку и исправить ее целиком 😉
Ставить лайки, комментировать, кидать кексы или помидоры в нашей группе
«Какого размера должна быть обложка?
Размер обложки для группы ВКонтакте 795x200px или 1590x400px
Почему предлагается два размера изображения? Второй размер в 2 раза больше, чтобы шапка хорошо и красиво смотрелась на больших мониторах компьютера.
Конечно, было бы лучше использовать в групповом дизайне обложку 1590х400 пикселей, чтобы она отлично смотрелась на всех устройствах. Эти размеры официально рекомендованы техподдержкой VK.com.
Чтобы не портить качество картинок при загрузке в Vk.com
Многие замечают, что при загрузке картинки в Vk.com изображение «пенится», то есть искажается. Что делать в таких случаях? Чтобы изображения не искажались, на них не появляется цветовой шум, похожий на рябь, при сохранении изображения следует выбрать в Photoshop:
меню Файл -> Сохранить для WEB -> в появившемся окне настроек установить флажок рядом к »способу загрузки изображения с помощью перетаскивания картинки из папки в строку загрузки в ВК.
Как скачать / установить / включить обложку группы ВКонтакте
Если у вас уже есть обложка для сообщества (шаблон в формате .PSD для заголовка группы размером 1590×400 пикселей, вы можете скачать его по ссылке), чтобы загрузить и установить его, вам нужно будет сделать следующее: следующий:
- Под аватаркой группы перейдите в «Действия»
- Выберите «Управление сообществом»
- В разделе «Основная информация» «Обложка сообщества» нажмите «Загрузить».
- В появившемся окне «Загрузка новой обложки» загрузите разработанную обложку для сообщества ВКонтакте, перетащив ее из папки на компьютере (описано выше).
- Сохранить изменения
Мы привыкли, что аватар — это олицетворение пользователя в социальной сети, его «изображение», на которое мы как бы обращаемся, если хотим кому-то что-то написать.Поэтому несложно догадаться, насколько важно изображение, которое устанавливается на заставку профиля.
Правда, не все люди уделяют столько внимания картинке своей страницы. Скажем так, всех пользователей (если мы говорим конкретно об этой проблеме) можно разделить на две группы: тех, кто устанавливает свою фотографию на свой аватар, и тех, кому не важна аватарка. Они либо оставляют стандартное изображение, либо используют какое-то стороннее изображение.
Если говорить о группах, то здесь ситуация иная.Если в вашей группе нет интересной, информативной фотографии, скорее всего, никто даже не присоединится. Поэтому администраторы сообщества часто задаются вопросом: как сделать аватарку для группы ВКонтакте? В этой статье мы рассмотрим несколько вариантов его создания, а также рассмотрим особенности группового фото.
Каким должен быть аватар группы?
Итак, давайте начнем с общей теории того, как должно выглядеть ваше групповое фото. На основе этой информации вы поймете, как сделать аватарку для группы ВКонтакте, чтобы она нравилась пользователям и привлекала новых участников.
Очевидно, что фотография в группе должна соответствовать контенту, который публикуется в сообществе. Это основное требование к картинке: ее содержание должно соответствовать тому, о чем вы пишете. Второе требование — привлекательность изображения. Поскольку все, что посетитель видит о вашей группе, — это название и изображение, то, соответственно, последняя должна быть максимально привлекательной, чтобы пользователь хотел щелкнуть и перейти на страницу самого сообщества.Если вы хотите сделать аватарку для группы ВКонтакте, учтите это. Последнее требование к групповому фото — информативность. Грубо говоря: желательно на аватаре изобразить то, что пользователь намекает на то, что делает группа. Это можно сделать, например, с помощью этикеток.
Ищем готовое изображение
В списке способов создания группового фото поиск готового изображения самый популярный и одновременно самый простой.Все, что вам нужно сделать, это перейти на сайт изображений и найти категорию изображений, относящуюся к теме вашей группы. Наиболее удачное фото можно сохранить и отредактировать (или даже просто опубликовать на странице сообщества без изменений).
Создание аватара с помощью онлайн-редакторов
Второй вариант — редактирование готовых изображений (или создание новых) с помощью онлайн-редакторов. К счастью, сейчас существует множество сервисов, позволяющих разработать свой аватар как «с нуля», так и по одному из готовых шаблонов.Вам просто нужно определиться, что бы вы хотели видеть в изображении для авы, а потом как сделать аватарку для группы ВКонтакте без фотошопа, вам даже не о чем беспокоиться — ресурс все сделает автоматически. Таких готовых решений в сети сейчас очень много. Они бесплатны и многофункциональны. Единственный минус работы с такими сайтами — это адрес ресурса, который аватар для вас сделал, размещенный где-то в нижнем углу.
Изготовление аватара в фотошопе
Если вы не знаете, как сделать аватарку для группы ВКонтакте без ссылки на чужой сайт, вам придется воспользоваться самым популярным Это Photoshop.Работать с ним достаточно просто, главное понимать основы, разбираться с элементарными понятиями и категориями, с которыми работает программа. Если у вас уже есть хотя бы минимальный опыт взаимодействия с ней, создать для вас аватарку не составит труда. Если вы совсем не знаете, как сделать аватарку для группы ВКонтакте в Фотошопе, у вас будет два варианта. Первый — обратиться за помощью к человеку, который умеет работать в программе, второй — самостоятельно изучить возможности редактора: найти уроки, примеры работы, потренироваться.
Создать аватарку
Наконец, после того как мы ответили на вопрос «Как сделать аватарку для группы ВКонтакте?», Пора задуматься, что будет показано на фото в группе. Как уже отмечалось, это должно быть что-то тематическое, интересное и информативное. Мы предлагаем вам взять лист бумаги и ручку и набросать логотип вашего сообщества. Затем вы можете приступить к созданию образа.
Это можно сделать одним из указанных выше способов. Если вы не знаете, какой аватар лучше, вы можете прибегнуть к простому, но эффективному методу определения: голосованию в самой группе.Пусть люди решают, какое фото лучше.
Евгения Крюкова
* Обновление статьи.
Красивый дизайн сообщества ВКонтакте — это не прихоть, а важный элемент, формирующий доверие пользователей к вам и вашей компании. Если общедоступная страница или группа не созданы профессионально, ваши потенциальные клиенты могут вполне логично заключить, что вы так же небрежно относитесь к своей работе. Чтобы этого не происходило, убедитесь, что ваша страница ВКонтакте красивая, аккуратная и удобная.Как это сделать? Читай ниже.
Актуальные размеры изображений «ВКонтакте»
Некоторое время назад разработчики социальной сети ВКонтакте запустили новый дизайн. Это привело к тому, что изменились размер и принципы отображения изображений. Памятка, которая будет приведена ниже, соответствует всем нововведениям и содержит размеры, актуальные на данный момент.
А теперь давайте подробнее рассмотрим каждый предмет.
ВК размер аватара
Минимальный размер аватара — 200 х 200 пикселей.Если вы попытаетесь загрузить изображение размером менее 200 пикселей в ширину или в длину, вы увидите следующее сообщение об ошибке:
Максимальный размер аватара — 200 x 500 пикселей. Но, в принципе, можно загружать изображения и большего размера — до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их сторон не превышало 2: 5.
Позвольте мне показать вам пример.
У меня есть образ. Его размер составляет 200 на 800 пикселей (соотношение 2 к 8). При загрузке ошибок не возникает.Однако я все еще не могу использовать это изображение, так как «Контакт» не позволяет мне выбрать его полностью.
Крышка
Размер обложки для полной версии сайта 1590 х 400 пикселей.
Обратите внимание: в мобильной версии и приложениях отображается не полная версия обложки, а только ее часть размером 1196 на 400 пикселей. Посмотрите, как его обрезают в мобильном приложении:
Чтобы этого не произошло, разместите основные элементы обложки в пределах 1196 x 400 пикселей.
Прикрепленные изображения
В обновленном дизайне «Контакты» ширина ленты новостей стала фиксированной. Это означает, что изображения, прикрепленные к сообщению, больше не растягиваются, а остаются в прежнем виде. Следовательно, если вы хотите, чтобы ваше изображение полностью заполняло отведенное ему пространство в ленте новостей, его ширина должна быть не менее 510 пикселей. Лучше всего, если это будет квадрат или прямоугольник в альбомной ориентации.
Звучит немного запутанно 🙂 Я покажу вам пример.
Допустим, у нас есть квадратное изображение со сторонами 510 пикселей. Если мы прикрепим его к нашему посту, он будет очень хорошо смотреться в ленте новостей на всех устройствах:
А вот так выглядит горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):
Как видите, чем уже изображение (по высоте), тем меньше оно выглядит в ленте смартфонов. Чтобы убедиться в этом, посмотрите на картинку ниже:
Понятно, что разница здесь не особо критична, и пользователи смартфонов все равно будут рассматривать ваш имидж, просто во втором случае им будет немного комфортнее.
Изображения для постов со ссылкой
Все эти данные взяты из кода разметки Open Graph:
Если Open Graph не указан, заголовок берется из метатега Title, а изображение берется из статьи. При этом его можно легко изменить — или выбрать другое изображение из статьи с помощью специальных стрелок:
Или загрузите свой:
Минимальный размер изображения, которое вы можете использовать для предварительного просмотра статьи, составляет 537 на 240 пикселей.Однако вы можете загружать изображения большего размера, если соотношение сторон правильное.
Картинка к статье, созданной в редакторе
Размер изображения обложки статьи, созданной в редакторе, составляет 510 на 286 пикселей. Лучше, если он будет темным и более-менее однотонным, так как на светлом фоне теряется название статьи и сообщества.
Хороший пример:
Не лучший пример:
Размер фото и видео для рассказов
Размер фото 1080 на 1920 пикселей.Размер видео 720 на 1280 пикселей.
Характеристики видеозаписи:
- до 15 секунд;
- не более 5 МБ;
- h.264;
- AAC.
Кодек
Звук
Истории должны использовать фотографии и видео вертикального формата.
Обратите внимание: истории от имени сообществ на данный момент могут добавлять только крупные сообщества, для которых разработчики ВКонтакте открыли эту функцию. И делается это с помощью официального приложения.Это невозможно сделать с компьютера.
Примеры динамических скинов:
Обложка + описание сообщества + ссылка на сайт
Некоторые компании специально не исправляют какие-либо сообщения в заголовке, чтобы пользователи могли прочитать основную информацию о странице и сразу перейти на сайт.
Описание с хештегами
Некоторые компании добавляют к стандартному описанию страницы хэштеги, которые ее характеризуют.Это сделано для того, чтобы страница имела более четкую релевантность и за счет этого занимала более высокое место в поиске по релевантным запросам. Если честно, не знаю, работает этот метод или нет. Кейсов по этой теме не встречал, так что если кто знает, буду признателен, если поделитесь ссылкой.
Закрепленное сообщение, рассказывающее, о чем эта страница
Если вы хотите рассказать о своей странице более подробно (с фотографиями, ссылками и красивым макетом), то вы можете прикрепить к шапке вики-пост или статью, набранную в редакторе, с яркой картинкой на объявлении, что побудит пользователей щелкнуть по нему.Пример такого поста:
А вот что видит пользователь после перехода по ссылке:
Меню новых ссылок
Не так давно разработчики ВКонтакте наконец-то порадовали владельцев сообщества новым инструментом, с помощью которого можно создавать меню — быстро и без мучений с вики-страницами. Выглядит это немного примитивно, поэтому я также расскажу, как создать красивое меню.
Меню появляется автоматически, если вы используете приложения сообщества или подключили магазин.Например, на предыдущем рисунке все три пункта меню являются ссылками на приложения. Вы можете добавить сюда свои — в важные записи, альбомы, обсуждения и т.д., до 7 штук (без учета приложения). Но вы можете ссылаться только на ресурсы в социальной сети, за исключением вики-страниц.
Для редактирования меню нажмите «Настроить» в правом верхнем углу виджета:
Чтобы добавить пункт меню, щелкните «Новая ссылка».
В открывшемся окне выберите обложку (минимальный размер — 376×256 пикселей), введите название пункта меню (важно, чтобы он оставался в пределах 20 знаков с пробелами), добавьте ссылку и нажмите «Сохранить».
Если вы хотите скрыть приложение из меню, изменить его заголовок или обложку, нажмите «Изменить» напротив соответствующего пункта. То же самое можно сделать с остальными ссылками, которые были добавлены вручную и нуждаются в корректировке.
Результат должен выглядеть примерно так:
Групповое меню открыто
Открытое меню Я вызываю такое меню, в котором сразу видно, из каких пунктов оно состоит. То есть изображение предварительного просмотра сообщения вики полностью дублирует его содержание.Таким образом, пользователи сразу видят, что их ждет внутри. Позвольте показать вам на примере.
Вот как выглядит закрепленное сообщение в заголовке страницы Flatro:
Групповое меню закрыто
Закрытое меню — это тот же пост вики, что и в предыдущем абзаце, только в объявлении есть изображение, на котором нет пунктов меню. Обычно на нем пишут: «Меню», «Меню навигации» или «Навигация по общедоступным материалам».
И вот что мы видим, когда нажимаем на него:
Кстати, следует отметить, что это далеко не единственные варианты.В принципе, вы можете написать на этой картинке все, что захотите. Главное, чтобы пользователь хотел по ней кликнуть, и он понимал, что его ждет после этого. Пример:
Меню Fusion для группы
Объединенное меню — это когда изображение в анонсе вашего меню представляет собой одно изображение с аватаром. Ниже я подробно расскажу, как сделать такое меню, а пока просто посмотрите, как красиво оно выглядит.
Хотите красиво оформить сообщество ВКонтакте, но не имеете необходимых навыков? Оформление заказа в нашей компании.Мы подготовим для вас аватар, обложку, шаблоны заголовков, меню и превью товаров.
GIF и аватар в одном изображении
А вот такой вариант дизайна кепки меня очень впечатлил. Автоматически проигрываемый GIF сливается с аватаром в единую композицию и привлекает внимание пользователей, даже если на нем нет никакой информации.
Кстати, я видел этот пример в группе SMM-маркетолога Сергея Шмакова. Так что за находку выражаю ему огромную благодарность 🙂
Скрытое меню
Скрытое меню доступно только для групп (страницы не имеют такой функции).Чтобы его увидеть, нужно перейти по соответствующей ссылке. Преимущество этого метода проектирования заключается в том, что пользователи могут видеть основную информацию сообщества, и если они хотят использовать меню, им просто нужно сделать один щелчок. Однако здесь есть небольшой недостаток — не все пользователи знают о существовании этой функции, поэтому вашему меню может быть уделено меньше внимания, чем если бы оно было закреплено вверху страницы.
Автоматическое воспроизведение видео
В конце ноября 2015 года в социальной сети ВКонтакте появилось интересное нововведение — как только пользователь заходит на вашу страницу, видео, прикрепленное к шапке, начинает проигрываться автоматически.С помощью этой техники вы можете привлечь еще больше внимания пользователей (особенно тех, кто впервые посетил вашу страницу), и в то же время не раздражать тех, кто не любит, когда им навязывают их контент, потому что видео воспроизводится без звук и практически не мешает …
Как добавить такое видео в шапку своей страницы?
Для этого необходимо выполнение трех условий:
- Прикрепите видео к сообщению и закрепите его в топе сообщества.
- Кроме видео, к записи больше ничего не прикреплять. Только видео и текст необязательны.
- Видео должно быть загружено ВКонтакте — сторонние плееры не поддерживаются.
Сообщение, получившее много репостов
Еще один способ продуктивно использовать пространство в заголовке страницы — прикрепить к нему один из самых успешных постов — тот, который уже получил и продолжает набирать большое количество лайков и репостов.Зачем это, думаю, все понимают — чем больше репостов, тем больше охват, тем больше подписок получает страница.
Анонсы новых клипов, альбомов, событий
Презентация новых продуктов / услуг
Скидки и акции
Корпуса, отзывы покупателей
Реклама приложений
Розыгрыши
Правила сообщества
Ссылки на другие социальные сети
Я перечислил далеко не все варианты оформления шапки.В принципе, вы можете размещать любую информацию на обложке и в закрепленном посте: вакансии, объявления, ссылки на самые продаваемые товары и т. Д. Так что не ограничивайтесь приведенными выше примерами. Проявите творческий подход и используйте дизайн своего сообщества для достижения своих целей.
Какой должна быть аватарка
Аватар — это не только красивое изображение с логотипом вашей компании, но и рабочий инструмент маркетолога, с помощью которого он достигает своих целей. Давайте подробнее рассмотрим, каким он должен быть, чтобы привлекать внимание пользователей и побуждать их к выполнению целевого действия.Начнем с миниатюры.
Уменьшенное изображение аватара
- Текст на миниатюре аватара должен быть достаточно большим, чтобы его можно было прочесть.
- Текст не должен выходить за пределы эскиза.
- Пользователи должны понимать, что показано на аватаре.
- По возможности лучше не использовать стоковые изображения, поскольку они часто снижают доверие к компании.
- Нежелательно, чтобы эскиз аватара был слишком унылым и скучным, иначе он затеряется на фоне более ярких аватарок конкурентов.
- Если вы хотите, чтобы ваш аватар выглядел современно, сделайте его в стиле минимализма: меньше текста, теней, градиентов и элементов, не несущих никакой смысловой нагрузки. Ваш аватар должен быть максимально простым и аккуратным. Этот стиль сейчас в тренде.
- Если ваша цель — привлечь внимание пользователей и выделиться на фоне других аватарок в ленте, вам придется включить воображение.Подумайте, на что вы сами обращаете внимание при поиске интересных сообществ? Вот меня, например, неоднократно привлекали аватарки с горящей лампочкой, которая обычно указывает на приход нового сообщения. Это очень старая техника, но почему-то до сих пор меня поражает — когда я увижу такой свет, я обязательно буду на него смотреть.
Я не предполагаю, что этот трюк будет работать и с вашей страницей. Я хочу сказать, что есть очень, очень много способов выделиться, вам просто нужно задать этот вопрос и проявить немного творчества.Например, вот еще одна интересная идея, о которой я сам вряд ли бы подумал:
Аватар — черный круг: большой и маленький. Казалось бы, зачем это вообще? Но когда вы просматриваете список сообществ, эти аватары привлекают ваше внимание, потому что они сильно отличаются от всех остальных.
Какую информацию можно разместить на миниатюре аватара
Несмотря на то, что эскиз аватара очень маленький, его можно (и нужно) использовать для привлечения подписчиков в ваше сообщество.Как это сделать? Давайте рассмотрим несколько вариантов:
Объявление о новом продукте / услуге / событии
Компания / услуга / преимущества страницы
Телефон компании
Выгодные цены
Бесплатная доставка
Кстати, очень часто информация о том, что компания предоставляет бесплатную доставку, добавляется к названию самой группы, чтобы пользователи обязательно обратили на это внимание.
Фондовый
Конкурсы
вакансий
Каким должен быть сам аватар?
Я подумал, как должна выглядеть миниатюра аватара и какой текст на ней можно разместить. А теперь перейдем к самому аватару. Полная версия аватара будет отображаться только в сообществе, у которого не установлена обложка. Именно для таких случаев я написал этот раздел.Итак, каким должен быть аватар вашего сообщества, чтобы пользователи сразу поняли, что ваша компания подошла к созданию страницы ответственно и профессионально.
- Аватар должен быть качественным. Как этого добиться, я написал чуть выше. Для тех, кто пропустил эту часть, скажу в двух словах — размер аватара должен быть в 2-3 раза больше, чем вы планировали.
- Желательно, чтобы аватар был совмещен с меню: имел одинаковую цветовую схему, имел одинаковые шрифты, элементы и т. Д.Благодаря этому заголовок вашей страницы будет выглядеть более аккуратно и профессионально. Пример:
- Сам аватар и его миниатюра могут отличаться. Например, вы можете нарисовать круг на своем аватаре, стилизовать его, как вам нравится, выбрать эту область в качестве миниатюры и стилизовать остальную часть аватара в другом стиле.
- Чтобы побудить пользователей подписаться на вашу страницу или написать сообщение представителю компании, вы можете разместить соответствующий призыв к действию в самом низу аватара и сопровождать его стрелкой, указывающей на кнопку.
- Старайтесь не размещать слишком много информации на своем аватаре, иначе он будет выглядеть перегруженным и неопрятным. Добавьте к нему только самые важные моменты и убедитесь, что между ними есть «воздух».
Другой вариант — разделить аватар на две части. Один предназначен для миниатюры, а другой — для остальной части аватара.
Какую информацию можно разместить на аватаре?
В принципе, вы можете разместить на своем аватаре все, что угодно.В отличие от миниатюр здесь действительно есть где побродить. Самое главное, не злоупотребляйте 🙂
Домен сайта
Телефон / адрес / время работы
Конкурсы / акции
Самые покупаемые товары / новинки
информация о доставке
Реклама в мобильном приложении
Основные преимущества компании / страницы / товара и др.
Обновление ассортимента / новое творчество и др.
Информация о том, что ваше сообщество является официальным
Информация о ближайших событиях
Адреса аккаунтов в других социальных сетях
Расширенное описание страницы
Брагс
В общем, на аватаре можно разместить абсолютно любую информацию.Я представил всего несколько идей, чтобы вы могли видеть, что делают другие, и вдохновляться их примерами. Что ж, учтите основные рекомендации: аватар должен быть качественным, шрифт должен быть крупным, а между элементами должно быть больше «воздуха».
Как создать объединенный аватар и меню
Чтобы объединить аватар и меню, вам понадобится Adobe Photoshop или его аналог. Я объясню весь процесс на примере Photoshop. Итак, начнем.
- Скачайте шаблон Photoshop, который я специально подготовил для этой статьи. Обычный размер (меню — 510 пикселей, аватар — 200) или увеличенный (меню — 1020 пикселей, аватар — 400).
- Откройте изображение, на котором вы хотите создать основу.
- Скопируйте его, вставьте в шаблон и расположите так, как вы хотите вырезать.
- Добавляйте эффекты, текст, графику и многое другое.
- Если вы не хотите, чтобы часть изображения терялась (в этом пространстве, которое составляет 50 пикселей), переместите его вправо, как показано на следующем гифке:
- Выберите инструмент «Резка» и нажмите кнопку «Срезы по направляющим».
- Удалите ненужные фрагменты (щелкните правой кнопкой мыши — «Удалить фрагмент») и отредактируйте существующие (щелкните правой кнопкой мыши — щелкните в пустом месте — возьмите нужную область и растяните до необходимого размера).
- Перейдите в раздел «Файл» и выберите команду «Сохранить для Интернета».
- Перейдите в место, где вы сохранили изображения (рабочий стол или какой-либо конкретный каталог), и найдите там папку с названием «Изображения».Здесь будут ваши изображения. Теперь осталось лишь заполнить их на странице.
П.С. Высота аватара может быть изменена на ваше усмотрение. Я взял максимальный размер — 500 пикселей, но для вас это значение может быть меньше. Например, как на странице разметки вики:
Как использовать виджеты
Виджеты также являются частью дизайна сообщества ВКонтакте. С их помощью пользователь может: оформить заказ, подписаться на вашу рассылку, принять участие в конкурсе, прочитать и оставить отзывы, открыть поиск в сообществе, получить подарок, купон на скидку и т. Д.
Вот несколько примеров того, как выглядят виджеты на странице ВКонтакте:
class = «incut»>
Как стилизовать изображения для сообщений
Если вы веб-дизайнер или обладаете художественным вкусом и чувством прекрасного, то вам не составит труда придумать фирменный стиль для ваших изображений. Однако мне кажется, что таких людей в этой статье будет меньшинство (я, кстати, к ним тоже не отношусь).Поэтому разберемся, как это делается, на примерах успешных компаний.
Кстати, обратите внимание, что практически все известные компании ВКонтакте брендируют свои изображения, то есть добавляют небольшой логотип, адрес своей страницы или водяной знак. Это повышает узнаваемость бренда и защищает ваши изображения от копирования. Стоит ли это делать, каждый решает сам. Единственное, что хотелось бы посоветовать: если вы все же решили это сделать, постарайтесь сделать так, чтобы ваш логотип не был слишком ярким и не занимал слишком много места, иначе весь акцент уйдет на него, а изображение будет теряют свою привлекательность.
Где взять хорошие изображения?
У нас в блоге есть хорошая статья на эту тему — «». Все они бесплатны, но для некоторых требуется регистрация. Если вы не нашли ничего подходящего для себя, попробуйте поискать по ключевому слову + обои (или, если на английском, обои). Обычно по такому запросу выпускаются качественные изображения. Но здесь нужно быть внимательным и проверять тип лицензии, иначе при серьезном бизнесе можно нарваться на неприятности.
А что делать тем, кто не умеет работать в фотошопе?
Если вы никогда не работали в Photoshop (или других графических редакторах) и еще не готовы потратить время на его освоение, вы можете воспользоваться услугами, в которых уже есть готовые шаблоны изображений для разных социальных сетей:
1.Fotor.com
После этого в левой части экрана выбираем интересующий нас шаблон. Обратите внимание, что бесплатно предоставляются только шаблоны, не отмеченные значком ромба.
Вставьте его в шаблон, выберите его левой кнопкой мыши, выберите команду «Слой» (значок сэндвича) и нажмите «Переместить вниз». Таким образом, наша картинка уйдет на задний план, а все надписи будут наложены поверх нее.
После этого меняем текст, шрифт, размер шрифта, положение надписи и т.д.
Затем щелкните значок дискеты, выберите имя, формат изображения, качество и нажмите кнопку «Войти для загрузки».
Как использовать вики-разметку
Итак, мы подошли к самому интересному и в то же время сложному разделу. Возможно, среди читателей найдутся люди, не знающие, что такое вики-разметка, и вообще впервые слышат этот термин.Поэтому специально для вас я дам определение, которое дает сам «Контакт».
Разметка
Wiki — это язык разметки, который используется для форматирования текста на веб-сайтах (обычно относится к классу вики-проектов) и позволяет упростить доступ к возможностям языка HTML. На нашем сайте вики-страницы являются хорошей альтернативой обычным сообщениям и текстовой навигации. Если вам нужно создать большую статью с разным форматированием текста (полужирным шрифтом, подчеркиванием, заголовками и т. Д.), Добавить к ней графику или просто создать красочное меню навигации по вашему сообществу, вики незаменима.
Так же, как WordPress (или любая другая CMS) имеет редактор HTML, с помощью которого вы создаете статьи, у Contact есть собственный редактор для создания и редактирования вики-страниц. Выглядит это так:
С помощью этого редактора создаются навигационные меню, а также статьи с изображениями, видео и аудиозаписями. Ниже я подробно разберу, как работать в этом редакторе, но сначала прошу добавить две ссылки в свои закладки. Они очень помогут вам в изучении вики-разметки.
В социальной сети ВКонтакте, в самых разных сообществах, определяющим фактором популярности является правильный дизайн. При этом основная часть дизайна паблика — это аватар, который является лицом сообщества.
Процесс создания главного имиджа в сообществе — ответственная работа, требующая знания множества графических программ. Из-за этого часто большие группы нанимают профессионалов в области дизайна, чтобы избавиться от любого плагиата.
Вы можете использовать шаблоны, найденные в Интернете, но рекомендуется делать это только на ранних этапах.
Помимо вышеперечисленного, особое внимание стоит обратить на то, что сегодня в группе ВКонтакте может быть один из двух типов изображений:
По сути, основное различие между именованными типами — это окончательное расположение загруженного изображения в шапке паблика. Более того, аватар нужно как-то добавить в сообщество, чтобы создать миниатюру.
В этой статье мы поговорим об основных нюансах создания обоих типов изображений с использованием Photoshop в качестве основного редактора. Вы можете использовать любую другую программу, оснащенную соответствующими инструментами.
Последнее, что нужно учитывать, это то, что любое изображение можно использовать в любом сообществе, будь то «Публичная страница» или «Группа» .
Способ 1. Создайте аватар для группы
Базовый аватар сообщества практически такой же, как и основное фото на личной странице пользователя.Поэтому рекомендуем вам ознакомиться с процессом загрузки и обрезки изображений этого типа.
Среди прочего, изображения с прозрачным фоном или преобразованные в формат, отличный от «JPG» , «PNG» или «GIF» .
- Ширина — 250 пикселей;
- Высота — 450 пикселей;
- Разрешение 72 ppi.
Вы можете использовать свои параметры в зависимости от идеи, однако учтите, что на сайте изображение может быть обрезано исключительно до прямоугольной и вытянутой по вертикали или квадратной формы.
Все дальнейшие действия зависят исключительно от ваших знаний графического редактора. При этом есть еще несколько самых важных советов:
- Картинка должна полностью соответствовать тематике сообщества;
- На сгенерированном изображении должно быть место, которое идеально подходит для выборки эскиза;
- Не стоит ставить много подписей на аватаре;
- Важно следить за соблюдением целостности цветового охвата изображения.
Чтобы лучше понять это, рассмотрим пример некоммерческого аватара для музыкального сообщества.
- С помощью инструмента «Прямоугольник» Используя дочерние параметры, создайте ровный круг, диаметр которого немного меньше ширины аватара.
- Добавьте изображение темы, которое отражает основную идею сообщества, перетащив изображение в рабочее пространство редактора.
- Масштабируйте изображение так, чтобы его основная часть попадала в рамки ранее созданного круга.
- Переместите слой с добавленным изображением над ранее созданной формой.
- Откройте меню картинки ПКМ и выберите пункт Create Clipping Mask .
- Чтобы дополнить форму круга, добавьте различные элементы стиля в разделе Параметры наложения , такие как обводка или тень.
- С помощью инструмента «Текст» добавьте название сообщества внизу изображения.
- Добавить параметры наложения к тексту без нарушения цветовой схемы с учетом ранее добавленного изображения.
- С помощью того же инструмента «Текст» добавьте дополнительные подписи под именем публики и стилизуйте их таким же образом.
Для удобства используйте зажатую клавишу «Shift» , что позволяет равномерно масштабировать картинку.
Чтобы завершить процесс создания аватара, вам необходимо загрузить новое изображение на сайт и правильно его обрезать.
На этом все действия с аватаркой сообщества в социальной сети ВКонтакте могут быть завершены.
Способ 2: создать обложку для группы
Обложка сообщества ВКонтакте — относительно новый элемент этого сайта, позволяющий растянуть знакомый аватар на всю ширину страницы.
Теперь нужно добавить обложку на сайт.
- На главной странице группы развернуть меню «…»
и перейдите в раздел «Управление сообществом» . - Используйте меню навигации справа, чтобы перейти на вкладку «Настройки» .
- В блоке «Основная информация» найдите раздел Community Cover и нажмите на ссылку «Скачать» .
- В поле загрузки изображения перетащите фотографию, сохраненную в Photoshop.
- Используйте рамку для выбора загруженного фото и нажмите кнопку «Сохранить и продолжить» .
- После этого вы получите уведомление об успешной установке крышки.
- Чтобы в этом убедиться, вернитесь на главную страницу паблика.
Если в процессе создания образа для группы вы следовали рекомендациям, то у вас наверняка не должно возникнуть трудностей. Если это не так, мы всегда рады вам помочь.
Как сделать группу ВКонтакте
Большинство администраторов думают, что, подняв группу на первое место по ключевому запросу к верхнему контакту, они заберут большую часть поискового трафика и заинтересованных клиентов.Иногда оказывается, что это правда, но в 90% случаев владельцы групп забывают о качественном дизайне группы и даже тогда, когда в первую очередь приходят горячие клиенты.
Почему это происходит?
Причина очень проста — некачественный дизайн поискового тура сообщества. Проще говоря, ваша группа в поиске должна выделяться на фоне конкурентов и максимально соответствовать введенному поисковому запросу. Только при качественном выполнении этих условий можно получить высокий CTR сообщества и высокую вероятность последующих продаж.
Как повлиять на поисковую эффективность сообщества?
Наиболее эффективным рычагом воздействия на показатели кликабельности группы является миниатюра аватара.
Миниатюра играет очень важную роль в группе, так как она выделена во всех местах, где упоминается Группа:
- в ленте новостей группы
- в поисковой системе контактов
- поиск Google и Яндекс
- в ссылки других сообществ
- в новостной ленте пользователей ВК
Детали с таким широким охватом нельзя игнорировать.А для оформления групповой миниатюры нужно уделить особое внимание.
Принципы создания фигурных миниатюр.
1) Ассоциативный диапазон клиентов при вводе вашего запроса.
Подумайте, что ожидает увидеть ваш потенциальный клиент При вводе запроса, по которому вы отображаются в поиске. Например, если молодая мама выбирает детский комбинезон, скорее всего, она ожидает увидеть на картинке изображение комбинезона или довольного малыша в красивом комбинезоне.
2) Цветовой охват и контрастность на фоне конкурентов.
Выбирая картинку для миниатюр группы, просмотрите миниатюры их конкурентов. Какая цветовая гамма используется, плотность элементов на картинке, их логотипы. Основная задача — создать миниатюру, выделенную на фоне других. Например, если большая часть миниатюры зеленая — сделайте свою красную, если вся тусклая — сделайте свою яркую, если вся пестрая — сделайте свою однофотонную. Обратите внимание, главная задача — выделиться и сохранить актуальность запроса!
3) Ключевые слова в изображении.
По нашему опыту, ключевая фраза «размещение» Изображение также положительно влияет на удобство использования миниатюр, посещаемость сообщества и общую эффективность группового продвижения.
4) Логотип компании.
Также на миниатюре можно разместить свой логотип. Идеальным вариантом будет соответствие логотипа вышеперечисленным принципам.
При работе с нашими клиентами мы всегда учитываем все нюансы, в том числе случаи качественной и кликабельной миниатюры группы, а также другие моменты, ключевые влияющие на продажу товаров через группы ВК.
Удачный дизайн группы ВКонтакте должен быть не только красивым, но и функциональным и удобным. Вырежьте дизайн для решения ваших маркетинговых задач, чтобы группа привлекала платежеспособную и покупающую аудиторию к бренду и оставалась с ним навсегда.
5 шагов как оформить группу в контакте
Крышка
Community Cover Today — важный инструмент для создания группы в контакте с брендом и его продвижении. Вы можете загрузить его в разделе «Управление сообществом», перейдя на вкладку «Настройки».Высококлассное горизонтальное изображение в шапке сообщества само по себе играет роль главного рекламного баннера компании в социальной сети. Она задает настроение, информирует, увеличивает имидж, призывает к целевым действиям, одновременно продает.
1. Используйте высококачественные иллюстрации
Обложка сообщества ВКонтакте должна быть размером 1590х400 пикселей, но лучше загружать фото в 2-3 раза больше в формате .png. Так удастся избежать некачественного отображения.
2. Адаптировать образ под разные устройства
Помните, что это изображение может отображаться по-разному на разных устройствах — на подвижных краях будут обрезаться, поэтому лучше всю важную информацию размещать ближе к центру.
3. Разместите слоган и ИТП
Позвольте клиенту увидеть вашу философию и преимущества с первого экрана.
4. Показать товар / услугу, процесс или результат его использования
Таким образом, потенциальный покупатель сразу узнает, на чем вы специализируетесь, и будет заниматься продуктом.
5. Помогите клиентам немедленно связаться с вами
Напишите на баннере телефон, электронную почту, а также другие контакты компании. Если для вашего бизнеса важно территориальное расположение, например, вы видите сферу общепита или Horeca, адрес тоже не будет лишним.
6. Объявление событий
Продвигать концерты, ожидается прибытие новой коллекции или выпуска продукции, провести фестиваль / конференцию / клиентский день? Расскажите об этом всем, кто входит в сообщество.
7. Присутствуют акции и скидки.
Где еще рассказать публике, чтобы рассказать публике, что именно она может удешевить ваш заказ в 2 раза? Главное, не забудьте поменять иллюстрацию после того, как предложение закончено.
8. Предлагаем совершить целевое действие.
При загрузке обложки сообщества в правом нижнем углу по горизонтали две кнопки — отправить сообщение и присоединиться к группе. Укажите на них стрелку, чтобы дополнительно привлечь внимание аудитории.Так что если товар изображен на баннере — можно сразу предложить его заказать в сообщениях. А если это дайджест последних новостей — подписывайтесь, чтобы всегда получать свежую информацию.
Загрузите аватар и выберите миниатюру
Отдельные бренды по-прежнему не используют обложку, предпочитая старый вид первого экрана группы, используя комбинацию аватара с фиксированной записью в качестве так называемых «шапок». В этом случае одна картинка является продолжением другой. Кажется наиболее эффектным, когда фото заканчивается на одном уровне с аватаркой.
При использовании максимального размера аватара 200х500 пикселей, размер картинки в фиксированной записи необходимо сделать размером 510х308 пикселей. Отличный вовлекающий прием — фиксация загруженных через плеер роликов, стилистически продолжающих аватарку.
Если подать как шапку — обложку, аватарка всегда будет отображаться в виде эскизов.
Правила сообщества аватаров Mc Miniatures
Миниатюры — это маленькое круглое изображение с большим аватаром, которое отображается при поиске по группам, в списке сообществ каждого пользователя и слева под обложкой, если таковая имеется.Вот несколько советов по его оформлению.
1. Значок должен быть понятен аудитории.
Не размещайте кусочек странной иллюстрации. Визуализируйте, что впоследствии будет связано с брендом, например, логотип, значок продукта / услуги и, возможно, главный маркетинговый персонаж бренда.
2. Слушайте только качественные фото.
Лучше скачивать исходников в 2–3 раза больше необходимого, чтобы об ужасных пиксельных «квадратах», которые вы не в лучшем свете можно было забыть.
3. Создавайте собственные иллюстрации.
Стандартные Стоковые Изображения Будут выглядеть дешево и непрофессионально, а пользователи будут синонимом халатности бренда. Создавайте уникальные рисунки в единой концепции и цветах, которые создают остальные.
4. Контрастные фоновые изображения страницы — что вам нужно
При оформлении ВК миниатюра, настолько броская, «закругленная» выделяется в ленте среди других групп и не сливается с фоном страниц.
5. Разместите контакты или ИТП компании
В зависимости от цели, установленной для миниатюры, разместите на ней номер контактного телефона или адрес сайта, информацию о бесплатной доставке, указав самую низкую цену в сегменте или акции.
6. Сделать текст крупным и читабельным
Шрифты с засечками или курсивом лучше не использовать — они слишком «шумные» при просмотре с экранов ПК, мобильных устройств и смартфонов, тупо выглядят.Следите за тем, чтобы текст не выходил за границы крохотной миниатюры. Это позволит нам правильно и эффективно донести до пользователя сообщение.
7. Применять нестандартные формы
Например, в желаемом круглом шаблоне введите многоугольник или другую геометрическую фигуру на белом фоне. Создайте непрочитанное уведомление или графический значок «В сети».
Меню разработки
Меню является важным элементом оформления группы в контакте, что упрощает навигацию пользователей по группам — людям будет удобнее находить нужную информацию.Каждый элемент и страница созданы на специальном языке программирования — вики-разметке. С его помощью можно создавать изображения с интерактивными и легко удобными страницами внутри социальной сети, как если бы это была страница сайта.
Можно использовать как открытое меню, так и закрытое. В первом случае пользователь сразу видит разделы, которые в него входят, во втором — им предшествует картинка превью с надписью «Меню». Меню также может визуально стать продолжением аватара, если вы используете старую версию сообщества.
Разработать витрину товаров
Находясь в витрине сообщества, помните, что пользователям всегда видны первые 3 объекта. Разместите в них самые популярные и самые заказные, загрузив презентационные изображения в едином стиле. Публикуйте здесь форменные значки или фото самих товаров. Вы можете разместить товар. В дизайне покажите процесс предоставления услуги или его результат. Размер такой картинки будет квадратным — 400х400 пикселей.
Регистрация постов
1.Используйте доступные размеры изображения в полную силу
Максимальная ширина картинки в ленте — 510 пикселей. Наиболее эффективно смотрятся квадратные изображения 510х510 пикселей и прямоугольные — 510х300 пикселей.
2. Разработайте индивидуальный стиль постов.
Чтобы посты выглядели индивидуально, придумайте единый стиль, шрифт и цветовую гамму.
3. Разместите короткий текст на картинке.
Например, вы можете разделить изображение на 2 части — текстовую и графическую или написать текст, затемняя фон.Чтобы текст был виден без затемненного фона, напишите его на подложке (контрастный графический блок однородного цвета) или добавьте тени к надписи. Фотографии хорошо смотрятся с рамкой.
4. Сделайте несколько шаблонов для разных целей.
Например, для цитат используйте один шаблон представления визуальной информации, для анонса материалов с сайта — другой, а для третьего конкурса.
Используйте эти стопроцентные приемы, и ваша компания будет максимально представлена ВКонтакте, а клиентам будет удобно с ней взаимодействовать.Но не забывайте, что во всем нужна мера! Посмотрите даже больше, чем свежие идеи для дизайна сообщества венчурных капиталистов на странице услуг агентства Trug Target.
В этой статье я хотел бы систематизировать все свои знания о дизайне групп ВКонтакте на основе опыта взаимодействия с клиентами и их предпочтений. Более того, за последние полгода ВКонтакте внесло много изменений, о которых многие даже не подозревают. На некоторых нововведениях хотелось остановиться еще, ведь среди них есть действительно достойные и полезные вещи.Все мы вроде уже отошли от какого-то шока после редизайна Вконтакте, а за видимыми изменениями обнаружилась многовариантность функционирования и наполнения группы. Так что теперь оформление групп включает в себя комплексную процедуру, которая не ограничивается исключительно графической составляющей в виде красивых картинок. Теперь владельцам необходимо учесть множество нюансов построения структуры группы в зависимости от тематики бизнеса и удобства пользователей.
В основном это связано с выбором графического дизайна двух взаимоисключающих вариантов, разработкой внутреннего меню, выбором точки входа во внутреннее меню, пониманием разницы между каталогом и витриной, подготовкой рекламных материалов для продвижения группа, пользуйтесь полезными приложениями.Но обо всем по порядку. Сначала мы рассмотрим основные элементы дизайна группы, затем перейдем к их взаимодействию в виде различных комбинаций, а затем поговорим о некоторых полезных фишках и тонкостях.
1. Горизонтальная крышка (крышка)
Начнем, пожалуй, с горизонтальной крышки или шляпы. Разработчики ВКонтакте уверяют, что крышка из-за своего размера дает большую маневренность для подачи и визуализации информации. Обычно помимо красивой картинки в шапке присутствует логотип, сопроводительная информация, контакты, звонок для вступления в группу, адрес сайта.У меня есть подозрение, что когда-либо чехлы будут единственным возможным вариантом оформления группы, поэтому я бы рекомендовал сразу перейти на них, чтобы впоследствии избежать редизайнов форсмаркет.
Как скачать обложку
Чтобы скачать обложку, нужно зайти в Управление сообществом>> Блокировать основную информацию>> Обложка сообщества>> Скачать. Рекомендуемый размер обложки 1590 × 400 пикселей.В шапке не может быть рабочих кнопок, на которые можно нажимать — по сути это картинка и все. На сегодняшний день обложка видна на мобильных устройствах, и вроде бы видна в приложениях и клиентах.
Вкладка Wiki Fresh News
В верхнем блоке под шапкой теперь могут быть три вкладки: фиксированная запись, информация о сообществе и вики-меню (только в группах, на публичных страницах таких вкладок нет). Акцент по-прежнему делается на фиксированной записи, но даже если она представлена, пользователь теперь всегда будет иметь доступ к информации сообщества, переключаясь на вкладки.Чтобы появилась вкладка Wiki-меню (изначально она называется свежие новости), вам нужно перейти в управление сообществом »Разделы» Материалы »Ограничено (или открыто)» Сохранить.
2. Вертикальный аватар
А теперь обратите внимание на старый добрый аватар для группы 200×500 пикселей. Хотя это также способ создания группы. Обычно аватар представляет собой следующую информацию: логотип, сопроводительный текст или слоган, контакты, звонок для присоединения к группе. В мобильных устройствах аватар не виден целиком, видна только его часть — миниатюра.Вы можете использовать либо горизонтальный заголовок (обложку), либо вертикальный баннер. В шляпе вертикального аватара не видно. На аватаре не может быть рабочих кнопок, на которые можно нажимать — по сути это картинка и все.
3. Миниатюра
В настоящее время вертикальный аватар используется для создания эскизов, минимальный размер которых составляет 200×200 пикселей. Миниатюра используется в сообщениях и записях в виде маленького кружка в заголовке и в форме большего кружка в некоторых образцах и упоминаниях в сообществе.В связи с переходом к округлой форме ужесточаются требования к миниатюре. Чтобы текст на миниатюре читался полностью, он не должен визуально выходить за границы круга.
Как загрузить миниатюру
Миниатюра стала достаточно самостоятельным элементом и при использовании обложки (шапки) в дизайне группы теперь нужно делать отдельную миниатюру, имейте в виду. Если в группе (обложке) шапки нет, то для скачивания миниатюры нужно нажать кнопку «Загрузить фото» для скачивания (справа).Если в дизайне (обложке) шапка присутствует, то для загрузки миниатюр нужно сразу нажать на кружок под шапкой и там уже выбрать пункт «Загрузить фото».
4. Баннер
Баннер (англ. Banner — флаг, прозрачность) — графическое изображение информационного, рекламного или неделимого характера. Баннер прикрепляется к записи в виде изображения и может иметь только одну внутреннюю ссылку. Многие до сих пор уверены, что на главной странице с баннера можно сделать несколько ссылок.Это не так, только одна ссылка и все. Я бы выделил следующие типы баннеров.
4.1 Информационный баннер
Распространенный тип баннера, содержащий общую информацию о компании, группе, услуге или мероприятии с подробным списком преимуществ и другими сопутствующими материалами. Часто используется как фиксированная запись в группе. Размер такого баннера 510х307 пикселей. При таком размере баннер внизу совпадает с аватаркой. Если комплекта с аватаркой нет, то можно использовать любые размеры.Например, я использую размер 600×350 пикселей. Также удобен и набран теперь формат квадрата 510х510 пикселей — при таком размере баннер занимает самую большую площадь в ленте новостей.
4.2 Баннер для входа во внутреннее меню
Если добавить к баннеру из предыдущего пункта «открытое меню» из предыдущего пункта, то мы получим баннер, основная задача которого будет обслуживаться в точке входа ввода . Иногда делают обман в виде нескольких кнопок на баннере, но это иллюзия, при нажатии пользователь все равно попадает на внутреннюю панель, а там каждая кнопка имеет свою ссылку.Размер такого баннера 510х307 пикселей. При таком размере баннер внизу совпадает с автарем. Если запись в меню не привязана к аватарке, можно сделать баннер любых размеров, даже узкую кнопку с надписью «Открыть меню». Главное, чтобы ширина баннера была не менее 510 пикселей.
4.3 Reost Card, Promotions
IN в последнее время Особую актуальность приобрели карты для репостов или акций. Ее задача — призыв к конкретным действиям. В основном это «Присоединяйтесь к группе, сделайте репост или поставьте лайк и выиграйте приз».«Такие баннеры используются в рамках рекламных компаний или акций как в своих группах, так и для продвижения других групп. Я обычно использую размер 600×350 пикселей.
4.4 Баннер с GIF анимацией
После того, как в начале года разработчики ВК сделали для GIF картинок большего размера, гифки сразу встали в один ряд с информационными баннерами. Например, на гиф-баннере можно разместить изображение нескольких заменяющих товаров или текстов — движение сразу привлекает внимание.А когда в июне была добавлена функция автомобильной Gif-анимации в ленте новостей, то гифки стали объектом пристального внимания рекламодателей и маркетологов.
5. Построение аватара + фиксированный баннер
До недавнего времени эта модульная конструкция, состоящая из аватара и фиксированного баннера, была наиболее популярным способом создания групп. Подробнее о том, как сделать такую конструкцию, расписано в уроке. С появлением кепки (чехлов) не исключено, что популярность такого дизайна несколько снизится.
Плюс есть вероятность, что ВКонтакте снова поменяет какие-то параметры блоков и тогда все декорации слетят, как это было уже дважды за последние полгода. Итак, уважаемые владельцы групп, выбирая исполнение для своей группы, учитывайте этот факт. Да и еще момент, в мобильных устройствах не видно всей красоты отдельной картинки, так как отображается не аватар, а только миниатюра, а фиксированная запись находится чуть ниже.
6.Меню внутренней навигации
Меню в виде активных ссылок находится на внутренней странице ВКонтакте и написано с помощью команд Wiki Markup. О том, как создать саму внутреннюю страницу, расписано в уроке. Используя меню, пользователь перемещается по группе. Ниже вы познакомитесь с типами внутреннего меню, а пока остановимся на нескольких важных пунктах.
Внутренне внутреннее меню
Хочу отметить один тонкий момент, который часто не дает значения.Иногда клиенты заказывают у меня внутреннее меню, но при этом совершенно не представляют, как пользователь попадает в это внутреннее меню. И попасть в него можно двумя способами: либо через фиксированный баннер (см. Пункт 4.2), либо через текстовую ссылку в верхней вкладке под строкой статуса (см. Рис. Ниже). Иногда текстовая ссылка помещается в блок «Ссылки» в правом столбце интерфейса.
Ссылки внутреннее меню
Обычно при заказе покупатели указывают следующие пункты меню: О нас, наших товарах (каталог), способы доставки, оплата, гарантия, отзывы, контакты, акции, скидки, расписание, как сделать заказ, портфолио , вопросы и ответы, информация, оформить заказ.Ссылки из пунктов меню могут переходить в соответствующие разделы внешнего сайта. Затем ссылка автоматически откроется в новом окне. Большинство материалов ведет на внутренние страницы ВКонтакте. В то же время страница открывается в том же окне, и вам необходимо перейти по ссылке или кнопку «Вернуться в главное меню».
Ссылки на альбомы с фото и видео открываются в новом окне. Ссылки на темы с обсуждениями (например, обзоры), в диалоговом окне для написания сообщений, в приложениях (см. Параграф 10), для выбора Housher (см. Параграф 12) открываются в том же окне, и в этом случае вы можете вернуться к меню только через главную страницу сайта, либо через кнопку «Назад» в браузере.Это, пожалуй, самый неудобный момент с такими ссылками.
Меню редактирования
Часто клиенты спрашивают меня, а можно ли редактировать внутреннее меню. Я отвечу, если вы уверенный пользователь и знакомы с режимами разметки и редактирования вики, то вы можете редактировать. Но если вы со всем этим не знакомы, то это категорически нет. В этом случае вы просто обыграете все настройки.
Приведу слова разработчиков ВКонтакте. «Много сил и нервов сэкономит один простой совет: работайте только в одном режиме.Либо это визуальный режим, либо режим вики-разметки. Именно переключение между этими двумя режимами в процессе работы над разметкой приносит больше всего проблем: картинки могут уменьшаться, различные параметры могут исчезать. Это один из тех моментов, которые обязательно будут исправлены в будущем, но пока нужно держать этот факт в голове. «
Адаптивность под мобильные устройства
И еще об адаптивности. Чтобы внутреннее меню на мобильных устройствах выглядело так же, нужно разбираться в таблицах.Тогда изображение будет жестко закреплено. В противном случае при уменьшении размера экрана картинки будут перемещаться одна под другую, нарушая изначально задуманный порядок.
Здесь снова слова разработчиков в ущерб адаптивности. «Вики-меню отображается в мобильных браузерах, но не адаптируется к размеру экрана, так как это изображение может не выглядеть как на компьютере. В сети можно найти руководства по адаптации вики-разметки под мобильные устройства, но даже они не гарантируют 100% производительности на всех устройствах.«
7. Типы внутреннего меню навигации
Ниже приведены наиболее распространенные типы внутреннего меню. Есть более простые и бюджетные решения, обладающие высокой степенью надежности. Есть и более сложные и трудоемкие дизайны с точки зрения графики и макетов. Но они выглядят более эффектно.
7.2 Большое графическое меню
В этом случае вертикальное количество ссылок расположено на большом фоновом изображении и имеет жестко закрепленную структуру.Вот урок.
7.3 Меню в виде пиктограмм, плиток
Данный дизайн предполагает несколько рядов и столбцов в виде графических пиктограмм и надписей к ним, либо графических многоцветных или монохромных плиток.
7.4 Динамическое меню с эффектом навигации
Очень впечатляющий дизайн, имитирующий навигацию по сайту с эффектом нажатия кнопок или другой маркировки посещенных ссылок. Такое меню довольно сложно в управлении и требует навыков общения с вики-разметкой, поскольку редактируемая информация на страницах также будет в вики-разметке.Вот урок по этой теме.
ВКонтакте запустила пакет подписки, который заменит Combo от Mail.ru Group
ВКонтакте представила пакет подписки VK Combo, который сочетает в себе музыкальные подписки и скидки на сервисы социальных сетей и партнеров. Его стоимость составит 149 рублей в месяц. У
Mail.ru Group, в которую входит «ВКонтакте», уже есть аналогичное предложение под названием Combo. Его пользователям предоставляются скидки на услуги «Ситимобил», «Delivery Club» и другие.В компании заявили, что его заменит VK Combo.
Что входит в VK Combo:
- «Музыка» «ВКонтакте» без рекламы, с возможностью слушать в фоновом и офлайн-режиме в приложении Boom.
- Скидка 10% на 10 заказов в месяц в сервисе Еда ВКонтакте и приложении Delivery Club.
- Скидка 10% в сервисе Такси ВКонтакте и приложении Ситимобил.
- Двойной чизбургер в Макдональдс за 99 рублей в день.
- Скидка 10% на товары в «Перекрестке».
- Дополнительные 16 ГБ в «Mail.ru Cloud».
- Скидка 7% на покупку «умной» колонки «Капсула».
- Скидка 50% на следующую аренду в каршеринге YouDrive и кэшбэк 10% на последующую аренду.
Вы можете подписаться на новый пакет через мини-приложение… Пользователи Combo из Mail.ru Group смогут использовать этот пакет или перейти на VK Combo до конца 2020 года.
ВКонтакте заявили, что новый пакет подписки является логичным шагом для развитие экосистемы вокруг социальной сети, поскольку у компании уже есть идентификатор VK Connect, платежный сервис VK Pay и платформа мини-приложений.
Стоит отметить, что Яндекс также предлагает разовую подписку на свои сервисы в составе пакета Яндекс.Плюс. В нее входят «Кинопоиск HD», «Яндекс.Музыка», кэшбэк в баллах за поездки в «Такси», «Драйв» и другие бонусы. Стоимость «Плюс» составляет 199 рублей в месяц для индивидуального тарифа и 299 рублей в месяц для «Плюс Мульти» на семью из четырех человек.
Источник: iGuides.ru по www.iguides.ru.
* Статья переведена на основе материалов iGuides.ru на сайте www.iguides.ru. Если есть какие-либо проблемы с содержанием, авторскими правами, оставьте, пожалуйста, отчет под статьей. Мы постараемся обработать как можно быстрее, чтобы защитить права автора. Большое спасибо!
* Мы просто хотим, чтобы читатели получали более быстрый и легкий доступ к информации с другим многоязычным контентом, а не с информацией, доступной только на определенном языке.
* Мы всегда уважаем авторские права на содержание автора и всегда включаем оригинальную ссылку на исходную статью.Если автор не согласен, просто оставьте отчет под статьей, статья будет отредактирована или удалена по просьбе автора. Спасибо большое! С наилучшими пожеланиями!
Как разместить объявление «в контакте». ВКонтакте товары
В контакте с запущена возможность добавлять и продавать товары в социальной сети, без создания группы или публичной страницы. Чуть ниже главного меню появилась вкладка «Продукты», которая все еще находится в стадии бета-тестирования. Нажав на эту вкладку, вы попадете на страницу, где увидите продукты, добавленные вашими друзьями.
Также здесь через поиск можно найти все предложения пользователей ВК, по категориям и описанию. Оплата товара в этот момент предполагается через внутреннюю систему денежных переводов, что избавит от необходимости оплаты наличными.
Как добавить свой товар (объявление) во ВКонтакте?
В этом же разделе вы сами можете добавить любой товар и даже продвигать его с помощью таргетированной рекламы. Для этого в меню слева выберите пункт «Продукты» и на открывшейся верхней странице нажмите «Подать объявление».
Кроме того, разработчики обещают улучшить продвижение пользовательских продуктов, есть возможность интеграции с другими рекламными сервисами, а также доработать рекламную систему внутри самой сети. Сервис останется бесплатным для пользователей.
Если вы зашли сюда, то наверняка знакомы с такой социальной сетью, как Вконтакте. Там вы можете бесплатно общаться с другими людьми по всему миру, слушать музыку, смотреть различные видео и делать еще много интересного и полезного, в том числе рекламировать свои проекты.Сегодня в этой статье мы постараемся разобраться, как разместить рекламу в ВК, не тратя на это ни копейки, а также насколько эффективна бесплатная реклама Вконтакте.
Как бесплатно разместить объявление во ВКонтакте
Представьте себе ситуацию: у вас есть щедрое предложение продать товар или даже большое количество товаров, но у вас нет покупателей в реальной жизни или на сайтах типа Avito. Конечно, покупателей во «ВКонтакте» намного больше, чем на всех остальных сайтах, но вы не представляете, где и как разместить рекламу в этой социальной сети.Есть несколько способов решить эту проблему, каждый из которых мы рассмотрим подробно:
Рекламируйте свой товар на стене персональной страницы
Рекламная запись на странице должна быть закреплена.
Сразу скажем, что этот способ подходит только тем, у кого на личной странице достаточно большой список людей, не менее 200. Вас и вашу рекламу должны видеть люди в своей ленте новостей. Чтобы реклама не затерялась в большом количестве информации, ее необходимо создать максимально яркой и заметной.
Необычный и красочный рисунок, четкие фотографии вещей (если одежда на теле модели) на контрастном фоне, информативное описание цен и необходимая информация о товаре. Если вы рекламируете услуги, сделайте какое-нибудь продвижение. Скидки могут быть сделаны на покупку нескольких товаров.
Создайте собственную группу, посвященную вашему продукту или услуге
Это довольно сложный метод, так как нужно как-то привлекать людей в группу.Скорее всего, для хорошего результата вам придется, но как рекламировать свое сообщество бесплатно мы расскажем позже. Преимущество этого метода в том, что все внимание будет уделено именно вашему предложению, и среди людей будут только те, кому интересно работать с вами.
Разместить объявление на стене сообщества
В ВК существуют особые группы и паблики, позиционирующие себя как «барахолки». Именно это слово часто красуется в названии такого сообщества.Вы можете смело размещать заранее подготовленное объявление на стене группы (иногда нужно нажать на кнопку «Отправить новость» и дождаться публикации объявления и вы получите уведомление).
Рекламное сообщение должно быть привлекательным и профессиональным.
Добавить фотообъявления в групповые альбомы
В группах с открытой стенкой эффективнее размещать рекламу в ВК в виде фотографий товаров в специально подготовленных и разделенных по категориям альбомах.Затем в описании необходимо информативно указать информацию о товаре. Кстати, чтобы ваше предложение выделялось среди остальных, оформляйте свои фото в стиле картинок из журналов. Иногда, чтобы повысить эффективность, владелец группы просит заплатить. Разобраться в этом вопросе можно лично с администратором, если вас интересует не только бесплатное.
Как бесплатно размещать рекламу во ВКонтакте
Мы уже говорили, что во ВКонтакте можно бесплатно продвигать целые группы и сообщества, в которых вы собираетесь предлагать свои товары и услуги.Сами по себе частные сообщества являются наиболее эффективной рекламой, однако их еще нужно «раскручивать». Сразу отметим, что каждый из способов будет очень трудоемким, трудоемким и не будет лишен разного рода рисков. Возможно, вам придется привлечь к процессу друзей и знакомых за какое-то вознаграждение или нанять специальную команду, которая поможет вам разместить рекламу во ВКонтакте. При этом вы можете не сразу заметить результат, но со временем ваша рекламная кампания обязательно даст о себе знать.Итак, обычно это делается несколькими способами:
Спам в личных сообщениях
Первый метод начинается с поиска сообществ с темой, аналогичной выбранной вами. Из вариантов: конкурирующие сообщества, общие темы (искусство, фотография, путешествия), паблики с интересующей вас целевой аудиторией. Вам нужно зайти в список участников, а те, у кого есть открытые личные сообщения, начать рассылку рекламы для своей группы. Обычно подписываются трое из десяти человек.Не всем рассылать рекламу, а только целевой аудитории. Но как это определить? Это можно сделать по некоторым правилам:
Преимущество этого метода в том, что вы даже можете найти единомышленников и хорошие связи, поскольку вы напрямую общаетесь с потенциальными клиентами. Вы открыты для публики, и это создает хорошее мнение о вас как о честном предпринимателе. Но есть много недостатков, которые нужно уравновесить.
- Во-первых, с одной страницы можно отправить не более 20 сообщений тем, кого нет в ваших друзьях (для этого нужны помощники с другими аккаунтами).
- Во-вторых, недовольные люди будут жаловаться на спам от вас и вашей группы, так что вас и вашу группу могут заблокировать. Как видите, метод очень медленный, рутинный и не очень эффективный. Аккаунты будут блокироваться часто и надолго, если не навсегда, поэтому вам придется внимательно искать людей, которым действительно будет интересно ваше предложение.
Спам в группах
Метод очень похож на описанный в предыдущем абзаце. Вам нужно найти сообщества, которые сами предлагают разместить рекламу на своей стене во ВКонтакте бесплатно.Метод, вероятно, даже менее эффективен, чем предыдущий, поскольку в таких пабликах в основном есть рекламодатели, незаинтересованные в реакции на чужую рекламу. Кроме того, это та же самая рутина, которая не приносит особых результатов, независимо от того, насколько красочно ваше объявление. Но никаких ограничений нет.
Альбом спам
Опять аналогичный метод. Если вы оставили рекламу на стене, то в этом сообществе мы имеем полное право оставить вашу рекламу в фотоальбоме.Вы можете добавить фото товаров или услуг или любую красочную рекламу. Обязательно пишите информативные описания. Конечно, выигрыш будет крайне мал, но проблем с блокировкой и ограничениями не будет.
Конкурсы в вашей группе
Приз для победителя должен быть вашим продуктом или услугой.
Если вы наняли определенное количество постоянных членов, вы можете организовать конкурс, чтобы быть активными в группе. Нужно вознаградить того (или тех), кто больше всего понравился, написал комментарии и поделился новостями.Об этом можно узнать из статистики, которую каждый может дать для оценки. Также пусть победитель позже напишет отзыв о получении подарка.
В качестве призов за победу в конкурсе выбирайте только свои товары и услуги или скидки на их оплату. Так вы будете привлекать только целевую аудиторию … Если для участия в конкурсе назначить денежное вознаграждение, вы рискуете привлечь только охотников за деньгами, которых ваш товар совершенно не интересует.
Обмен объявлениями с другими группами
Если ваш друг тоже решил сделать то же самое с вами, то вы можете настроить взаимную рекламу в своих сообществах, согласившись репостить новости одновременно, позвонить, чтобы присоединиться к сообществу, или просто написать отзыв о группе.Более крупные издатели также знают, как создавать рекламу для своего сообщества, поэтому иногда наиболее интересным и многообещающим группам предлагается бесплатная реклама в обмен на их собственную. Некоторые просто добрые и надежные, но такое случается крайне редко. Это наиболее эффективный бесплатный способ, который, однако, бывает бесплатным. Кстати, репосты нужно делать в определенное время не чаще четырех раз в день.
В каких группах ВК можно размещать бесплатную рекламу
И напоследок стоит показать вам целый список групп, в которых следует размещать свою рекламу и рекламу.Их не так сложно найти на просторах сети ВКонтакте, однако мы сделали ваш поиск намного быстрее. Групп, конечно, намного больше, но мы решили предложить вам самые базовые варианты. Возможно, вам нужны более узконаправленные варианты
https://vk.com/reclampr
https://vk.com/club53809318
https://vk.com/russianpoweron
https://vk.com/reklama.besplatno
https://vk.com/reclame_free
https: // vk.ru / music.audio
Блошиные рынки:
https://vk.com/baraholkaua — Украина.
https://vk.com/networksales — закрытая стена.
https://vk.com/baraholkaby — Беларусь.
https://vk.com/objava — Питер.
https://vk.com/postermsk — Москва.
https://vk.com/poiskmuzikantov — мюзикл.
https://vk.com/sell1000moscow — до 1000 руб.
Мы надеемся, что этот материал был для вас полезным и информативным. Оставляйте свои дополнения и предложения в комментариях, делитесь статьей в социальных сетях с друзьями и обязательно посещайте другие интересные статьи на нашем сайте.
— новый раздел в популярной социальной сети, который теперь доступен не только сообществам, но и обычным пользователям. По сути, это не что иное, как знакомый сервис Avito, только теперь он встроен в вашу любимую «сетку». В ВК теперь можно размещать бесплатные объявления о продаже товаров или услуг. Как работает новая функция, как добавить товар и разместить рекламу, мы расскажем ниже.
Как снять ограничение при прослушивании музыки в ВК —
На данный момент новый раздел доступен исключительно в десктопной версии социальной сети.Но в ближайшее время разработчики хотят реализовать аналогичную функцию в мобильном приложении на iOS / Android. Смысл новой функции — продавать вещи, товары, услуги через ВКонтакте, что намного проще, чем использовать некоторые сторонние сервисы. Социальная сеть вплотную подошла к развитию внутренней экосистемы, например, недавно были анонсированы голосовые сообщения ВКонтакте, пользующиеся спросом у пользователей.
Как добавить товар в ВК? Как подать объявление?
Обращаем ваше внимание, что веб-версия ВКонтакте также содержит разделы «Избранные товары» и «Каталог товаров», где можно быстро просмотреть товары (анонсы) своих друзей ВКонтакте или с учетом заданных параметров по всему миру.Есть встроенный поиск, можно быстро искать по геолокации или имени.
Какие товары я могу добавить в ВК?
Одежда, детские товары, аксессуары, электроника, компьютерная техника, автомобили, транспорт, дом и дача, всевозможные услуги и т.д. Словом, теперь через Вконтакте можно легко продать любую вещь или услугу.
Специального сервиса для размещения рекламы в социальной сети ВКонтакте нет. Раньше он существовал, но был отменен из-за большого количества спама и сообщений от мошенников.В настоящее время социальная сеть «ВКонтакте» предлагает пользователям удобную стену на личной странице для размещения разного рода информации, различные диалоговые системы, тематические сообщества, регистрацию подписок и многое другое. Все это поможет вам разместить свою рекламу и сделать ее доступной большому количеству людей.
Настенные сообщения
Стена, или микроблог — основной инструмент для размещения рекламы и другой интересной информации … Заранее подготовьте привлекающий внимание рекламный текст и найдите одно или несколько подходящих изображений… Разместите сообщение на своей стене, предварительно настроив соответствующие параметры конфиденциальности в общих настройках … Вы можете сделать свою рекламу видимой только для ваших друзей, только для пользователей социальных сетей или для всех пользователей Интернета. В конце объявления добавьте запрос на его репост — отзывчивые люди могут отправить копию сообщения на свою стену, нажав соответствующую кнопку, что увеличит количество просмотров объявления.
Разговор с друзьями
Если у вас много друзей в вашем списке контактов, попробуйте создать чат в диалоговой системе и пригласить в него всех или выбранных «друзей» (друзей) сразу.Отправьте свое объявление в выбранную группу и ожидайте ответа. Вы также можете попросить их сделать то же самое на своем сайте, что снова повысит популярность вашей рекламы.
Публикации сообщества
Выберите одно или несколько подходящих сообществ ВКонтакте для публикации объявления. Обратите внимание на паблики, специально предназначенные для этого, особенно на те из них, которые наиболее раскручены и расположены в вашем городе. Перед размещением объявления ознакомьтесь с принципами сообщества. Некоторые из них позволяют размещать информацию только по определенным темам, а некоторые позволяют делать это только на платной основе.Предварительно лучше связаться с администратором группы и договориться с ним о публикации.
Ни в коем случае не спамить. Не нужно размещать рекламу во всех группах подряд, захламлять ею стены других пользователей и отправлять им через сообщения. В этом случае ваша страница будет быстро забанена, и восстановить ее будет невозможно.
Саморазвитие ВК. Саморазвитие ВК Полезные группы в ВКонтакте
Социальная сеть ВКонтакте давно перестала быть просто площадкой для общения и развлечений.Все больше и больше людей обращаются к ней по работе, по делам и, конечно же, за чем-то полезным и интересным. Не знаете, что читать? Предлагаем вам топ-10 информативных пабликов, в которых вы обязательно найдете для себя много новой информации.
«Арзамас»
«Официант, держите нос телекомментатору ровным, а то дружелюбное молоко снимет мне штаны» — так гласит статус известной просветительской публики «Арзамас» … Образовательный проект активен не только на его сайте, но и в социальной сети «На связи».Общественность рассказывает об их курсах, которые они преподают онлайн, офлайн (и совершенно бесплатно), и эти курсы имеют множество тем. Хотите знать, с каких рассказов стоит начать читать Булгакова? А может вас интересует современная жизнь Парижа? А может вы хотите лучше понять эпоху Петра I? Тогда общественность «Арзамас» с радостью поделится с вами этой информацией и даст гиперссылку на свой сайт.
«Скучный английский 7Daily»
Мы не понаслышке знаем, как долго и мучительно вы пытались выучить английский язык.Ну разве вы еще не научились? Выход есть! Паблик «Boring English 7Daily» поможет вам в этом нелегком деле. Страница сообщества содержит красивые картинки с текстом на английском и переводом на русский язык. Преимущество этого метода в том, что вы учите и запоминаете все предложение, а не пытаетесь запоминать отдельные слова, вырванные из контекста. Учеными доказано, что таким образом человек быстро выучивает много новых слов. И визуальный образ этому способствует. Забыл, что означает предложение — запомни картинку.Ваш мозг восстановит ассоциативный массив в вашей голове, и вы с легкостью все запомните.
«Космонавт»
Неужели мы одни во вселенной? Что есть за пределами нашей галактики? В чем разница между черными и белыми дырами? На эти вопросы ответит сообщество «Космонавт». Здесь вы можете в доступной форме получить исчерпывающую информацию о новых открытиях космоса, увидеть редкие снимки со спутников, узнать что-то новое о созвездиях и многое — многое другое.В комментариях под сообщениями вы можете высказать свое мнение по той или иной теме, вступить в дискуссию с экспертами по космосу. Публика очень часто делает репосты из социальных сетей о космонавтах, работающих на МКС, которые видят нас через окно за сотни миллионов километров. Они делают потрясающие фотографии нашей планеты и делятся ими со своими подписчиками. Посмотри на себя тоже. Такое зрелище не оставит вас равнодушным.
«Словарь»
Вы знаете, как это называется Нижняя часть бутылки вина? Как называется пространство между бровями? На эти и другие вопросы ответит общедоступный «Словарь» и научит вас многим другим словам, о которых вы, возможно, даже не слышали.Учите новые слова, используйте их в речи как можно чаще, старайтесь говорить красиво. Человек с большим словарным запасом всегда выделяется из толпы и пользуется уважением в обществе. Запомни это!
«ЭКОголик.ру»
И этот паблик будет полезен прекрасной половине человечества. Речь идет о сообществе «ЭКОголик.ру» … Каждая девушка, девушка, женщина мечтает хорошо выглядеть, но в погоне за раскрученными брендами, обещаниями и уловками продавцов забывает взглянуть на состав косметического продукта.Но часто это не только вредно для здоровья, но даже опасно для жизни! Эта публика учит любителей косметики правильно выбирать продукты, разбираться в составе продуктов, а также отличать натуральную косметику от органической. Если вас беспокоит, из чего состоит ваш крем для лица — смело обращайтесь на паблик «ECOgolik.ru» и уточняйте состав. А с помощью отзывов других пользователей вы сможете выбрать для себя безопасную косметику и узнать много нового о мире красоты.
«Любитель»
Следующая публика будет интересна любителям истории. «Любитель» — официальное сообщество одноименного журнала. Здесь различные исторические факты и события представлены читателю не односторонне, а с объективной точки зрения. Таким образом, читатель начинает проявлять интерес к истории в целом и волю решать для себя, как воспринимать ту или иную ситуацию. В этой публике никто не будет строить догадок о том, что вы думаете о себе.Никто не будет навязывать вам свою точку зрения. Вот как должна быть представлена история.
«Чайная ложка росписи»
Вы отличите Мане от Моне? Если задуматься, то этот паблик создан специально для вас. Сообщество
Многие пользователи социальной сети ВКонтакте не могут самостоятельно найти действительно интересные паблики и группы в социальной сети. И это неудивительно, ведь среди всего разнообразия сообществ есть как те, которые заслуживают нашего внимания, так и те, которые не представляют ничего по-настоящему стоящего.Для вашего удобства мы разделили ТОП-50 лучших пабликов и групп ВКонтакте на пять категорий.
Полезная информация
1. Прежде всего, мы хотели бы порекомендовать вам сообщество, посвященное сайту ЯВконтакте. Именно в этом сообществе можно не только найти все последние новости и секреты в социальных сетях, но и задать свой вопрос, если вы ничего не понимаете в работе социальных сетей ВКонтакте, Одноклассники, Твиттер и других.
http: // vk.com / vkusersy
2. Интересные факты о странах мира. Это сообщество, в котором вы найдете самые разные интересные факты со всей планеты.
http://vk.com/geofactsvk
3. Женский клуб X-Emotion. Сообщество, посвященное прекрасной половине человечества. Делитесь секретами и получайте мудрые советы.
http://vk.com/xemotion
4. Men ‘s Corner — журнал для мужчин. Если вы настоящий мужчина, то вам просто нужно присоединиться к сообществу, которое собрано так же, как и вы, альфа-самцы.
http://vk.com/menscorner
5. Следующая публика — интересные и замечательные люди. В нем вы каждый день будете узнавать о людях, которые если не изменили мир, то хотя бы сумели стать по-настоящему знаменитыми.
http://vk.com/interesnie_lydi
6. Универсальная энциклопедия знаний — группа во ВКонтакте, в которой можно найти сотни интересных фактов и множество красочных фотографий. Убедитесь сами и расскажите друзьям о самых интересных местах нашей планеты!
http: // vk.com / encyclopediaofknowledge
7. Энциклопедия бодибилдинга. Это сообщество посвящено созданию красивого и сильного тела. Смотрите мотивационные видео, фотографии спортсменов и хвастайтесь собственными достижениями.
http://vk.com/club60884438
8. Мир автомобилей. Если вы чувствуете себя настоящим гонщиком в душе, предлагаем вам присоединиться к публике таких, как вы. Оригинальные фото и посты на стене гарантированы!
http://vk.com/auto_publicker
9.Книга рецептов — открытая группа для всех, кто хочет приготовить вкусно и сытно. Если вы всегда мечтали научиться отлично готовить, милости просим. Вкусные рецепты каждый день!
http://vk.com/bookrecipe
10. Мы приглашаем вас прочитать книги-бестселлеры, размещенные в соответствующем сообществе. Помните, что человек, который читает книги, всегда будет умнее человека, который смотрит телевизор.
http://vk.com/world_best_book
11. Начнем с большого и интересного одноименного паблика, посвященного компьютерным и консольным играм.Если вы считаете себя заядлым игроком, вам здесь будет очень комфортно!
http://vk.com/games
12. Новости компьютерных игр — паблик, где вы найдете все новости, связанные с игровым миром. Также присутствует множество скриншотов из различных игрушек, артов, обсуждений и видео.
http://vk.com/cgame_news
13. Нравится ли вам игра Elder Scrolls V: Skyrim, в которую не играли только ленивые? Что ж, тогда приглашаем вас присоединиться к фанатам этой ролевой игры в социальной сети ВКонтакте.
http://vk.com/skyrimda
14. Dishonored — игра, которая нравится многим. Шпионские романы, тени, убийства, заговоры — все это вы найдете в игре. А в группе ВКонтакте можно обсудить Dishonored и попросить совета у более опытных игроков.
http://vk.com/dishonored
15. Assassin’s Creed — сообщество для ценителей тихого и профессионального уничтожения людей. Конечно, в игре.
http://vk.com/assassins_creed_2015
16.Манчкин — вторая по популярности настольная игра после «Монополии». Если вы хотите поиграть во что-то подобное, мы рекомендуем сначала присоединиться к соответствующему сообществу, чтобы изучить правила.
http://vk.com/munchkin
17. GTA 5 — игра, которая перевернула игровой мир с ног на голову. Миллионы игроков никогда не будут ждать его выхода на персональном компьютере … Если вы один из них или вам посчастливилось играть в GTA 5 на консоли, присоединяйтесь к сообществу.
http://vk.com/gta_5_fan
18.Тебе нравится постапокалиптизм? Манит ли заброшенная Чернобыльская зона? Присоединяйтесь к группе и играйте в культовую игру, которая признана одной из самых ожидаемых в истории игр.
http://vk.com/stalker_planet
19. Need for Speed - это игра, в которую играют уже более десяти лет, и она не надоедает! Любите скорость и рев двигателя? Не бойтесь присоединиться к сообществу, посвященному игре.
http://vk.com/nfsw_ru
20. Ролевой юмор всегда отличался оригинальностью.Если вы любите этот жанр игр, предлагаем вам присоединиться к публике, которая порадует вас забавными шутками и картинками.
http://vk.com/rpg_humor
Фильмы
21. Перед просмотром фильмов неплохо было бы знать, где и как их скачать. Поэтому было создано сообщество, посвященное очень удобной и полезной программе MediaGet.
http://vk.com/mediaget
22. Кто из нас не любит американские боевики? Наверное, только тот, кто их никогда не смотрел.Приглашаем вас посетить сообщество ВКонтакте, которое посвящено именно этому жанру фильмов.
http://vk.com/club302349
23. Молодежные комедии — это именно то, что мы так любим! За их юмор, нелепые ситуации и юношеский задор. Присоединяйтесь и смотрите все новинки этого жанра!
http://vk.com/comedylove
24. Научно-фантастические фильмы почти всегда — это космос, инопланетные формы жизни и захватывающие приключения. Тебе нравится это? Во Вконтакте есть группа, которая поможет вам быть в курсе фантастических новостей.
http://vk.com/club112
25. Мелодрамы и романтические комедии, вопреки распространенному заблуждению, любят не только девушки. Все новинки достаточно популярного жанра собраны в одной группе.
http://vk.com/romkomclub
26. Хотите знать все? Тогда не обойтись без документальных фильмов, которые в этой открытой группе представлены в большом количестве.
http://vk.com/dokumentalnoe.kino
27. Фильмы, а также мультфильмы времен Советского Союза вы можете наслаждаться в сообществе, посвященном этому жанру.
http://vk.com/films.ussr
28. Вам нравятся ковбойские романы? Хочешь быть верхом, с двумя пистолетами, ограбить дилижанс? Что ж, наслаждайтесь вестернами, которые хорошо представлены в этом сообществе.
http://vk.com/club67980373
29. Если вы предпочитаете фильмы ужасов, то вам просто необходимо присоединиться к одноименной группе во ВКонтакте. Следите за обновлениями, делитесь впечатлениями и бойтесь каждую ночь!
http://vk.com/cmpaxfilms
30.Исторические фильмы можно очень увлекательно использовать для воспитания истории в школе и институте. И просто наблюдать за этими эпическими сражениями — сплошное удовольствие! Смотрите фильмы этого жанра здесь, в этом сообществе ВКонтакте.
http://vk.com/club213744
Программное обеспечение
31. Мы хотели бы открыть список самых удобных и полезных программ и приложений с паблика, посвященного Интернет-браузеру Orbitum. Этот браузер специально разработан для интеграции с наиболее популярными социальными сетями.В том числе ВКонтакте.
http://vk.com/orbitum_browser
32. Freebie App Store — это временные бесплатные приложения для iPhone и iPad. Если вы счастливый обладатель этих популярных гаджетов, обязательно присоединитесь к этому сообществу. Вы сможете накачать себе огромное количество разнообразных интересных приложений и игр.
http://vk.com/appstore.game.iphone.ipad
33. Mint — молодежный мобильный социальный интернет-журнал iOS / Android на просторах социальной сети ВКонтакте.
http: // vk.com / myatame
34. Вы любите устанавливать на свой компьютер полезные и интересные программы? Тогда мы рекомендуем вам присоединиться к сообществу, которое этому посвящено. Регулярные обновления!
http://vk.com/club41274496
35. Хотите, чтобы ваш персональный компьютер или ноутбук был надежно защищен? Тогда вам обязательно стоит установить антивирус … И в этой группе вы найдете ключи для нее.
http://vk.com/security_pc
news
36. Нравится ли вам быть в курсе новостей, которые транслируются с экранов телевизоров, и формировать свое мнение? Предлагаем вам сделать то же самое, но в Интернете.Вы можете следить за российскими новостями во всей красе в сообществе РИА Новости.
http://vk.com/ria
37. Project LIVE — это свежие новости от команды социальной сети ВКонтакте. И касаются они, конечно, исключительно социальной сети.
http://vk.com/live
38. Euronews — новости со всего мира. Особенно уместно, если вы хорошо понимаете английский.
http://vk.com/en.euronews
39. ТСН — украинская телевизионная служба новостей.Если вы житель именно этой страны, добавьте в их сообщество ВКонтакте.
http://vk.com/tsnua
40. Pt — комментируется. Оригинальные фото с не менее оригинальными подписями. Все, что связано с мировой политикой.
http://vk.com/za.tchk
Спорт
41. Большинство людей любят футбол! Чтобы следить за новостями и всеми матчами, подпишитесь на паблик «Наш футбол».
http://vk.com/rfpltv
42. Хоккей — спорт для настоящих мужчин! Все любители хоккея собрались в одном месте ВКонтакте, в группе «Большая игра».
http://vk.com/bolshayaigra
43. Все о баскетболе можно найти в сообществе ВКонтакте, которое мы хотим представить вашему вниманию.
http://vk.com/basketball_love
44. Американский футбол — сложный вид спорта, который начал набирать все большую популярность в России и странах бывшего СНГ. В этом сообществе вы найдете много нового и интересного по теме.
http://vk.com/yournfl
45. Не забывайте о волейболе! Веселый и активный вид спорта, который любят и взрослые, и дети.Вы найдете все об этом виде спорта в сообществе, которое мы с гордостью представляем вашему вниманию.
http://vk.com/club25176770
46. Теннис — это не спорт для слабаков. Приглашаем вас присоединиться к соответствующему сообществу, чтобы всегда быть в курсе новостей.
http://vk.com/tennissss
47. Настольный теннис, как вы, наверное, знаете, — это весело, интересно и очень полезно. Вид спорта, заслуживающий вашего внимания.
http://vk.com/club4682
48.Эффектный бокс — удовольствие не для всех. Особенно для слабонервных. Но если вы не нервная беременная женщина, то вам наверняка будет интересно попасть в лучшую группу по боксу.
http://vk.com/allboxing
49. Получите это — паблик ВКонтакте о велоспорте. Если вы любитель покататься на своем железном коне, присоединяйтесь к нам!
http://vk.com/hardcycling
50. Что может быть зрелищнее ралли? Рев мотора и бешеная скорость ждут вас в сообществе Vyatka Rally!
http: // vk.ru / rally_vyatka
1. Подборки фильмов, фильмов
Паблик с теми, что «на стену держи, чтоб не забыть посмотреть». Для удобства публикации включают сами видеоролики вместе со списками фильмов. Лайфхакер не призывает к пиратству: выбранные материалы можно использовать и для легального просмотра фильмов.
2. КиноПоиск
Представительство крупнейшего российского кинопортала. Трейлеры, слухи и новости из мира кино и, конечно же, живые обсуждения — все это в сообществе КиноПоиск.
3. Посмотрим лучше дома
Публика, рекомендующая фильмы для домашнего просмотра — фильмы, которые больше не показывают в кинотеатрах, но которые всегда приятно смотреть.
4. LostFilm.TV
Публичный показ одних из самых популярных дикторов для современных телесериалов. В удобном меню навигации можно найти информацию о десятках, а интересные новости публикуются на стене.
Музыка
5.фильм. Саундтреки
Для тех, кто любит саундтреки не меньше, чем сами фильмы.Музыка из популярных фильмов также публикуется другими публиками, но саундтреки movie.soundtracks также порадуют вас подборкой композиций из старых или малоизвестных фильмов.
6. Новые альбомы
Ни один более-менее заметный достойный релиз не пройдет мимо этой публики. Для сторонников легального прослушивания в сборниках есть ссылки на Apple Music.
7. Восприятие музыки
Музыкальные избранники разных жанров. Объединяющих критериев всего два: качество и красота.Для удобства в сообществе есть поиск по жанрам, а также график публикации тематических сборников.
8. Родной звук
Публика для любителей новых открытий. Native Sound публикует как подборку довольно известных исполнителей (Tesla Boy, Pompeya), так и малоизвестных, но очень требовательных администраторов, прошедших тест.
9. История музыки
В этой группе подборки разных жанров сопровождаются информацией, богатой интересными фактами.Например, сообщения «День в истории музыки» публикуются ежедневно, в них рассказывается о событиях в мире музыки, которые произошли много лет назад.
Литература
10. Книги и аудиокниги
В этом сообществе публикуются как книжные сборники, так и отдельные произведения. Отличный вариант для любителей послушать аудиозаписи ВКонтакте на ходу: большинство постов на стене сопровождается аудиокнигами.
11. Тысяча дьяволов, что за книга!
Публика о достойных писателях и их произведениях.Помимо сборников, аудиокниг и справочной информации, у ТЧКК есть еще одно важное преимущество — возможность общаться с единомышленниками. Работы активно обсуждаются в комментариях, а администрация публикует вечернюю запись «Какую книгу вы читаете ночью?» Каждый день.
Наука
12. Музей космонавтики
Официальная публичная страница Музея космонавтики, основанного в Москве в 1981 году. На стене публикуются не только новости из жизни учреждения, но и интересные факты из истории освоения космоса.
13.N + 1
Представительство научно-популярного издания N + 1 «ВКонтакте». Публикуются статьи о последних технологических разработках, новостях из мира физики, биологии, космонавтики и робототехники.
14. Арзамас
«История культуры в видео, текстах и фотографиях» — описание, полностью соответствующее содержанию, опубликованному Арзамасом. В общине можно узнать много интересного, о чем не говорят на уроках истории и литературы, например, о вегетарианстве в дореволюционной России и тайных приметах в «Обломове» Ивана Гончарова.
15. История необязательна
Тексты, в которых чувствуется характер и индивидуальность автора, иногда гораздо интереснее читать, чем обычные статьи, написанные в информационном стиле. Автор публичной страницы — Оля Андреева, обозреватель издания «Дилетант», которая еженедельно радует своих подписчиков историческими статьями.
Бизнес и мотивация
16. Стартапы и бизнес
Паблик издания vc.ru, рассказывающий о стартапах, растущем бизнесе и новых моделях заработка.Никаких бесполезных цитат или общих мотивационных советов — только факты, новости и интервью с предпринимателями.
17. Блог IQ — Бизнес-секреты
Тем, кому нужна мотивация и поддержка советом, этот паблик поможет. На стене размещены различные записи: цитаты и факты из жизни исторических личностей, полезные статьи и тематические подборки книг.
Спорт и фитнес
18. Спортивные товары | Бодибилдинг
В данном паблике мотивируют не броские цитаты, а подробные полезные тексты, рекомендации из которых можно применить на практике.Статьи из этого сообщества помогут не только придать телу желаемую форму, но и сделать это грамотно, не навредив своему здоровью.
19. Персональный тренер
Еще одна паблика для тех, для кого оздоровление тела — не просто хобби, а одна из превалирующих целей в жизни. Многие сообщения поддерживаются видео.
20. Бодифитнес, фитнес-бикини, фитнес
В этом сообществе вы можете найти всю информацию, необходимую для поддержания формы тела: мотивационные цитаты, забавные картинки, инструкции по упражнениям, советы по питанию и даже рецепты диет.
Кулинария
21. Стр. Здоровый образ жизни. Рецепты
Продолжая предыдущую категорию: паблик с рецептами, которые не повредят фигуре. Администрация уверяет, что все рецепты оригинальные, а фотографии блюд настоящие.
22. Готовьте! — вкусные рецепты
Паблик по обычным рецептам не только для худеющих. Его аудитория составляет более двух миллионов человек, а количество пластинок приближается к 60 тысячам, что позволяет говорить о Cook it! как одна из самых популярных и полных кулинарных книг ВКонтакте.Для удобства в блоке «Информация» отображается специальный пункт «Поиск рецептов».
Разное
23. Freakbook
Каждый день Freakbook собирает интересные статьи на просторах русскоязычного Интернета и предлагает их читателю с пометкой о времени, которое потребуется на их прочтение.
24. NewWhat
Еще одна публичная трансляция лучших материалов Интернета, на этот раз — зарубежных. Администраторы просят подписчиков проголосовать за англоязычную статью, которую они хотели бы прочитать в опросе.Через некоторое время перевод статьи публикуется.
25. Лайфхакер
И, наконец, нельзя не упомянуть нашу публику. Сообщество транслирует статьи с сайта на самые разные темы, объединенные общей целью — сделать жизнь читателя лучше.
Социальная сеть. Ежедневно миллионы людей листают свою новостную ленту, ставят лайки и репосты. Иногда информация, содержащаяся в записях, влияет на нас больше, чем на людей вокруг нас. Он формирует наши потребности и мнения, наш стиль общения и поведения в обществе, а иногда даже влияет на наше мировоззрение.
Все хотят видеть в своей ленте только качественный и интересный контент. Мы постарались собрать для вас список самых популярных и интересных сообществ ВКонтакте .
Ниже ТОП 15 лучших и самых популярных групп по разным тематикам .
Участники: 14 309 028 человек.
Самое большое сообщество в ВК.
Любите хорошую музыку? Хотите быть в курсе всей новой музыки? Тогда эта публичная страница вам подойдет. Музыкальное наполнение на любой вкус.Только самые лучшие и свежие песни.
Интересная планета — путешествия, туризм
Участников: 3 102 011
Паблик для тех, кто любит красоту нашей планеты. Самые чудесные и красивые места. Здесь вы можете построить маршрут своих будущих путешествий и поделиться своим опытом отдыха в определенных местах.
Хорошо сказано…
участников: 6 400 426
Знаете ли вы?
Участников: 5 641 240
Хотите узнать немного больше? Тогда это сообщество для вас.Мы уверены, что здесь каждый найдет для себя что-то новенькое. паблик, в котором собраны только самые интересные факты о самых разных.
Какие группы вы считаете наиболее полезными и популярными?
Саморазвитие происходит на основе формирования определенных знаний. Чтобы получить знания, нужно читать книги, статьи, то есть получать ценную информацию, которую в дальнейшем можно использовать для достижения своих целей. Процесс саморазвития может начаться только в том случае, если вы уже смогли выбрать правильное направление своих действий.Мы рекомендуем вам присоединиться к группе в контактах, например — https://vk.com/moneysecrets или https://vk.com/dr.house4you. А можно обратить внимание на официальную группу Александра Свияша https://vk.com/club_alexandra_sviyasha, который считается настоящим мастером душевного равновесия. То есть, по сути, перед вами открываются безграничные возможности. Все, что вам нужно сделать, это использовать эти возможности в собственном развитии.
Саморазвитие от «А» до «Я»
Многие люди, решившиеся на личное саморазвитие, понимают, что этот процесс многогранен, и не всегда бывает успешным только по той причине, что у нас просто не хватает сил, чтобы довести дело мы начали до конца.Чтобы получить перспективу активных действий, необходимо правильно мотивировать и стимулировать себя. В этом случае наиболее разумным вариантом будет поиск информации, которая может направить нас по правильному пути. В контактах много групп, которые собирают посетителей по интересам. В этом случае у вас есть прекрасная возможность:
- получить ценную информацию;
- читать интересные статьи по саморазвитию и психологии;
- получите ответы на интересующие вас вопросы;
- Общайтесь с теми людьми, которые так же, как и вы, заинтересованы в саморазвитии.
Именно по этой причине такие группы на данный момент стали невероятно актуальными и востребованными, поскольку фактически позволяют получить максимальные перспективы и возможности для формирования новых знаний, необходимых для последующего процесса саморазвития, обучения и формирование истинной целеустремленности.
Особенности саморазвития в компании
Конечно, человеку очень сложно начать что-то новое. Именно по этой причине формируется такой негативный аспект, как отсутствие желания продолжать собственное саморазвитие.Однако если правильно подойти к аспекту изучения полноценных методов саморазвития и самообразования, то вы получите готовый план действий, использование которого станет неоспоримой основой для формирования истины. успеха вашей жизни. В компании гораздо интереснее выполнять определенные шаги тем или иным методом. Во-первых, это своего рода соревнование. Во-вторых, всегда можно поговорить на ту или иную тему, в совокупности учесть определенные ошибки и снова броситься «в бой» за собственное благополучие.
Процесс саморазвития включает следующие этапы: …
Александр Свияш — мастер позитивного мышления, психолог, автор более 13 книг. При этом следует отметить, что тираж этих книг очень и очень значительный. Книги переведены …
.
Добавить комментарий