Размер для аватарки для группы вк: Размеры оформления сообщества ВКонтакте ⋆ Targbox SMM

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

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

Содержание статьи:

• Аватарка для группы в ВКонтакте в 2019 году
• Обложка для сообщества ВК
• В каком формате можно загружать видео в обложки для групп
• Размер картинок на стене сообществ с аватарками в Vkontakte
• Рекламные баннеры в группах

Аватарка для группы в ВКонтакте в 2019 году

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

Сегодня размер аварки для групп составляет 200 x 500 пикселей. Но иногда изображения немного растягиваются. И получаются немного размытыми. Чтобы этого избежать, нужно выбирать картинки большего размера. Но приблизительно пропорциональные вышеуказанному размеру. Например, 400×1000 px. В этом случае изображение получится хорошего качества. Миниатюра будет «вырезана» с верхней части вашей картинки размером 200 x 200 пикселей.

Это может быть полезным: Как сделать опрос в ВК.

Обложка для сообщества ВК

В некоторых группах ВК в 2019 году можно заметить, что аватар отсутствует. Вместо него на всю ширину расположена обложка. На ней обычно изображён логотип группы с кратким описанием. Или даже реклама каких-то событий. Её размеры должны быть следующими: 1590 x 400 пикселей. Но если сделать картинку на всю площадь обложки, она может не полностью отображаться на мобильных устройствах. Поэтому рекомендуется создавать картинки, где будут отступы со всех сторон к центру. А еще проще — делайте основное изображение таким: 1196 x 315 px. После чего сделайте простой белый фон, поместив картинку на белое полотно в редакторе с размером 1590 x 400.

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

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

Чтобы добавить обложку:

1. Нажмите кнопку «Управление группой» справа;
2. Выберите кнопку «Настройки»;
3. Найдите среди пунктов здесь строку «Обложка сообщества»;

   ложки сообщества ВКонтакте

4. Установите свою обложку для группы.

Это интересно: как слушать музыку в ВК без ограничений.

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

Про «живые» обложки для сообщества ВКонтакте стоит рассказать отдельно. Можно добавлять видео с максимальной длительностью в 30 секунд.

Требования:

• размер файла не должен превышать 30 Мб;
• видео и аудиокодеки: H.264 и AAC соответственно;
• разрешение для видео: 1080 x 1920 px.

Не стоит загружать видео большего разрешения. Оно может отображаться некорректно.

Размер картинок на стене сообществ с аватарками в Vkontakte

Основным источником информации в ВКонтакте не только в сообществах, но и в профиле пользователя является стена. Здесь время от времени появляются изображения, которые могут выкладывать как модераторы группы, так её участники. Максимальный размер для картинок стены — 1000 px на 700 px. Но рекомендуется их делать с меньшим размером: 700 x 500 px. Это опять же связано с отображением в мобильных устройствах в 2019 году, через которые пользователи чаще посещают ВК, чем с веб-браузера.

Не знаете как сделать чёрный фон в ВК? Прочитайте об этом.

Рекламные баннеры в группах

Коммерческие сообщества ВКонтакте не обходятся без рекламы. Баннеры являются основным объектом, где можно разместить собственную или партнёрскую рекламу. Оптимальным размером для баннера является: 510 x 510 px. Хотя высота может быть и значительно большей. В группах также часто размещаются карточки товаров. Размеры их изображений делают не более, чем 1 000 x 1 000 px. В этом разделе отображаются их миниатюры. При клике пользователю разворачивается всё изображение.

Чтобы сделать собственную обложку или картинку для группы, вы можете воспользоваться десктопными программами, вроде Adobe Photoshop или Gimp. Но в сети есть несколько удобных и подходящих ресурсов. Они помогут вам создать уникальный дизайн, потому как уже содержат множество готовых элементов и даже вариантов готовых картинок. Ознакомьтесь с ресурсом под названием Canva по адресу: https://www.canva.com/. Здесь вам нужно только зарегистрироваться. С ним вы сможете создать уникальный аватар с подходящим размером для группы ВКонтакте 2019.

Правильные размеры для аватарки группы ВКонтакте

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

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

Что такое аватар

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

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

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

Какой выбрать аватар

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

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

Есть несколько моментов, которые необходимо учитывать:

1. Аватар обязательно должен иметь хоть какой-то смысл, наталкивающий на жанр сообщества, а если точнее, то на его контент.
2. Достаточно широко распространено использование фото знаменитостей на аватарах или красивых девушек, принимающих достаточно откровенную позу. Как правило, интерес у мужчин к этой страничке будет достаточно велик, а если же еще человек на аватаре улыбается, то это уже на подсознательном уровне оказывает позитивное влияние. Трудно не улыбнуться, когда друзья смеются, не так ли?
3. Не стоит использовать всего лишь один логотип сообщества. Такую ошибку допускают достаточно неопытные администраторы групп. Лучше возьмите и добавьте туда всего и побольше. Люди невольно задержатся, рассматривая аватар и размышляя над связью между предметами, которую вы можете вложить туда.

Заключение

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

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

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

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

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

Размер аватарки для группы Вконтакте

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

• Какой размер аватарки для группы подходит больше всего
• Каким требованиям должна отвечать ава
• Что использовать в качестве картинки

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

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

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

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

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

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

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

Размер аватарки для группы Вконтакте в 2018 году

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

• Насилия
• Порнографии
• Терроризма и экстремизма

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

Размеры изображений в Вконтакте (VK) (Последние изменения за 2017)

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

В этой статье мы рассмотрим размеры изображений в новом дизайне Вконтакта 2016 года.

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

Важные параметры изображений в Вконтакте (VK)

• Аватар в сообществах — 200х300 px (200×500 px) в пропорции 2 к 5. Аватар на личной то странице — 200х500 как и ранее. Можно загружать изображения и большего размера – до 7000 px с каждой стороны. Главное, чтобы соотношение сторон не превышало 2 к 5.
• Миниатюра аватара — круг диаметром 200 px. В настройках загрузки можно перемещать и изменять диаметр.
• Новостное изображение баннера в группе: 510х271 px.

Чтобы картинка аватара или поста не искажалась, необходимо при сохранении в Ps выбрать ФАЙЛ>СОХРАНИТЬ ДЛЯ WEB> в открывшемся окне выбрать функцию sRGB. Если вы постараетесь загрузить изображение менее 200 пикселей в ширину или в длину, вы увидите ошибку. Однако опыт SMMщиков говорит о том, что этот метод не дает отличного результата. Чтобы изображение не уменьшались (в гораздо меньшей степени) – делать их в 2-3 раза больше нужного размера.

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

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

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

Изображения к постам со ссылкой – это изображения, которые автоматически «подтягиваются» к посту, когда вставляется ссылка. Данные берутся из разметки Open Graph. Если Open Graph нету на сайте, заголовок и описание вытягиваются из Title и Description, а изображение – из страницы, его можно менять с помощью специальных стрелочек.

Изображение для Вики-страницы

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

Товары ВКонтакте

Размер изображений для товаров должны быть минимум — 400рх, максимум — 7000рх по одной из сторон, оптимальный же размер будет 1000рх на 1000рх, всего можно добавлять 4 фото к одному товару. Изображение «подборки» — 580рх на 320рх.

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

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

Что бы включить обложку для групп в вконтакте заходим в «Действия», что находится сразу под авкой группы, где выбираем «Управление», где есть пункт «Обложка Сообщества», нажимаем загрузка – готово. Рекомендуемый размер обложки составляет 795x200px, но стоит добавлять в размере 1590x400px для оптимального отображения на больших экранах.

Размер изображений альбома (фотостатус) в группе VK

Фотостатус, это минюатюры изображений, которые отображаются в основном альбоме. Их оптимальный размер — 123px на 123px. Для правильного их отображения в профили, загружайте их в основной альбом группы последовательно ,по очереди, начиная с последней (правой), потому что последняя загруженная миниатюра становится самой левой.

Читайте также: Размеры изображений в Facebook | Размеры изображений в Twitter | Размеры изображений в Instagram | Размеры изображений в YouTube | Размеры изображений в Pinterest | Размеры изображений в Одноклассниках

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

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

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

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

• Аватар должен быть не менее 200х200 пикселей. Параметры можно увеличивать до 7000 точек с каждой стороны – в этом случае ошибка при загрузке не высветится, но при отображении кусок картинки будет обрезан. Оптимальное соотношение сторон для аватара – 200х500 пикселей (2:5).
• Полносайтовый размер обложки – 1590х400 пикселей. При просмотре с мобильных устройств отображается только 1196х400 пикселей, то есть вся стратегическая информация должна уместиться в эти рамки, если вы хотите, чтобы ее увидели пользователи с мобильного.
• Изображения в ленте лучше приводить к размеру 510х510. Ориентация – квадратная или альбомная (горизонтальная). Учтите, что при альбомной ориентации (чем меньше высота) картинка выглядит немного мельче. Это не критично, но за идеал стоит взять квадрат.
• Изображения, которые подтягиваются со ссылкой, берутся из кода разметки или из самой статьи (если изображений несколько, можно выбрать) или грузятся прямо с рабочего стола. В последнем случае разрешение картинки – 537х240 пикселей.
• Когда вы создаете статью в редакторе, выбирайте изображение 510х286 пикселей. Фон и надпись должны контрастировать, чтобы пользователь мог легко прочитать название. Блеклые или слишком кислотные заголовки снижают открываемость ссылок, каким бы сильным ни был контент.
• Дальше – Истории. Фото – 1080х1920, видео – 720х1280. Оба, как видно, должны иметь вертикальное расположение. Вес видео не может превышать 5 Мб, а длительность – 15 секунд. Дополнительные требования – кодек h.264, звук ААС.
• Выбирая фотографию для обложки фотоальбома, ориентируйтесь на 1200х800 пикселей. Помните, что мобильная версия почти всегда отличается от десктопной, а в данном случае низ обложки будет урезан на 200 пикселей.
• Максимальная ширина картинки для вики-страницы – 607 пикселей. Учтите, что файлы большего размера автоматически уменьшаются до 400, поэтому если ваша картинка – «не формат», измените размер во вкладке редактирование.

Создаем правильный аватар

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

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

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

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

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

Заключение

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

Хотите научиться продавать в удовольствие и при этом всегда добиваться результатов, которым можно позавидовать? Регистрируйтесь на бесплатный мастер-класс «Вебинарное джиу-джитсу», стартуем сегодня >>>

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

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

Почему это происходит?

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

Как повлиять на эффективность поиска в сообществе?

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

• в ленте новостей группы
• в поисковой системе контактов
• в поиске Google и Яндекс
• в ссылки из других сообществ
• в ленте пользователей ВКонтакте

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

Принципы создания интерактивных миниатюр.

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

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

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

4) Логотип компании.
Также вы можете разместить свой логотип на миниатюре. Идеальным вариантом было бы, чтобы логотип соответствовал вышеуказанным принципам.

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

Евгения Крюкова

* Обновление статьи.

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

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

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

А теперь давайте подробнее рассмотрим каждый предмет.

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

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

Максимальный размер аватара — 200 x 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.

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

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

Примеры динамических обложек:

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

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

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

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

Закрепленное сообщение, рассказывающее, о чем эта страница.

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

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

Меню новых ссылок

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

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

Для редактирования меню нажмите «Настроить» в правом верхнем углу виджета:

Чтобы добавить пункт меню, щелкните «Новая ссылка».

В открывшемся окне выберите обложку (минимальный размер — 376×256 пикселей), введите название пункта меню (важно, чтобы он оставался в пределах 20 знаков с пробелами), добавьте ссылку и нажмите «Сохранить».

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

Результат должен выглядеть примерно так:

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

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

Вот как выглядит закрепленный пост в заголовке Flatro:

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

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

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

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

Групповое меню

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

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

GIF и аватар в одном изображении

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

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

Скрытое меню

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

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

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

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

Для этого необходимо выполнить три условия:

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

Сообщение, которое получает много репостов

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

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

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

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

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

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

Розыгрыши

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

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

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

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

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

Уменьшенное изображение аватара

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







2. Текст не должен выходить за пределы эскиза.







3. Пользователи должны понимать, что изображено на аватаре.







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




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







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

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

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

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

Несмотря на то, что эскиз аватара очень маленький, его можно (и нужно) использовать для привлечения подписчиков в ваше сообщество.Как это сделать? Давайте рассмотрим несколько вариантов:

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

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

Телефон компании

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

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

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

Акции

Конкурсы

вакансий

Какой должна быть сама аватарка?

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

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




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




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




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




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

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

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

Домен сайта

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

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

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

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

Реклама в мобильных приложениях

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

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

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

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

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

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

Брагс

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

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

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

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

1. Добавляйте эффекты, текст, графику и многое другое.

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

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

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

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

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

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

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

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

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

class = «incut»>

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

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

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

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

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

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

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

1.Fotor.com

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

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

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

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

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

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

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

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

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

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

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 agency.

Выбор миниатюры в ВК. Как правильно оформить группу ВКонтакте

Евгения Крюкова

* Обновление статьи.

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

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

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

А теперь давайте подробнее рассмотрим каждый предмет.

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

Минимальный размер аватара — 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 МБ;
• ч.264 кодек;
• звук AAC.

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

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

Примеры динамических обложек:

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

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

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

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

Закрепленное сообщение, рассказывающее, о чем эта страница.

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

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

Меню новых ссылок

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

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

Для редактирования меню нажмите «Настроить» в правом верхнем углу виджета:

Чтобы добавить пункт меню, щелкните «Новая ссылка».

В открывшемся окне выберите обложку (минимальный размер — 376×256 пикселей), введите название пункта меню (важно, чтобы он оставался в пределах 20 знаков с пробелами), добавьте ссылку и нажмите «Сохранить».

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

Результат должен выглядеть примерно так:

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

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

Вот как выглядит закрепленное сообщение в заголовке страницы Flatro:

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

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

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

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

Меню Fusion для группы

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

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

GIF и аватар в одном изображении

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

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

Скрытое меню

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

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

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

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

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

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

Сообщение, которое получает много репостов

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

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

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

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

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

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

Розыгрыши

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

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

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

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

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

Уменьшенное изображение аватара

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







2. Текст не должен выходить за пределы эскиза.







3. Пользователи должны понимать, что изображено на аватаре.







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




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







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

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

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

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

Несмотря на то, что эскиз аватара очень маленький, его можно (и нужно) использовать для привлечения подписчиков в ваше сообщество.Как это сделать? Давайте рассмотрим несколько вариантов:

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

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

Телефон компании

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

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

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

Фондовая

Конкурсы

вакансий

Какой должна быть сама аватарка?

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

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




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




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




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




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

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

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

Домен сайта

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

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

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

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

Реклама в мобильных приложениях

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

Обновление ассортимента / новое творчество и т. Д.

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

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

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

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

Брагс

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

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

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

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

1. Добавляйте эффекты, текст, графику и многое другое.

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

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

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

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

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

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

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

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

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

class = «incut»>

Как стилизовать изображения для сообщений

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

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

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

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

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

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

1.Fotor.com

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

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

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

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

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

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

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

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

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

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

Почему это происходит?

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

Как повлиять на эффективность поиска в сообществе?

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

• в ленте новостей группы
• в поисковой системе контактов
• в поиске Google и Яндекс
• в ссылках из других сообществ
• в новостной ленте пользователей ВК

Детали с таким широким охватом нельзя оставить без внимания.И при групповом оформлении миниатюре нужно уделить особое внимание.

Принципы создания интерактивных миниатюр.

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

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

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

4) Логотип компании.
Также вы можете разместить свой логотип на миниатюре. Идеальным вариантом было бы, чтобы логотип соответствовал вышеуказанным принципам.

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

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

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

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 Динамическое меню с эффектом навигации
Очень впечатляющий дизайн, имитирующий навигацию по сайту с эффектом нажатия кнопок или другой пометки посещенных ссылок. Такое меню довольно сложно в управлении и требует навыков взаимодействия с разметкой вики, так как вам также придется редактировать информацию на страницах в разметке вики.Вот руководство по этой теме.

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

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

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

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
В последнее время особенно актуальны карты для репостов или акций. Ее задача — призыв к конкретным действиям.В основном это «Присоединяйтесь к группе, сделайте репост или поставьте лайк и выиграйте приз». Такие баннеры используются в рамках рекламных компаний или акций как в собственных группах, так и для продвижения других групп. Я обычно использую размер 600×350 пикселей.

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

5. Построение аватара + фиксированный баннер
До недавнего времени эта модульная конструкция, состоящая из аватара и фиксированного баннера, была наиболее популярным способом создания групп. Подробнее о том, как сделать такую ​​конструкцию, расписано в уроке. С появлением кепки (чехлов) не исключено, что популярность такого дизайна несколько снизится.

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

6.Внутреннее меню навигации
Меню в виде активных ссылок Находится на внутренней странице ВКонтакте и пишется с помощью команд Wiki Markup. О том, как создать саму внутреннюю страницу, расписано в уроке. Используя меню, пользователь перемещается по группе. Ниже вы познакомитесь с типами внутреннего меню, а пока остановимся на нескольких важных пунктах.

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

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

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

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

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

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

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

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

7.2 Большое графическое меню
В этом случае вертикальное количество ссылок расположено на большом фоновом изображении и имеет жестко закрепленную структуру.Вот урок.

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

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

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

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

Используйте эти 100% приемы, и ваша компания будет представлена ​​ВКонтакте наилучшим образом, и клиенты будут с ней удобно взаимодействовать.Но не забывайте, что во всем нужна мера! Посмотрите даже больше, чем свежие идеи для дизайна сообщества венчурных капиталистов на странице услуг агентства Trug Target.

Евгения Крюкова

* Обновить статью.

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

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

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

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

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

Минимальный размер аватара — 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.

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

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

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

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

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

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

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

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

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

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

Новое меню ссылок

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

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

Для редактирования меню нажмите «Настроить» в правом верхнем углу виджета:

Чтобы добавить пункт меню, щелкните «Новая ссылка».

В открывшемся окне выберите обложку (минимальный размер — 376×256 пикселей), введите название пункта меню (важно, чтобы 20 знаков с пробелами), добавьте ссылку и нажмите «Сохранить».

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

На выходе должно быть примерно так:

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

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

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

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

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

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

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

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

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

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

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

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

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

Скрытое меню

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

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

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

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

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

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

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

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

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

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

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

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

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

Розыгрыши

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

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

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

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

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

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

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







2. Текст не должен выходить за рамки миниатюр.







3. Пользователям должно быть понятно, что изображено на аватаре.







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




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







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

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

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

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

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

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

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

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

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

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

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

Акции

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

Вакансий

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

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

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




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




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




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




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

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

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

Домен сайта

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

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

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

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

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

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

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

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

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

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

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

Подсумок

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

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

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

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

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

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

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

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

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

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

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

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

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

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

class = «incut»>

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

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

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

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

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

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

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

1.Fotor.com

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

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

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

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

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

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

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

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

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

Как удалить аватарку без удаления фото ВКонтакте (Удалить Поменять картинку страницы группы ВКонтакте). Как удалить аватарку без удаления фото ВКонтакте (Удалить Поставить Изменить картинку Страница фото Страница ВКонтакте) Пустые аватарки

Если у вас нет аватара на странице ВКонтакте, не беда. Просто нажмите на кнопку «Поместить фото».

После этого система предложит загрузить фото с вашего компьютера в формате jPG, GIF или PNG.

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

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

Затем вырежьте фотографию и нажмите кнопку «Сохранить и продолжить».

Пользователи часто задают такой вопрос: как поставить фото на AVU в ВК, чтобы лайки сохранились? На данный момент такой функции не существует.Если у вас есть лайки на фото в альбоме, то при установке на аватарку вы увидите 0 сердечек, при этом пользователи не начнут лизать ваш аватар. При этом на фото в альбоме лайки останутся.

Как поставить пустой аватар, не удаляя фото?

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

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

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

• изображение камеры;
• голова животного (заблокированный пользователь).

Обе Автара можно выкинуть прямо отсюда:

Кто бы ни выставлял фото на АВУ — всегда пустые стойки (фотоаппарат).

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

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

Как сменить аватарку «ВКонтакте»?

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

Выберите один из двух вариантов.

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

2) Веб-камера: Переходим по ссылке «Сделать мгновенное фото», откроется окно, в котором нам нужно будет дать разрешение на использование камеры и микрофона (ставим галочку рядом с надписью «Разрешить»). После этого ваша веб-камера включится и в этом окне появится изображение, затем вы нажимаете кнопку «сфотографировать». На этом установка аватара подходит к концу!

Теперь что как удалить автарк из ВКонтакте?

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

Удалить аватар VK

Как удалить все аватарки? Чтобы оставалось пустое окно?

Сделать это тоже легко! Достаточно зайти в раздел «Мои фото», найти там альбом «Фото с моей страницы» и удалить все изображения из этого альбома!

Что делать, если вы зашли с телефона или с другого устройства, на котором открыта мобильная версия «На связи»?

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

Так получилось, что мобильная версия ВКонтакте уязвима и ее можно обмануть и поставить пустой аватар.
Покажи как? Идти!

1. Зайдите в мобильный клиент социальной сети ВКонтакте. Прямая ссылка на него — M.VK.COM.
2. Щелкните свой аватар. Или: перейдите в «Фото», затем в «Мои альбомы», а теперь в «Фото моей страницы».
3. Теперь нажмите «Загрузить фото моего профиля»
4. Откроется окно, в котором вы хотите выбрать фотографию. Нам не надо ничего выделять, просто в этом окне нажимаем «открыть».
5. Получилось! Ваша страница в Соц. Сеть в контакте теперь будет без аватара. Вы обманули соц. сеть.

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

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

1. В этом методе будет объединена полная версия.
2. Скачать исходник (сохранить изображение) «Нет фото» — http: // vk.ru / images / camera_200.png.
3. Затем загрузите это фото и сделайте его основным.

Третий способ тоже ! Скачайте белую картинку 1 × 1 Pissel и ваш аватар будет выглядеть в первом случае. Но этот метод на работоспособность я не проверял.

Зайдите на свою страницу ВКонтакте, загрузите на фото пустую картинку.

после этого установите его в роли аватарки.

Кстати, эта картинка просто означает, что у пользователя нет фотографии.

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

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

Кто бы ни ставил фото на АВУ — всегда пустые стойки (камеры).

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

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

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

Смотрю, какие цели преследуются.

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

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

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

Изначально всем пользователям устанавливаются стандартные фотоаппараты в Тонах ВК. Прямо на нем есть активная ссылка «Поставить фото».

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

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

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

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

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

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

Интересный факт. При удалении текущего аватара ВКонтакте будет установлен предыдущий.

Установить фото из альбома

Для тех, кому интересно как выложить фото на AVU VK, есть еще один способ. Для этого зайдите в меню «Фото».Вам нужно будет выбрать альбом или фотографию. Выбрав изображение, нужно навести курсор на стрелку в нижнем углу. Там будет пункт «Сделать фото в профиль».

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

Сменить изображение с телефона

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

Дальнейшая обработка изображений ничем не отличается от случая с ПК.

Что ставить на аватарку

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

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

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

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

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

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

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

Избавьтесь от фото с телефона

Если вы заходите в ВКонтакте через приложение, установленное на телефоне или планшете, то в боковом меню выберите «Фото».

Затем найдите изображение, которое хотите удалить, и щелкните по нему.

После того, как фото откроется, в правом верхнем углу нажмите на три точки по вертикали.

В появившемся меню выберите Удалить.

Подтвердите удаление выбранной фотографии, нажав на кнопку «Да».

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

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

В открывшемся меню выберите Открыть.

Почему «Открыть», а не «Удалить», ведь фото на аватарке может стоять несколько, а чтобы выбрать нужное для удаления, нужно открыть весь список.

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

В раскрывающемся меню выберите Удалить.

Подтвердите свое действие, нажав «Да».

Откройте личную страницу и перейдите во вкладку «Моя страница»;
Наведите указатель мыши на аватар и в правом углу фото нажмите на крестик «Удалить».

Как удалить любую фотографию в ВК

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

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

Как убрать фото в ВК из группы

Для начала откройте свою группу. Найдите запись с фотографией, которую хотите удалить.Дважды щелкните изображение. Затем, когда он откроется, нажмите на кнопку «Удалить» .kak-udalit-foto-iz-gruppi

Как удалить фото в VK с телефона
Удалите фото в VK с телефона легко:

1. Откройте папку мобильное приложение ВКонтакте на вашем Android, Windows Phone или iOS;

2. Щелкните вкладку «Фото»;

3. Откройте удаленную фотографию. Справа вверху нажмите кнопку меню (из трех вертикальных точек).

4. В раскрывающемся списке выберите «Удалить».

Удалять чужие фотографии нельзя! На них можно жаловаться и не более того.

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

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

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

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

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

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

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

Итак, как сделать аватарку для ВКонтакте? Для этого нужно выполнить ряд простых действий.

1. Обрезать фото

Очень часто при создании аватара возникает необходимость обрезки или кадрирования фото. Например, если нам не нравится фон фотографий, или мы хотим вырезать ваш портрет. При кадрировании необходимо соблюдать соотношение ширины и высоты фото. Наиболее оптимальный вариант — 1: 2 или 1: 3. Чтобы обрезать фото, выберите в меню раздел Изображение> Обрезать .В окне Редактирование Выбираем пункт Пропорции , после чего устанавливаем необходимое соотношение сторон.

2. Изменить размер

Чтобы сделать аватарку для ВКонтакте, в первую очередь надо учитывать размер фото. Высота аватара может варьироваться от 400 до 700 пикселей. Ширина — 200 пикселей. Чтобы изменить размер фотографии, перейдите в раздел меню Изображение> Изменить размер . Чтобы сохранить качество изображения, выберите бикубическую фильтрацию.

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

Кроме того, вы можете украсить свой аватар стильной рамкой. Для этого заходим в меню Registration> Add Frame . Домашняя фотостудия содержит несколько десятков различных рамок для оформления, и каждый найдет себе занятие по вкусу.

Оригинальность вашему аватару придадут всевозможные маски, которые используются для обработки краев фото. Например, их можно сделать округлыми, слегка размытыми или придать сложную форму. Казалось бы, довольно простая обработка, но она создает некую изюминку для аватара, делает его уникальным и запоминающимся. Для использования масок выберите раздел Регистрация> Маски (обработка краев) .

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

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

Скачайте редактор «Домашнее фото исследование» прямо сейчас!

Программа поддерживает Windows 7.8, Windows XP, Vista и Windows 10

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

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

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

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

Правильный макет страницы — важный шаг!

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

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

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

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

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

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

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

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

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

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

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

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

www.new-seti.ru

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

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

Заполнение формы ВКонтакте

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

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

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

Настройка страницы

Настройка страницы немного сложнее, чем заполнение анкеты, но и намного интереснее. Ищем в меню (справа) пункт Мои настройки, нажимаем на него и переходим в режим настройки страницы.

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

Первая важная вкладка — Общие — позволяет настроить внешний вид вашей страницы.Здесь вы можете настроить:

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

Как изменить внешний вид страницы

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

Вот что будет, если установить дореволюционный язык:

А вот как будет выглядеть ваша страница, если установить вместо русского языка В Союзе:

Настройка приватности и уведомлений в ВКонтакте

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

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

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

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

расскажи друзьям

anisim.org

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

Совершенству нет предела!

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

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

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

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

Интересы должны увлекать

Как вы думаете, разработчики ВКонтакте создали эти дурацкие колонки с интересами из ничего? Нисколько. Информация о вас не менее важна, чем авик. Именно здесь можно заявить о себе и подчеркнуть свои особенности и достижения. Уверены, вам есть чем гордиться. Возможно, вы прочитали весь список школьной литературы — тогда похвастайтесь этим в графе «книги». Или вы без ума от комиксов Twenty One Pilots и Marvel — напишите об этом, и вашим единомышленникам будет намного проще вас найти.

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

Превратите свою стену в мини-блог

Ваша стена не обновлялась годами, или она завалена приглашениями от друзей поиграть в Веселую ферму? Тогда вам пора серьезно подумать… Помните, что друзья видят каждое ваше сообщение в своей ленте (конечно, если вы не меняли настройки конфиденциальности), а это значит, что у вас есть реальный шанс привлечь к себе внимание. Подумайте о том, что «ваша аудитория» хотела бы знать или что вы сами хотели бы сказать. Недаром разработчики «ВКонтакте» написали подсказку: «Что у вас нового?» Если вы думаете, что ваша жизнь никому не интересна, вы глубоко ошибаетесь! Вспомните анекдот или поделитесь впечатлениями от премьеры нового фильма, и вы сразу получите несколько лайков.Также обратите внимание на статус — это прекрасная возможность задать настроение своей странице или заинтриговать ее посетителя. Здесь можно максимально проявить фантазию, вставить строчку из любимой песни или пошутить о себе. Но, пожалуйста, без кавычек типа «Меня трудно найти и легко потерять», мы вас заклинаем!

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

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

Внимательно изучите список ваших групп ВКонтакте. Они действительно отражают ваши увлечения? У вас получается каждый день входить в каждую группу? Вы читаете собственную ленту? Если на все эти вопросы вы ответили «нет», то устройте генеральную уборку. Мы знаем, что вы разносторонний человек, но это не значит, что нужно на все подписываться и вводить знакомых в заблуждение. Группы — это одна из тех вещей, на которые в первую очередь обращает внимание новый гость на вашей странице.Подписывайтесь только на самые интересные и крутые паблики, репосты, комментарии. Пусть все увидят, насколько вы активны и полны энтузиазма. То же самое относится к вашим аудио- и видеозаписям, если они видны другим пользователям. Помните — все, что вы добавляете на свою страницу, создает о вас определенное впечатление. Итак, парень вашей мечты может потерять голову, увидев в списке аудиозаписей яростный хардкор 🙂

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

Соблюдайте разумную конфиденциальность

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

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

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

www.ellegirl.ru

ВКонтакте дизайн.Как сделать публичное меню? (fix)

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

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

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

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

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

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

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

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

Вариант 1: (обычный)

http://vk.com/pages?oid=-XXX&p=Page_name

, где XXX — это общедоступная страница вашего идентификатора,

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

Вариант 2: (легкий, но для сложного)

Или нажмите на пункт «добавить» в разделе [Список вики-страниц], если у вас установлен vkopt (у меня уже подробно описал этот скрипт здесь)

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

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

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

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

Шаг №2: создаем пост на стене

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

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

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

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

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

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

vk.com/frilkacom

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

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

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

С любовью, Марина Лазарева!

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

Как оформить персональную страницу ВКонтакте

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

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

• Яндекс, Google Chrome и Opera — Получить стили.Opera также требует плагина Download Chrome Extension;
• Mozilla FireFox — Хамелеон Боб.

С помощью этих надстроек в браузере вы можете настроить свою страницу

Как оформить страницу группы ВКонтакте

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

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

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

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

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

Как оформить меню и аватарку ВКонтакте

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

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

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

Заполнение профиля

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

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

ID вашей страницы, это специальный код, индивидуальный номер, который вы можете найти в адресной строке браузера при переходе по ссылке на вашу страницу.В основном это случайный набор чисел, который можно изменить на интересное имя, псевдоним или собственный набор символов. Для этого просто зайдите в «Мои настройки», затем перейдите на вкладку «Общие» и там вы увидите адрес моей страницы. Здесь вы можете изменить идентификатор: просто введите необходимое имя латиницей (пробелы необходимо заменить на «_») — вам потребуется SMS-подтверждение , чтобы изменения вступили в силу.

Добавьте фотографию и создайте альбом

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

Смайлы в статусе

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

Язык

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

Темы

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

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

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

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

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

А теперь давайте подробнее рассмотрим каждый предмет.

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

Минимальный размер аватара — 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.

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

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

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

Размер изображения для видео

1280 на 720 пикселей.

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

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

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

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

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

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

Как сделать так, чтобы качество снимков не ухудшилось?

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

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

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

Как стилизовать заголовок страницы

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

Крышка

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

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

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

Примеры динамических обложек:

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

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

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

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

Закрепленное сообщение, рассказывающее, о чем эта страница.

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

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

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

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

Вот как выглядит закрепленное сообщение в заголовке страницы Flatro:

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

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

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

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

Меню Fusion для группы

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

GIF и аватар в одном изображении

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

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

Скрытое меню

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

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

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

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

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

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

Пост, получивший много репостов

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

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

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

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

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

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

Розыгрыши

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

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

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

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

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

Уменьшенное изображение аватара

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







2. Текст не должен выходить за пределы эскиза.







3. Пользователи должны понимать, что изображено на аватаре.







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




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







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

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

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

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

Несмотря на то, что эскиз аватара очень маленький, его можно (и нужно) использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Давайте рассмотрим несколько вариантов:

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

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

Телефон компании

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

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

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

Акции

Конкурсы

вакансий

Какой должна быть сама аватарка?

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

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




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




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




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

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

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

Домен сайта

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

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

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

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

Реклама в мобильных приложениях

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

Обновление ассортимента / новое творчество и т. Д.

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

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

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

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

Брагс

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

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

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

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

1. Добавляйте эффекты, текст, графику и многое другое.

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

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

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

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

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

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

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

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

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

Как стилизовать изображения для сообщений

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

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

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

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

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

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

1.Fotor.com

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

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

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

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

2. Canva.com

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

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

Выберите шаблон (если на шаблоне стоит отметка «БЕСПЛАТНО», значит он бесплатный), измените текст.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Поговорим о важных моментах дизайна.

Аватар

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

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

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

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

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

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

Имя Фамилия

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

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

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

Информация на стр.

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

Конечно, это не всегда определяется возрастом, но все же это важный показатель.

Поэтому перейти в раздел страница редактирования и заполните все поля:

• Город. По указанному вами городу люди смогут вас найти. А если вы живете в Ростове-на-Дону, то укажите город вашего проживания — Ростов-на-Дону. Ни Чикаго, ни Нью-Йорка (это вообще ерунда)
• Дата и год рождения.Как я уже писал выше, это дает вам больше доверия на эмоциональном уровне.
• Место работы. Здесь вы можете указать, например, свою группу ВКонтакте. Или просто напишите название компании, в которой вы работаете. Только не включайте другие группы. Таким образом, вы просто помогаете другим людям генерировать трафик на их страницы.
• Веб-сайт. Здесь все просто — вы можете предоставить ссылку на свой лендинг в компании или на свой блог. Например, у меня есть ссылка на мою историю успеха.
• Группы. Рекомендую скрыть список ваших групп от других пользователей в настройках приватности. Никогда не знаешь, что тебе интересно. Я думаю, что людям, которые подписываются на вас, чтобы следить за тем, как вы растете в бизнесе, не нужно знать, что вы подписаны на группы «Веселые приколы» и «Хроника преступлений в …». Поэтому мы следим за тем, чтобы группы могли видеть только мы.
• Личная информация. Заполняем все эти поля. Ваша целевая аудитория также может найти вас, используя их.Я правда не знаю, кто это делает. Но говорят, что ищут.

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

Поэтому очищаем свой аккаунт от «некачественных» друзей.

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

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

Фото

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

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

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

Разве не стало интересно? Затем сделать его! Иначе вы не сможете набирать в Интернете!

Видео

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

Кстати, если вы лучше воспринимаете информацию в видео, то посмотрите его:

Аудиозаписи

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

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

Содержимое

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

Тут сразу скажу, что надо понимать, что контент папа

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

Какой вывод мы делаем из дизайна страницы?

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

Он найдет красивые страницы с красивыми бизнесами!

Поэтому желаю вам грамотно оформить страницу и привлекать все больше и больше людей!

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

Всем удачи !!!

: MLM-Entrepreneur, автор блога

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

Фото в группе в ВК.«Чтобы быть красивой …»

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

Пошаговая инструкция

Шаг 1

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

Шаг 2.

Как оценить фото в ВКонтакте (первый способ)

Во-первых, вы можете поставить отметку «Нравится» фотографии, щелкнув строку «Мне нравится» под именем автора фотографии.

Шаг 3.

Голосуя за фото, вы увидите, что строка «Мне нравится» изменила оттенок, а количество сердечек увеличилось.

Шаг 4.

Как оценить фото в ВКонтакте (второй способ)

Таким способом просматривайте фото Наведите указатель мыши на фото и нажмите сердечко. Фотография отмечена как вам нравится. Если информация вам помогла — жмите спасибо!

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

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

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

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

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

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

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

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

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

Крышка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Крышка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Скрытое меню

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

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

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

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

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

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

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

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

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

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

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

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

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

Розыгрыши

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

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

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

Performance-Marketing от Texterra — продвигайте бизнес с оплатой за Лиду. Гарантируем результат даже в сложной нише.

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

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

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

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







2. Текст не должен выходить за рамки миниатюр.







3. Пользователям должно быть понятно, что изображено на аватаре.







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




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







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

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

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

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

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

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

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

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

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

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

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

Акции

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

Вакансий

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

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

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




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




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




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

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

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

Домен сайта

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

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

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

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

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

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

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

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

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

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

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

Подсумок

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

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

Для изготовления аватара и меню мерчендайзинга вам понадобится программа Adobe Photoshop или ее аналог. Я объясню весь процесс на примере «Фотошопа». Итак, начнем.

1. Скачайте шаблон для «Фотошопа», который я специально подготовил для этой статьи.В обычном размере (меню — 510 пикселей по ширине, аватар — 200) или в увеличенном (меню — 1020 пикселей по ширине, аватар — 400).
2. Откройте изображение, которое хотите взять за основу.
3. Скопируйте его, вставьте в шаблон и разместите так, как хотите вырезать.

1. Добавить эффекты, текст, графику и т. Д.

1. Если вы не хотите потерять часть изображения (в этом пространстве размером 50 пикселей), сдвиньте его вправо, как показано в следующем Gif:

1. Выберите инструмент «Вырезание» и нажмите кнопку «Фрагменты на направляющей».

1. Удаляем ненужные фрагменты (щелчок правой кнопкой мыши — «Удалить фрагмент») и корректируем уже имеющиеся (щелкаем правой кнопкой мыши — щелкаем на пустом месте — берем правую область и растягиваем до нужного размера).

1. Перейдите в раздел «Файл» и выберите команду «Сохранить для Интернета».

1. Перейдите в то место, где вы сохранили картинки (рабочий стол или какую-то конкретную директорию), и найдите там папку с названием «Изображения».Именно там будут ваши изображения. Теперь осталось только вылить их на страницу.

П.С. Высота аватара может быть изменена на ваше усмотрение. Я взял максимальный размер — 500 пикселей, но это значение может быть меньше. Например, как на странице «Wiki-разметка»:

Как использовать виджеты

Виджеты также являются частью дизайна сообщества ВКонтакте. С их помощью пользователь может: оформить заказ, подписаться на вашу рассылку, принять участие в конкурсе, прочитать и оставить отзыв, открыть поиск по сообществу, получить подарок, купон на скидку и т. Д.

Вот несколько примеров того, как выглядят виджеты на странице ВКонтакте:

Как выдавать изображения к постам

Если вы занимаетесь веб-дизайном или обладаете художественным вкусом и чувством превосходства, то вам не составит труда придумать фирменный стиль для своих изображений. Однако мне кажется, что таких людей в этой статье будет меньшинство (я, кстати, тоже не забочусь о них).Поэтому давайте подробно рассмотрим, как это делается, на примерах успешных компаний.

Кстати, обратите внимание практически на все известные компании ВКонтакте, брендирующие свои изображения, т.е. добавляющие небольшой логотип, адрес своей страницы или водяной знак. Это повышает узнаваемость бренда и защищает ваши копии изображений. Стоит ли это делать, каждый решает сам. Единственное, что бы посоветовали посоветовать: если вы все же решили это сделать, постарайтесь, чтобы ваш логотип не был слишком ярким и не занимал слишком много места, иначе весь акцент уйдет на него, и изображение потеряет свой привлекательность.

Где взять хорошие изображения?

В нашем блоге есть хорошая статья на эту тему — «». Все они бесплатные, но какая-то регистрация. Если вы не подберете ничего подходящего для себя, попробуйте поискать по ключевому слову + обои (или, если на английском, обои). Обычно в таком запросе есть качественные изображения. Но здесь нужно быть внимательным и проверить тип лицензии, иначе при серьезном бизнесе можно нарваться на неприятности.

А что делать тем, кто не умеет работать в «Фотошопе»?

Если вы никогда не работали в «Фотошопе» (или любых других графических редакторах) и еще не готовы выделить время для его разработки, вы можете воспользоваться услугами, в которых уже есть готовые выкройки картинок для разных социальных сетей:

1.Fotor.com.

После этого в левой части экрана выбираем интересующий нас шаблон. Обратите внимание, что бесплатно предоставляются только те шаблоны, на которых нет значка диамомана.

Вставляем его в шаблон, выбираем левой кнопкой мыши, выбираем слой (значок Sandworm) и нажимаем на Move to Bottom. Таким образом, наша картинка вернется на задний план, а все надписи нанесены поверх нее.

После этого меняем текст, шрифт, размер шрифта, расположение надписи и т.д.

Затем щелкните значок в виде дискеты, выберите имя, формат изображения, качество и нажмите кнопку «Войти» для загрузки.

2. canva.com.

Еще одна услуга, которая поможет красиво оформить ваш образ. Он работает по тому же принципу, что и предыдущий. Регистрируемся в сервисе (вы можете использовать свой аккаунт Google+ или электронную почту).

Мы выбираем вашу деятельность. Шаг, на котором вас просят пригласить друзей, мы пропускаем. Попадаем в главное меню, где выбираете запись в Facebook, если нам нужна прямоугольная фотография, или запись в Instagram — если квадратная.

Выбираем шаблон (если в шаблоне стоит отметка «бесплатно», значит, он бесплатный), меняем текст.

При необходимости вы загружаете свое изображение, настраиваете размеры, меняете текст, шрифт и макет надписи.После этого нажмите кнопку «Скачать», выберите формат изображения и сохраните его на свой компьютер или любое другое устройство.

Как оформить статьи в редакторе

В последнее время во «ВКонтакте» можно делать свои статьи в специальном редакторе. Для создания статьи необходимо нажать на букву «Т»:

Как использовать вики-разметку

Итак, мы подошли к самому интересному и в то же время сложному разделу. Возможно, среди читателей найдутся люди, не знающие, что такое вики-разметка, и вообще этот термин слышен.Поэтому я дам определение специально для вас, которое дает «контакт».

Wika — это язык разметки, который используется для оформления текста на веб-сайтах (обычно относится к классу Wiki-проекта) и позволяет упростить доступ к возможностям языка HTML. На нашем сайте вики-страницы — хорошая альтернатива обычным записям и текстовой навигации. Если вам нужно создать большую статью с разным форматированием текста (полужирным шрифтом, выделением, заголовками и т. Д.) Или добавить к ней графику или просто создать красочное меню навигации в соответствии с вашим сообществом — Wiki незаменима.

Точно так же и WordPress (или любая другая CMS) имеет редактор HTML, с помощью которого вы создаете статьи, а «контакт» имеет свой собственный редактор для создания и редактирования вики-страниц. Выглядит он так:

С помощью этого редактора создаются навигационные меню, а также статьи с изображениями, видео и аудиозаписями. Чуть ниже я подробно просканирую, как работать в этом редакторе, но сначала прошу добавить две ссылки в закладки. Они помогут вам в изучении вики-разметки.

В процессе своего развития социальная сеть ВКонтакте переместилась с сайта для студентов на сайт знакомств. На связи с Есть много возможностей найти друга или вторую половинку. В этой статье я расскажу, какие приложения лучше выбрать для знакомств.

Оценка фото в контакте

Приложения для знакомств ВКонтакте делятся на четыре группы. В первую входят приложения, в которых нужно оценить фото пользователя, и если это фото привлекательно, можно перейти к более близкому знакомству.

Самые популярные из этой группы — мимика, фотонаполнители и даже воронки Москки. Вы оцениваете вы оцениваете. Судят исключительно по внешнему виду, поэтому, если вы решились на похожий способ знакомства, выставляйте лучшее фото.

Главный минус таких приложений в том, что там общаются в основном школьники, многие ставят фальшивый возраст и чужое фото. Также есть риск нарваться на множество интимных предложений. В фотодетах можно успешно познакомиться, но вероятность очень мала.Но здесь вы можете узнать, какое фото особенно удачно.

Чаты с фотографиями в контакте

Второй тип приложений для знакомств в контакте — чаты. Здесь его оценивают не только по фото, но и по красоте, чувству юмора и коммуникативным способностям. Вероятность встретить свою судьбу намного выше, однако проблемы с фотоальбомами есть.

Лучшее приложение-чат — «». Здесь играют втроем, каждый задает вопрос противоположному полу, и по результатам общения участник выбирает понравившегося.Если симпатии совпадают, игроки в контакте открывают ссылки на страницы друг друга. Главное в « Спросил, увидел, полюбил » — выбирайте хороший вопрос.

Видеозаписи в контакте

Следующий тип приложений — это видеоролики, в которых участники общаются с помощью веб-камеры. «Плюсы» видеочатов очевидны: общение практически живое, сразу видно, как на самом деле выглядит собеседник. Минус в том, что можно натолкнуться на Хаму, можно «разлететься».

Самые известные видеогорода.

Социальная сеть ВКонтакте в процессе своего развития превратилась из сайта для студентов в сайт знакомств. Вконтакте очень много возможностей найти друзей или вторую половинку. Мы расскажем о том, какие приложения лучше подходят для знакомств в сети.


Рейтинг Фото ВКонтакте.

приложений для знакомств ВКонтакте можно разделить на 4 группы. В первую категорию входят приложения, где оценивается фото пользователя, и если оно вам понравилось, то можно перейти к более близкому знакомству.

Самыми популярными в этой группе являются Topface, фейс-меры, фотографии, фотофильтры, а также воронка Моск. Вы оцениваете и оцениваете себя. Оценивается исключительно по внешним данным, поэтому, если все-таки решили познакомиться с этим способом, смело выставляйте лучшие фото.

Главный минус этих приложений в том, что в них общаются в основном школьники, многие скрывают свой возраст и показывают чужое фото. Также есть шанс попасть на массу интимных предложений.Можно удачно найти кого-нибудь на фото из приложений, но эта возможность слишком мала. Но здесь вы можете узнать, какие из ваших фото особенно хороши.

Чаты с фотографиями ВКонтакте


Вторая категория приложений для знакомств ВКонтакте — чаты с фотографиями. Здесь вас оценят не только фотографией, но и оценят ваш смекалку, наличие чувства юмора, а также умение общаться с людьми.Вероятность здесь встретить свою половинку значительно возрастает, но проблемы фото-фото приложений тоже остаются.

Самое классное приложение-чат — «спросил, увидел, полюбил». Здесь можно играть от трех до трех и каждый игрок может задавать вопросы противоположному полу, а по результатам общения участники выбирают понравившегося собеседника. Если у кого-то симпатии совпадут, то игроки откроют ссылки друг на друга на страницах ВКонтакте. Главное в приложении «спросила, увидела, полюбила» — задайте хороший вопрос.

Жертвы ВКонтакте

Следующая группа приложений — это видеочаты, участники которых общаются друг с другом через веб-камеру. «Плюсы» видеочатов очевидны: общение с собеседником практически живое, вы сразу видите своего собеседника, каким он выглядит. Минус в том, что можно встретить грубиана или «заговорить».

Самые популярные видео: видео чат Vichatter, видео флирт.

В отдельную категорию можно выделить такое приложение, как «совпадает».Это приложение полностью отличается от других. Прежде чем встретиться с кем-то, вам нужно будет пройти приличную анкету, где-то около сотни разных вопросов, которые раскроют ваши основные взгляды на общение на всю жизнь. После того, как вы закончите опрос, приложение выберет вам партнера, чей тестовый проход будет почти таким же, как ваш. Это очень интересный способ свиданий и настоятельно рекомендую попробовать такой способ свидания.

Приветствую вас на страницах блога Start-Luck.Недавно наткнулся на группу, в которой 122 тысячи подписчиков. Казалось бы, ничего удивительного, многих на публике на публике никого не удивишь. Другое странно, что картинки для постов администратора тырит из сообщества, в котором всего 3000.

Сегодня обсудим картинки для группы в ВК. Это вторая часть недавно опубликованной статьи «». Сегодня я расскажу, где еще можно их искать, дам несколько полезных ссылок, приведу топ-10 самых красивых пабликов, а также вы получите несколько советов о самих изображениях.

Пожалуй с этого и начнем.

Картинки — важнейшая составляющая любой группы ВКонтакте. Это зависит от внимания пользователей или нет. Это должны быть не просто хорошие четкие фото, они должны вызывать эмоции. Даже если эти картинки вы опубликуете не на своей стене или группе ().

Посмотрите на две фотографии совы. Что слева я взял с сайта National Geographic , лучший сайт с впечатляющими примерами начинающих и профессиональных фотографов.Второй был размещен на бесплатном фотобанке Pixabay. .

Кстати, если речь шла о бесплатных фотобанках. Не раз пытался найти что-нибудь привлекательное. Искал среди сборников: «70 лучших источников», «90 хранилищ». Что скажешь …

Если пользоваться чем-то бесплатным, то только Pixabay. Все остальные вызывают только чувство неудовлетворенности: неудобный поиск, забитый по всему Интернету небольшой объем и некачественные фото.

С оплатой дела обстоят в разы лучше. Здесь есть много вариантов. Больше всего мне нравится сервис Depositphotos . Низкие цены, огромное количество примеров на любой запрос и привлекательность. Посмотрите на таких же сов.

Ну если ничего не боитесь, пора разобраться, что такое качество. Представляю вашему вниманию свою подборку симпатичных пабов. Надеюсь, вы не станете ставить галочки на фото с них, а просто вдохновите и поймете разницу между красивыми фото и не очень.

10 лучших групп с картинками

Эти волшебные моменты — Очень крутая публика с невероятной работой на разные темы. Здесь и природа, и красивые девушки, и еда, и интерьеры, и даже шерстяные тележки в национальных костюмах.

Админы находят фотографов в Instagram, на Facebook или делают снимки прямо с их официальных сайтов. Не знаю, соглашаются ли они на сотрудничество авторов или просто снимают себя.Да и неважно все это, потому что результат отличный, а вот с юридическими вопросами уйду в другое дело.

Официальный » Клуб National Geographic Россия «- Множество картинок природы и животных с надписями, где и кто сделан рисунок. Это точно отправлено мастерам со всего мира.

На странице TRVL Вы также можете вдохновиться пейзажами и даже принять участие в соревновании, удалив свой родной город.

Ну с природой вроде все понятно, а вот в паблике Wizard Здесь можно увидеть множество интересных современных портретов мужчин, девочек и даже детей. Снимается очень концептуально. Есть обнаженные натуры.

Vsco — это сообщество фотографов, в котором можно встретить композиции совершенно разной тематики, стиля, направлений, но неизменно высокого качества.

Менее выразительные работы можно найти в сообществе .Jpg. . Откровенно говоря, он мне ближе по духу, чем большинство других. Картинки более простые, живые и вдохновляющие. Немного меньше искусства и больше жизни.

Наверняка многие из вас знают сайт BigPicture. Об этом размещайте новости в фотографиях. Минимум текста, и весь упор делается на визуальную составляющую. Посмотрел картинку и уже все понял, если было очень интересно, можете почитать пару предложений. Вы не увидите длинных текстов. На мой взгляд, этим ребятам можно многому научиться, поэтому рекомендую подписаться на их группу ВКонтакте BigPicture: фото в фотографиях .

Еще одна группа, посвященная искусству во всех его проявлениях — Современное искусство . Здесь вы найдете картины, скульптуры, всевозможные интересные арт-объекты и инсталляции. Настоятельно рекомендую.

Еще один очень крутой журнал с красивыми и поистине редкими фотографиями — Esquire. . Здесь можно найти все, что угодно: звезды, здания, религиозные мероприятия и красивые пейзажи. Я сам подписался на него и постоянно получаю интересную информацию.

Ну и еще один крутой паблик, на котором расписано более 2,5 млн человек Больше, чем фото «Здесь тоже можно найти много интересного и редкого.

Единственный недостаток такой большой группы в том, что многие ваши потенциальные подписчики уже в ней. Не советую нагло воровать. Никто не запрещает делать репографики. Это намного ценнее и правильнее.

Где еще поискать фото

Кроме групп ВКонтакте есть еще сайты, где можно найти много качественных картинок.Например, 2photo.ru. . Здесь огромное количество фото разделено по категориям: реклама, черно-белые, города, знаменитости, животные, история и многое другое. Редкий случай, когда захожу на этот сайт и ухожу меньше часа.

Не забываем, что можно зайти в Инстаграм с компьютера, а потом кинуть ссылки на картинку ВКонтакте.

Как только фотография со страницы загрузится, URL-адрес можно будет удалить позже.Договаривайтесь с автором, используйте ссылки на их страницы в инстаграмм. Не будьте плохими людьми. Не относитесь к Хамскому к создателям потрясающих произведений. Будьте действительны и честны. Ваше фото не очень приятно видеть, особенно если человек не указывает ваше авторство.

И конечно, не могу посоветовать научиться делать свои фотки. Качественно, круто и быстро. Я могу предложить бесплатно пройти 5 уроков по Flash Shot .

А так же « Фотошоп для начинающих фотографов». «Эта программа поможет вам качественно обработать ваши снимки и превратить их в настоящее чудо.

До новых встреч и удачи в начинаниях.

Стандартный аватар ВКонтакте. Как сделать длинную аватарку ВКонтакте. Какую информацию можно разместить на миниатюрном аватарке

Многие люди имеют достаточно людей в Интернете, где каждый шаг требует новой идеи, свежих мыслей, а также стремления к творчеству. Когда он начнет набирать обороты, логическим продолжением станет создание группы в одной из социальных сетей, где каждый пользователь сможет связаться с вами, узнать о вашем продукте от другого человека и т. Д.

Что такое аватар

ВКонтакте предоставляет широкий спектр услуг как для начинающих предпринимателей, так и для целых организаций, поэтому они разместили несколько рекламных роликов, создали обсуждения и уведомили свою аудиторию о возможных акциях. Аватар — это лицо группы, на котором вы можете увидеть, что вы на самом деле пытаетесь предложить аудитории, заинтересованной в том или ином продукте.

Может кто-то не уделяет Аватару особого внимания, но, как бы то ни было, это основная часть созданной группы.Так что, если ему слишком грустно, вряд ли кто-то захочет здесь стать подписчиком. Часто можно заметить, что раскрученные группы ставят на аватарку фото молодых девушек или изображения каких-то обычных предметов, которые кажутся интересными и привлекательными в хорошем формате, а когда человек заходит на страницу и видит картинку в полном объеме , они умеют вызвать улыбку. Таким образом, сразу складываются положительные впечатления от группы.

Но новички часто не знают, какие размеры требуются для аватарки группы ВКонтакте.Чтобы помочь им, мы подробно расскажем об этом, а также дадим советы по выбору образа.

Perfect Size Avatar Group «ВКонтакте»

Вконтакте есть свои правила, которым нужно следовать, иначе могут возникнуть проблемы. Это касается выбора аватарок. Все мы знаем, что в названии социальной сети есть свой фирменный стиль, из которого следует, что максимальный размер Аватара «Вконтакте» составляет 200 пикселей в ширину и 500 в высоту.

Это идеальный размер для размещения на изображении человека в полный рост.Именно в рамках этих значений нужно выбрать картинку для сообщества.

Какой выбрать аватар

Если вы спросите администраторов популярных групп, как правильно выбрать аватар для группы, то обязательно ответите, что он должен быть максимально привлекательным и с первого взгляда демонстрировать настроения, которые царствовать здесь. Если не следовать этому правилу, то появление новых подписчиков маловероятно.

Любой, кто видел в сообществе или группе, сразу обращает внимание на аватар и на подсознательном уровне анализирует эмоциональную составляющую, которую несет обложка.Если на аватаре изображены темные тона, вряд ли сообщество подойдет человеку, который радуется жизни и пришел за позитивом, хотя, если Группа призвана привлечь внимание к какой-либо проблеме, то этот вариант будет в самый раз.

Есть несколько моментов, которые необходимо учитывать:

1. Аватар должен иметь хоть какое-то значение, поощряющее жанр сообщества, а если точнее, то оно должно быть в его содержании.
2. Довольно распространено использование фото знаменитостей на аватарках или красивых девушек, принимающих достаточно откровенные позы.Как правило, интерес мужчин к этой странице будет достаточно большим, и если другой человек на аватаре улыбается, то это уже положительно сказывается на уровне подсознания. Трудно не улыбнуться, когда смеются друзья, правда?
3. Нельзя использовать только один логотип сообщества. Такую ошибку допускают достаточно неопытные администраторы групп. Лучше возьми и добавь туда все и побольше. Люди невольно задерживаются, рассматривая аватар и размышляя о связи между предметами, которые вы можете туда вложить.

Заключение

Следует отметить, что решение о создании своего сообщества ВКонтакте правильное для начинающих организаций или бизнесменов, у которых нет денег на сайт. Если следовать правилам, описанным выше, а также знать подходящие размеры аватара группы ВКонтакте, то проблем с созданием группы или сообщества не возникнет.

Какой размер аватарки для группы ВКонтакте максимальный и минимальный в пикселях? Для того, чтобы сделать крутой снимок в сообществе или в личном кабинете в контакте — это необходимо знать.
Если вас интересует размер горизонтального ава (обложки), то вам
Приветствую вас друзья на!
Почему я решил написать пост на тему группы ВКонтакте?
Очень важно, чтобы ваша группа была не только информативной, но и эстетически привлекательной.
Что это даст?
У меня есть одно сообщество ВК, красиво оформленное, такое ощущение, что люди подписались на него не только из-за информации, но и потому, что они представляют собой симпатичное сообщество с точки зрения оформления.
Согласитесь, большая прямоугольная Ава выглядит намного привлекательнее маленькой квадратной?
Кстати, информация ниже подходит не только для групп ВКонтакте. Инфа подходит для внесения в личный кабинет ВКонтакте.

Идеальным ава, как и оптимальным, стандартным, можно считать размер аватара 200х500 в пикселях, где 200 — ширина, 500 — высота.
Если говорить о максимальной высоте и ширине, то ее просто нет.
Измеряет пропорции от 2 до 5.
Где 2 — его ширина, а 5 — высота для картинки или фото группы или личной страницы в контакте.

Согласитесь, такая ава выглядит намного привлекательнее обычного квадрата?

Тех. Посмотрим, скажем, с квадратным размером в пикселях, 100 × 100, умножаем первую цифру на 2, вторую на 5.
В итоге получаем все те же 200 на 500 пикселей.
Если не собираетесь делать на заказ, а будете искать Яндекс или Гугл в картинках, ищите размер 200 х 500, таких картинок больше всего.
Другая ширина и высота ее контакта просто сделает это.
Если вы все же решите поискать картинки или фото других пропорций, ниже я оставлю вам оптимальные размеры для групп ВКонтакте.
200 x 500, 300 x 750, 400 x 1000, 500 x 1250, 600 x 1500, 700 x 1750.

С изображениями большого размера могут возникнуть проблемы.
Например 200 на 500 пикселей, картинки в Интернете Тьмы.
700 на 1750 нашел только 1-й).

На этом пока все!

Максимальный размер изображения, который разрешено ставить в качестве аватаров В вашем аккаунте « В контакте с » составляет 200 * 500 пикселей. Загружать изображение большего размера бессмысленно — оно все равно будет пропорционально записано в этот фреймворк.

Вам понадобится

Инструкция

1. Откройте программу Adobe Photoshop и создайте новый документ. Сразу установите необходимую ширину 200 пикселей и высоту 500 пикселей. Установите разрешение побольше, но цветовой режим не тот и главное, можно оставить по умолчанию 8 бит.

2. Начните с фона. Вы можете легко залить его цветом, используя инструмент «Заливка» на панели слева или применив «градиент».В этом случае в качестве основного фона использовалась картинка. Для того, чтобы она не искажалась при подборе, зацепите Ctrl и потяните за угол, увеличивая либо укорачивая изображение до нужного размера.

3. Вставьте фотографию, которая лучше всего отражает вашу сущность или то, кем вы хотите предстать перед посетителями своей страницы. Тем не менее, именно аватар будет судить вас первым. Если вы не хотите ставить фото, то на фоне разрешается писать свой ник. В этом случае следует поиграть с текстом — использовать дополнительные шрифты, изменить прозрачность и степень заливки, свойства самого слоя.В этом случае использовались результаты тени и внутреннего свечения, а в наложении слоя было выбрано затемнение.

4. Добавляйте художественные результаты с помощью кистей. Вы можете использовать стандартные или детектирующие наборы на специализированных сайтах. Перед нанесением кисти создайте новый слой, нажав SHIFT + Ctrl + N.

5. Создайте еще один слой, чтобы добавить рамку. После этого выберите инструмент «Прямоугольное выделение» и, если вы ему поможете, не все изображение, а отступив от краев до пары миллиметров.Нажмите SHIFT + CTRL + I, выделение инвертируется. Залейте его белым цветом, а в способе наложения установите «мягкий свет».

6. Если вы хотите получить хорошее изображение, поработайте в профессиональном графическом редакторе. Если вы не знаете, как им пользоваться, то откройте фотографию или картинку в Paint и действительно доверяйте примерно так, чтобы изображение поместилось в требуемые рамки. Неудобство встроенного редактора в том, что установить требуемые размеры не удастся.

Расширение фотографии — простая процедура, но все же требует определенных навыков.В частности, делая это в Adobe Photoshop, стоит знать о существовании Команды «Свободное преобразование».

Вам понадобится

Инструкция

1. Запустите редактор Adobe Photoshop CS5 и добавьте нужную фотографию . : Щелкните пункт меню «Файл»> «Открыть» (или нажмите Ctrl + O), выберите нужный файл и нажмите «Открыть». Обозначьте этот документ устно как D1.

2. Щелкните пункт меню «Изображение»> размер изображения.В открывшемся окне будут поля «Ширина» и «Высота», запомните эти значения — это размер изображения, которое вы добавили в Photoshop.

3. Чтобы открыть окно «Новый документ», щелкните пункт меню «Файл»> «Создать» (либо используя связки CTRL + N). Оставьте высоту такой же, как на фото, размеры которой вы определили на втором шаге этой инструкции, а ширину сделайте примерно в полтора раза больше.Щелкните ОК. Обозначьте этот документ устно как d2.

4. Выберите инструмент «Перемещение» (клавиша прожига V), перетащите изображение с D1 на D2 и выровняйте его по левому краю.

5. Вызовите команду свободного преобразования. Сделать это разрешено двумя способами. 1-й — Щелкните пункт меню «Редактирование»> «Свободное преобразование». 2-й — Нажмите Ctrl + T. Горящие клавиши. По бокам и по углам слоя появятся прозрачные квадратные маркеры. Переместите курсор на тот из маркеров, который находится справа от изображения.Курсор превратится в общую стрелку. Удерживая левую кнопку, потяните мышку вправо до самого края, тем самым растянув изображение. Нажмите ENTER, чтобы закрепить результат.

6. Чтобы сохранить результат, щелкните пункт меню «Файл»> «Сохранить оба» (или воспользуйтесь клавишами записи CTRL + SHIFT + S), выберите путь для будущего файла, введите его имя, введите «Тип файла» «укажите JPEG и нажмите» Sissing «.

7. Для отмены предыдущего действия воспользуйтесь клавишами прожига Ctrl + Z.Чтобы отменить более одного действия, используйте окно истории (окно «Окно»> меню «История»).

Видео по теме

Сегодня сложно обнаружить студента, не зарегистрированного в крупнейшей в России публичной сети «ВКонтакте». Не говоря уже о забавной составляющей этого источника, он многократно подходит для общения с друзьями и знакомыми по вузу, общения с ними и решения совместных вопросов. О том, как указать «ВКонтакте», в каком вузе вы обучаетесь, он будет включен.

Вам понадобится

Инструкция

1. Зайдите в свой аккаунт ВКонтакте. Для этого в адресной строке введите свой браузер vkontakte.ru, на открывшейся странице укажите свой e-mail (или логин) и пароль и нажмите «Войти».

2. Чтобы перейти на страницу редактирования вашего высшего образования, нажмите на надпись «Редактировать», которая противоположна заголовку «Образование» в правой части страницы, или нажмите на «Эд.Кнопка, расположенная рядом с надписью «Моя страница» в левом верхнем углу и выберите раздел «Образование». После этого нажмите на вкладку «Высшее образование», расположенную справа от энергетической вкладки «Среднее образование».

3. Теперь им разрешено свободно выбирать ваш университет. Для этого по очереди выберите: страну, в которой вы учитесь, город, в котором расположен ваш университет, высшее учебное заведение, форму обучения, ваше звание и дату выпуска.Позже нажмите «Сохранить»

4. При необходимости вы можете указать на своей странице более одного вуза. Для этого в последующем сохранении первого вуза нажмите на надпись «Добавить образование» и снова проделайте все шаги, описанные в последнем абзаце.

5. После завершения выбора вузов, в которых вы учились или обучались, вернитесь на свою страницу и убедитесь, что появилась информация, добавленная заголовком «Образование».

Примечание!
Для того, чтобы добавить высшее учебное заведение «Вконтакте», необходимо знать его аббревиатуру.

Полезный совет
Запомните данные для входа на свою страницу ВКонтакте.

Привлечь много посетителей на свою страницу в публичной сети или заявить о себе на форуме разрешено с помощью воображаемого эффектного аватара или громкого ника . Грамотно подобранные, эти знаки смогут выразить ваше отношение ко всему миру, без вашего участия они расскажут виртуальному собеседнику nika M о том, что вы представляете себе фигурой.С помощью профиля программ для генерации псевдонимов допустимо сделать самый новый ник запоминающимся и подлинным.

Вам понадобится

• — компьютер или ноутбук;
• — Интернет.

Инструкция

1. Проявите фантазию и сами придумайте сетевое имя. Для того, чтобы сменить псевдоним на форуме или в публичной сети, необязательно регистрировать другую учетную запись, достаточно редактировать личные данные в личном кабинете.

2. Сделайте новейшее прозвище, полученное от имени фамилии или их комбинации. Используйте комбинацию букв и символов, чтобы выделить имя вашей сети из списка друзей. Попробуй с подмого nika Сам описываться либо наоборот сделать псевдоним нейтральной маской.

3. Регистрируясь на посещаемом форуме, используйте генератор ников, если ваш знакомый псевдоним больше связан с другим пользователем. Для этого с помощью программы принудительного поиска программа Detect позволяет за несколько секунд сделать самый новый ник.

4. Введите, если требуется, этаж, первую букву псевдонима, количество букв в слове. Нажмите кнопку «ОК» и получите самый новый ник. Если он вам не подходит, повторяйте операцию, пока не найдете подходящий псевдоним.

5. Существуют программы для генерации ников, которым полностью механически присвоены псевдонимы. Выбирайте только длину и количество слов в нике. Нажимайте кнопку «Пуск», пока не будете удовлетворены.

6. Выберите один из готовых псевдонимов самостоятельно. Этот способ создания нового nika Скорее всего выберете более-менее значимый псевдоним. Кроме того, некоторые никнеймы украшены символами, которые вы сможете добавить в общедоступную сеть, добавив к вам.

7. Все, что нужно сделать при выборе готового nika На соответствующем сайте предпочтение отдается между псевдонимом для мужчин и для женщин. Скопируйте самый новый ник. Откройте страницу редактирования профиля и вставьте ее в поле входа.Обязательно сохраните изменения.

Аватар для группы ВК надо подбирать с умом, ведь это лицо сообщества. Привлечь внимание посетителей, только яркое, информативное и привлекательное изображение может заинтересовать публику. В этом обзоре мы расскажем, как выбрать и настроить подходящий образ, поговорим о требованиях и правилах скачивания. Прочтите и узнайте нужную вам информацию!

Определение

Что такое аватар? Это уникальное изображение, размещенное на публичной странице.Администраторы сообщества самостоятельно выбирают изображение — оно используется для уникальности сообщества.

Персонализированное изображение Указывает на публичную тему, содержит контактную информацию, рекламные данные. Есть две разновидности этого дизайна:

• Маленькая вертикальная картинка — аватар;
• Сделать горизонтальную аватарку в группе ВКонтакте можно — так и называется.

Привлекательность исполнения аватара основана на строгих правилах, которые стоит обсудить.

Требования

Образы должны соответствовать определенным требованиям, установленным разработчиками. социальная сеть. Для аватарок действуют следующие правила:

• Размер 200×500 пикселей;
• Пропорции — от 1 до 2,5;
• Миниатюра имеет формат 200х200 пикселей;
• Пропорции миниатюр — 1: 1.

Обложка подбирается по следующим правилам:

• Разрешение — 1590х400 пикселей;
• Размер не менее 795 точек по ширине и 200 точек по высоте.

Правило для общих форматов — Выбирайте только GIF, PNG, JPG.

Как сделать аватарку самому?

Создать аватарку для группы ВК онлайн можно самостоятельно — есть несколько вариантов выбора.

Первый способ — воспользоваться специальными услугами, в изобилии представленными в Интернете. Большинство дизайнеров можно использовать бесплатно, например canva. Как выглядит процесс создания изображения?

• Выберите один из набора встроенных шаблонов аватарок для группы в ВК;
• Загрузить картинку для базы;
• Используйте фильтры, играйте с яркостью и контрастом;
• Выбрать стикеры и рамки, анимированные картинки;
• Скачайте готовое решение! Все желаемые настройки будут выставлены автоматически.

Есть второй способ — скачать фотошоп на компьютер! Краткое руководство по Photoshop можно найти ниже, даже начальных знаний хватит, чтобы создать красивый логотип.

Несколько полезных советов, которые придумает новичок без дизайнерских навыков:

• Следите за темой сообщества;
• Избегайте большого количества контактной информации;
• Сдвиньте рамку так, чтобы основная часть аватара отображалась в миниатюрном окошке;
• Выберите грамотную цветовую гамму.

Как сделать аватарку для группы ВК онлайн мы обсуждали. Если у вас уже есть готовый вариант, самое время разместить его на странице!

Как поставить и поменять?

Выложить изображение на публичную страницу сможет даже новичок — здесь нет ничего сложного:

• Наведите указатель мыши на область изображения в боковом меню;
• Возможность выбора опций появится ниже;
• Выбрать «Скачать»;

• Нажмите кнопку «Выбрать файл»;

• Найдите свою картинку на устройстве;
• Сдвинуть рамку — это область, которая будет отображаться на странице сообщества;
• Щелкните значок «Сохранить и продолжить»;

• Выбрать квадратную область эскиза, сдвигая рамку;
• Щелкните по кнопке «Сохранить изменения».

Не нужно долго думать, как изменить AVU в группе ВК — все необходимые настройки появятся при наведении курсора на изображение.

Мы говорили о небольшом количестве дизайна. Хотите установить обложку? Тогда читайте как поставить горизонтальную аватарку в группу ВК:

• Откройте страницу;
• Нажмите кнопку «Настройки» в меню навигации;

• Перейти в блок «Основная информация»;
• Выберите раздел «Покрытие сообщества»;

• Нажмите кнопку «Загрузить»;

Мы рассказали, как сделать AVU для группы ВК и успешно его поставили.Вы узнали все о требованиях к качеству — больше вопросов и сложностей не возникнет, ваша публика будет выделяться из общего ряда неповторимым дизайном!

На сайте социальной сети ВКонтакте в самых разных сообществах Определяющим фактором популярности является правильно подобранный дизайн. При этом основная часть дизайнерской паблика — это аватар, который является лицом сообщества.

Процесс создания главного имиджа в сообществе — ответственная работа, для выполнения которой требуется умение владеть различными графическими программами.Из-за такой особенности часто большие группы нанимают специалистов в области дизайна, чтобы избавиться от любых проявлений плагиата.

Можно использовать заготовки, найденные в Интернете, однако рекомендуется делать это исключительно на ранних этапах.

Помимо сказанного, необходимо отдельно обратить внимание на то, что сегодня в группе ВКонтакте может быть один из двух типов изображений:

По сути, основное различие между типами заголовков — это конечное расположение загруженного изображения в дублированной шапке.Более того, аватар нужно как-то добавлять в сообщество для создания миниатюр.

В рамках данной статьи мы расскажем об основных нюансах создания обоих типов картинок с использованием программы Photoshop в качестве основного редактора. Вы можете использовать любую другую программу, оснащенную соответствующими инструментами.

Последнее, на что нужно обращать внимание, это то, что любое изображение может быть использовано в каждом сообществе, будь то «Публичная страница» или «Группа» .

Метод 1. Создание аватара для группы

Базовый аватар сообщества почти такой же, как и основная фотография на странице пользователя.В результате мы рекомендуем вам ознакомиться с процессом загрузки и обрезки изображений этого типа.

Кроме того, в качестве аватара в Публичном ВК не могут отображаться картинки с прозрачным фоном или преобразованные в формат, отличный от JPG , «PNG» или «GIF» .

• Ширина — 250 пикселей;
• Высота — 450 пикселей;
• Разрешение — 72 пикселя / дюйм.

Вы можете использовать свои параметры в зависимости от идеи, однако учтите, что изображение может быть выполнено исключительно прямоугольным и растянутым по вертикали или квадратной формы.

Все дальнейшие действия зависят исключительно от ваших знаний графического редактора. В то же время есть несколько наиболее важных советов:

• Картинка должна полностью соответствовать тематике сообщества;
• Создаваемое изображение должно иметь место, идеально подходящее для выборки миниатюр;
• Не ставить много подписей на аватаре;
• Важно следить за целостностью цветового охвата изображения.

Чтобы лучше понять сказанное, рассмотрим пример некоммерческого аватара для сообщества музыкальной тематики.

1. Использование инструментов «Прямоугольник» Используя дочерние элементы, создайте гладкий круг, диаметр которого немного меньше ширины аватара.
2. Добавьте тематическое изображение, отражающее основную идею сообщества, перетащив картинку в рабочую область редактора.
3. Масштабируем изображение так, чтобы основная его часть попадала в рамки ранее созданного круга.

Для удобства используйте зажимную кнопку SHIFT , позволяющую равномерно масштабировать изображение.

4. Переместите слой с добавленным изображением над ранее созданной формой.
5. Раскройте меню картинок PCM и выберите пункт «Создать обтравочную маску» .
6. В качестве дополнения добавьте различные элементы стилизации для круглой фигуры в разделе «Параметры наложения» , например, обводку или тень.
7. Использование инструментов «Текст» Добавьте название сообщества внизу изображения.
8. Добавьте параметры наложения текста, не нарушая цветовой охват, учитывая ранее добавленное изображение.
9. С помощью того же инструмента «Текст» Добавьте дополнительные подписи, называемые общедоступными, и стилизуйте их таким же образом.

По завершении процесса создания аватара вам необходимо загрузить новое изображение на сайт и правильно его обрезать.

На этом все действия с аватаркой сообщества в социальной сети ВКонтакте могут быть завершены.

Метод 2: Создайте прикрытие для группы

Обложка сообщества ВКонтакте — относительно новый элемент этого сайта, позволяющий развернуть обычный аватар на всю ширину страницы.

Теперь обложку нужно добавить на сайт.

1. Находясь на главной странице группы, откройте меню «…» и перейдите в раздел «Управление сообществом» .
2. Используя меню навигации справа, перейдите на вкладку. «Настройки» .
3. В блоке «Основная информация» Найдите раздел «Обложка сообщества» и нажмите на ссылку «Скачать» .
4. В поле «Загрузка» перетащите фотографию, сохраненную в Photoshop.
5. Используя рамку, выберите загруженную фотографию и нажмите «Сохранить и продолжить» .
6. После этого вы получите уведомление об успешной установке крышки.