Вконтакте меню шаблон: 4 шаблона меню ВКонтакте psd скачать бесплатно

Содержание

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

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

Оформление группы ВКонтакте — для чего и для кого

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

Аватар группы ВКонтакте – лицо вашего сообщества

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

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

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

Шаблоны для оформления группы ВКонтакте сейчас предлагают все чаще и чаще. Внесу свою лепту и я.

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

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

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

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

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

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

сайт

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

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

Например, на сайте http://all-for-vkontakte.ru/ есть масса разнообразных шаблонов. Выберите себе подходящий и скачайте его на компьютер, далее распакуйте архив и залейте получившиеся заготовки в альбом. После этого с помощью вики- разметки добавьте фото в раздел свежие новости.

Также на сайте http://shablonchegi.my1.ru/ вы можете выбрать подходящие шаблоны с кодами для вставки. Там вы найдете много образцов платных и бесплатных.

Примеры отличного дизайна для групп, посвященных игровой тематике, вы можете встретить на сайте http://you-ps.ru/for_socnetwork/menu/ .

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

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

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

Для начала подберите изображение, которое будет отражать тематику сообщества или группы. Уникальные и красивые фотографии возможно приобрести на различных фотостоках, например, http://www.firestock.ru/, http://www.shutterstock.com или же на тех сайтах и сообществах, где пользователи, и профессиональные фотографы выкладывают сделанные работы. К примеру, возможно отыскать группы и сообщества Вконтакте с такими названиями как Эстетика, Красивые Фото, Арт Искусство и посмотреть какие картинки выкладывают туда пользователи. Также вам подойдут такие сообщества как: http://vk.com/another_art и http://vk.com/esthe

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

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

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

1) В фотошопе произведите загрузку изображения, не превышающее 400-450 пикселей. Вы можете использовать ту же фотографию, какая у вас стоит на аватаре.

2) Разрежьте изображение на пункты меню. Для этого предназначена специальная кнопка «Фрагменты по направляющим»

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

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

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

Далее вставьте специальную ссылку.

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

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

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

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

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

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

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

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

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

Ну а эта новое оформление, понравится тем, кто любит игры от компании Rockstar Games, которая выпустила такие популярные игры как L.A. Noire, Max Payne, Red Dead Redemption и всем известная Grand Theft Auto или просто говоря GTA . Это меню для группы ВКонтакте сделано в темных оттенках, без лишних наворотов и эффектов. Основной фон этого графического шаблона — это ночной город игры ГТА , с синеватым оттенком, где изображены герои популярных игр, которые были перечислены выше. В целом, это очень простое меню оформления для сообщества ВК, о чем можно судить даже по обложке, но попробовать установить все же стоит, так как довольно аккуратно смотрится в группе.

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

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

в каких случаях стоит использовать шаблоны для меню

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

Получать полезные статьи блога Socialair

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

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

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

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

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

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

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

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

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

Для создания меню в группах и сообществах социальной сети Вконтакте вам понадобится графический редактор. Лучше всего для этого подойдёт — «ADOBE PHOTOSHOP». Сначала нужно установить программу (если её у вас ещё нет), затем начать работу над шаблоном для вашего меню. Размер зависит от того, сколько вам нужно установить разделов.

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

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

Однако, чтобы всё получилось хорошо — нужно использовать вспомогательные линии, которые активируются посредством нажатия клавиш «CTRL+R». После нажатия вы увидите линии голубого цвета — их вытянуть в разные стороны для того, чтобы сделать границы, где будут выполнены разрезы. Дальше откройте в разделе инструментов раскройку и выберете «фрагменты по направляющим», от чего изображение чётко разделится на отдельные части списка.

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

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

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

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

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

Как добавить отправителя

Перейдите в настройки сервиса и нажмите «Отправители VK и ОК».

Нажмите «Добавить отправителя».

Добавьте имя для отправителя и ссылку на ваше сообщество ВКонтакте и Одноклассники.

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

Скачайте шаблон разрешительного письма, заполните и загрузите его.

Нажмите «Сохранить».

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

Чтобы создать шаблон сообщения, нажмите «Добавить шаблон» в меню добавления отправителей в ОК и ВК.

Добавьте имя для этого шаблона и выберите созданного отправителя.

Введите текст сообщения. Максимальная длина 2048 символов. Вы также можете добавлять в текст переменные и эмодзи.

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

Если все корректно, нажмите «Отправить на согласование» и ваш шаблон будет сохранен и отправлен на проверку вместе с добавленным отправителем.

Как проверить статус заявки

Созданные шаблоны сообщений проходят модерацию: проверяется наличие сообщества и соответствие текста шаблона правилам. Проверка занимет до 24 часов.

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

Добавить шаблон

Обновлено: 29.05.2020

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

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

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

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

Нет времени и желания разбираться в теме? Закажите оформление соцсетей в TexTerra. Мы разработаем для вас единую концепцию и предоставим готовые шаблоны в формате.psd.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

На выходе должно получиться что-то вроде этого:

Меню группы открытое

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

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

Меню группы закрытое

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

А вот что мы видим, когда кликаем по нему:

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

Слитное меню для группы

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

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

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

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

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

Скрытое меню

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

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

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

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

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

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

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

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

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

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

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

Кейсы, отзывы клиентов

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

Розыгрыши

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Номер телефона компании

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

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

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

Акции

Конкурсы

Вакансии

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

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

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

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

Еще один вариант – поделить аватар на две части. Одна – для миниатюры, а вторая – для остальной части аватара.

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

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

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

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

Домен сайта

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

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

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

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

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

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

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

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

Информация о предстоящих мероприятиях

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

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

Хвасты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

class=»incut»>

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

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

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

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

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

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

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

1. Fotor.com

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

Вставляем ее в шаблон, выделаем левой кнопкой мыши, выбираем команду Layer (иконка бутерброда) и кликаем по Move to bottom. Таким образом наша картинка будет идти фоном, а все надписи наложатся поверх нее.

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

Затем жмем на иконку в виде дискеты, выбираем название, формат изображения, качество и жмем на кнопку Sign in to download.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подготовка

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

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

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

Для этого нам нужно сделать следующее:

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

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

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

С уважением, Дмитрий Костин.

Предисловие…

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

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

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

И еще, хотелось для самого себя уточнить определения новых западных понятий о продвижении сайтов в социальных сетях. SMO (Social Media Optimization) — это оптимизация сайта/блога в социальных сетях и SMM (Social Media Marketing) — это продвижение сайта/блога в социальных сетях.

Кстати, понятие паблик — произошло от английского public, что переводиться как общественный, общество, т.е. поддается социализации! 🙂

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

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

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

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

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

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

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

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

Беру свой фотоаппарат, ставлю на штатив, беру свой нетбук в руку и делаю следующую фотку ->

Фотография вышла не ахти…. ну для моей креативной задумки именно такая засвеченная и подойдет! 🙂 Загружаю ее в фотошоп и аккуратно вырезаю себя с нетбуком и тенью. Как я поработал в фотошопе объяснять не буду, это не сильно интересно, если у Вас есть блог, и вы всё ещё не владеете фотошопом, рекомендую научиться, благо, набрав в поиске «туториалы фотошопа или уроки фотошопа» выходит масса очень полезных ссылок.

Делаю две картинки, одну большую в центр шапки моего паблика Вконтекте. Секрет — как вставить картинку в шапку паблика или группы Вконтакте??? Всё просто! Надо в новую запись на стене запостить готовую картинку и опубликовать ее.

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

Вы можете увидеть и подписаться на мой паблик ->

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

Создание шапки

Для создания шапки лучше всего использовать графический редактор Photoshop, поскольку он умеет сохранять шаблоны изображений, что может пригодиться в дальнейшем. Открываем программу и в верхнем меню нажимаем «Файл» – «Создать» (а можно и просто нажать Ctrl+N, если вы нетерпеливы).

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

Чистый холст готов, теперь в дело вступает ваше творчество. Каждый новый элемент изображения добавляйте в качестве разных слоев. По завершении сохраните шаблон шапки в psd, на случай, если в будущем вам понадобится отредактировать шапку. Для ВК сохраните шапку в формате jpg, png или gif.

Добавление шапки в группу

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

Вы окажетесь в настройках группы. Найдите пункт «Обложка группы» и нажмите «Загрузить».

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

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

Перейдя на главную страницу своей группы, вы можете оценить свою шапку онлайн. Приглядитесь, насколько хорошо видны все элементы на шапке. «Поиграйте» с масштабом страницы по нажатию на Ctrl+ и Ctrl-. Обычно пользователи ставят не менее 70 и не более 120 процентов масштаба.

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

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

Как наличие шапки способствует успеху группы ВК?

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

Возможные проблемы и их решения

Создание шапки может быть сопряжено некоторыми сложностями. Рассмотрим самые частые проблемы:

Шапка выглядит размытой. Проверьте разрешение изображения. Если оно меньше рекомендуемого, то ВК автоматически будет растягивать изображение, делая его «размытым».
При попытке поставить шапку пишет «неверный формат». ВК принимает изображения только в формате jpg, png и gif. Если у вас изображение с расширением jpeg, то просто переименуйте файл в jpg. Это одно и то же, но ВК требует именно jpg.

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

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

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

Первый этап – создаем изображение для меню.

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

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

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

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

После идем в меню «Файл» — «Сохранить для WEB» и сохраняем каждый отдельный элемент меню в формате .jpеg максимального качества.

Второй этап – верстка меню Вконтакте

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

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

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

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

[[photo133337_133701019|370px;nopadding;|page-13333337_13333337]]

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

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

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

Устраивает? Тогда жмем «Сохранить страницу» и проверяем ее работу непосредственно на странице группы.

Вот ещё вариант:

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

Меню Вконтакте, как сделать меню Вконтакте

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

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

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

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

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

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

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

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

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

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

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

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

P.S. Надеюсь эта информация была для вас интересна и полезна!

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

https://youtu.be/9X2Wz8WuQME

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка…

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

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

Как вы, наверное, уже знаете, ВК предоставляет 3 варианта создания групп [сообществ]:

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

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

Создавайте паблик, а не группу.

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

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

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

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

Заголовок сообщества

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

Зайдя на Яндекс видно, что …

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

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

В идеале формат заголовка выглядит так:

Интернет-магазин женской одежды | Lovandzzoo

где, «Интернет-магазин женской одежды» — ключевой запрос

Lovandzzoo — ваш бренд

Аватар и обложка

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

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

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

Пример хорошей авы:

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

Обратите внимание на последнюю крышку и указывающие стрелки на:

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

Можно сделать то же самое — это стандартная рабочая структура для грамотного оформления обложки сообщества.

Вики-меню

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

Пример хорошего и привлекательного меню.

В зависимости от ниши вики-меню может содержать следующие разделы

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

Еще один пример хорошего меню:

Ссылки

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

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

Первое, на что нужно обратить внимание при оформлении группы Вконтакте — это заголовок … При выборе имени необходимо учитывать три основных параметра:

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

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

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

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

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

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

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

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

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

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

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

В первую очередь нужно определиться, какого размера вам потребуется для создания аватара для группы Вконтакте. Максимальная ширина группового аватара составляет 200 букв (далее просто пикселей), а максимальная высота — 500 пикселей. Большие аватары будут уменьшены, чтобы соответствовать указанным пропорциям. Аватары, размер которых меньше указанного, напротив, будут увеличиваться и искажаться на экране. Поэтому создайте аватар для группы Вконтакте шириной 200 пикселей и высотой от 200 до 500 пикселей.

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

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

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

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

Попробуйте все сами методом проб и ошибок.
Прочтите статьи об этой программе и посмотрите видео.
Прочтите книгу или посмотрите учебное пособие.

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

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

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

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

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

Эй! Меня зовут Адель Давлетшин, руководитель SMM-проектов бюро DrugMedia

Личные сообщения сообщества

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

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

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

Описание, информация

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

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

Советы по составлению описания группы мы уже писали в этой статье:

Вики-меню

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

Узнать, как работать с вики-разметкой, можно здесь: vk.com/wiki

Приложения

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

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

Товар

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

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

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

Обсуждения

Ссылки

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

Альбомы

Контакты

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

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

Хорошее покрытие и раздел продукта

Краткое и понятное описание

Полезно заполненный раздел вики

Простое и понятное меню

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

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

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

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

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

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

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

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

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

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

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

Контента очень много, начинаем воплощать идею в жизнь!

Создание группы

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

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

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

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

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

Все. Группа создана!

Теперь вы можете приступить к его проектированию.

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

Этот этап можно разделить на 2 части: графическую и техническую. Для работы нам понадобится шаблон для создания группового аватара и меню, а также немного фантазии и базовые знания Photoshop (он же Adobe Photoshop).

Шаблон разметки

Что такое шаблон и что это вообще такое? Шаблон — это своего рода заготовка. В данном случае в формате * .psd мы отметили области для изображения под меню и аватаров группы.

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

Для наглядности приведу пример.

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

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

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

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

На левом фрагменте (там, где надпись «Меню») также можно добавить несколько триггеров. В этом случае я решил обойтись без них. Все. Дизайн аватара готов. Нажмите горячие клавиши Shift + Ctrl + Alt + S в Photoshop и сохраните наши фрагменты в папку на жестком диске.

Завершен первый этап работы с графикой. Возвращаемся к контакту.

Установка аватара и меню для группы

Нажимаем на два типа вместо авы нашей группы и загружаем туда наше изображение.Эти ребята, под ними тоже написано «Загрузить фото».

Добавьте изображение. Укажите поля и выберите эскиз. Здесь все просто и проблем быть не должно.

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

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

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

Если все сделано правильно, откроется эта страница.

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

Написал себе «Меню» и моя страничка после сохранения стала выглядеть вот так.

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

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

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

Wiki-разметка меню группы Вконтакте

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

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

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

Разрежьте изображение на фрагменты и сохраните их.

Все. Пора для финального аккорда — собираем меню уже в самой группе.

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

Если вы являетесь администратором или создателем группы (в нашем случае это так), то вверху страницы будет ссылка «Редактировать».Щелкаем по нему.

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

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

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

и к уже вложенному параметру «noborder» добавляю второй параметр «nopadding». Первый отключает обводку фрагментов и границ ячеек таблицы. Второй убирает отступ с края.

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

В моем случае код меню выглядит так.

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

Когда мы написали код и выровняли все элементы, сохраняем страницу и видим то же, что и в Photoshop.

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

Затем мы вставляем ссылки на новые страницы в вики-код меню в виде page-102302049_51013384, где первое число — это идентификатор группы, а второе — номер страницы. Хотя, это вообще не важно. В конце концов, нам просто нужно скопировать этот фрагмент URL-адреса и вставить его в разметку.

В результате код меню принимает следующий вид.

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

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

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

Шаг 1. Загрузите пункты меню на сайт vk.com

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

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

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

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

Шаг 2. Сборка меню из элементов

Перейти на страницу редактирования меню (как это сделать). Проверяем, включен ли режим редактирования Wiki markup mode … Теперь у вас здесь (если вы выполнили задания второго урока) написаны пункты вашего меню, заключенные в квадратные скобки.Мы их пока не трогаем, а пишем ниже:

unique_number — номер фотографии, которая присваивается ему при загрузке на сайт vk.com. Чтобы просмотреть его, откройте загруженное фото, щелкнув по нему, и посмотрите в адресной строке своего браузера:

388px — ширина вашего меню

Noborder — означает, что к вашим пунктам меню не добавляется черная обводка.

Nopadding — означает, что между картинками не будет расстояния (это то, что нам нужно, чтобы меню было сплошным).

Требуется конечный пробел, иначе ничего не будет работать.

У вас должно быть столько строк, сколько пунктов в вашем меню (и, соответственно, сколько картинок вы нарисовали):

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

Заходим на главную страницу группы, обновляем ее (нажимаем в браузере кнопку Обновить или просто F5 ). Восхищаюсь результатом!

Шаг 3. Прикрепите внутренние страницы к меню

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

Нажимая на кнопку Заполнить содержанием , попадаем на уже знакомую страницу редактирования материалов.

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

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

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

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

И вот что происходит:

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

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

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

1 шаблон меню, 10 способов — взломайте свой визуальный дизайн Серия

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

В этой серии блогов мы покажем вам, как взять 1 шаблон меню «Сделай сам» и изменить его 10 уникальными способами… быстро и легко. Узнав, как это сделать, вы будете каждый раз создавать собственное меню всего за несколько кликов!

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

Что вы действительно хотите, так это иметь возможность быстро и легко изменять свое меню, верно?

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

ОДИН ШАБЛОН МЕНЮ, ДЕСЯТЬ СПОСОБОВ

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

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

# 1 Дизайн базового меню.

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

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

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

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

# 2 Изменение фонового изображения и цвета текста

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

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

Чтобы получить это свежее листовое зеленое меню, мы:

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

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

# 3 Отрегулируйте ширину столбца

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

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

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

Обновили фоновое изображение;
Удален один из столбцов «Mains» и увеличена ширина оставшегося столбца до «полной» ширины, растянув таблицу.
Изменен цвет шрифта в заголовках и элементах строк на черный.
Отрегулирована непрозрачность наложения белого прямоугольника (который находится над фоном) до 92%. Тем не менее, это позволило фону немного проявиться, оставив текст разборчивым.
Оставшийся текст меню перемещен по центру по горизонтали.

Сходим в пляжное кафе за гамбургером? … кто угодно?

# 4 Сдвинуть положение содержимого с центра

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

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

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

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

# 5 Переключение шрифтов

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

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

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

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

# 6 Добавьте выделенные заголовки разделов

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

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

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

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

# 7 Добавление разделов с цветными блоками

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

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

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

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

# 8 Верните свое меню к «голым костям»

Вы когда-нибудь слышали этот термин KISS? Keep it Simple Sweetheart (да, есть и другие «варианты», но давайте рассмотрим Sweetheart) .Это про KISS. Иногда лучше ничего не добавлять в шаблон меню, а вместо этого удалить все изображения, чтобы все, что осталось, — это простой цвет фона и контрастный текст.

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

«Иногда то, что вы НЕ включаете в свое меню, важнее, чем то, что вы делаете, — Дональд Бернс.”

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

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

# 9 ПЕРЕВЕРНИТЕ ЕГО НА СТОРОНУ

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

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

Нажмите кнопку «Изменить размер» на кнопке «Файл» (это верхний значок на правой боковой панели).
Выберите вкладку «Пользовательский размер» и введите размер ландшафтного меню. В раскрывающемся списке «Единицы измерения» убедитесь, что формат печати указан в «мм» или «дюймах». В нашем примере мы использовали альбомную ориентацию формата A3, ширина 420 мм и высота 297 мм.
Измените расположение содержимого, чтобы оно соответствовало меню в новой ориентации. Используйте группы или выберите несколько слоев или групп на панели «Слои» на боковой панели Easil. Посмотрите видео еще раз, чтобы увидеть, как мы это сделали!
Увеличьте или уменьшите размер содержимого, выбрав сразу группы содержимого, а затем потянув за угол для увеличения.

Горячий совет: Посмотрите видео пару раз, чтобы узнать о различных инструментах, которые мы использовали в Easil, и попрактиковаться в одном из них! Попробуйте перемещать группы или разделы, выбирая несколько элементов на панели слоев, увеличивая размеры таблиц и изменяя размеры элементов.Мы обнаружили, что «выполнение» фактической задачи (а не просто наблюдение) — это самый быстрый способ научиться использовать функции Easil. И инструменты вам понравятся больше, когда вы это сделаете!

# 10 СДЕЛАЙТЕ ЕГО МНОГОСТРАНИЦЫ

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

Чтобы добавить обратную сторону нашего меню (или нескольких страниц), вам необходимо:

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

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

ГОТОВЫ СОЗДАТЬ ПОТРЯСАЮЩИЕ МЕНЮ?

Вы взволнованы возможностями использования наших шаблонов меню? Покажите своему шеф-повару Easil’s Menu Maker и приготовьтесь к восторженным возгласам!

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

Дополнительные советы по созданию меню

1.Изменение размера для телевизоров

Если у вас есть телевизор с большим экраном, не забывайте, что вы можете легко изменить размер меню для отображения на экране телевизора. С Easil это просто, так как HDTV является стандартным форматом для дизайна. Выберите Цифровые экраны => Горизонтальный телевизор или Горизонтальный телевизор (Full HD ), а затем используйте инструкции из пункта 9 выше, чтобы при необходимости изменить размер на альбомный.

2. Создавайте списки подходящих напитков

Проявите творческий подход к подбору меню — вы можете сочетать все виды меню напитков, такие как Wine & Cocktail или Kids & Seniors.. даже горячее и холодное.

ИЗБЕГАЙТЕ ЭТИХ ОШИБОК ШАБЛОНА ОБЩЕГО МЕНЮ

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

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

ШРИФТЫ

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

ИЗОБРАЖЕНИЙ

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

ЦВЕТА

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

НАЧНИТЕ РАЗРАБОТАТЬ УДИВИТЕЛЬНОЕ МЕНЮ СЕЙЧАС!

Начните прямо сейчас с помощью Easil’s Menu Maker и выберите шаблон меню, который идеально подходит для вашего места проведения.

Все еще хотите узнать больше? Вы можете узнать больше о нашем конструкторе меню здесь.

Не забывайте наши другие посты «Взломайте свой визуальный дизайн»!

Вы можете проверить их здесь:

1. Шаблоны Pinterest, 10 способов
2. Графические шаблоны цитат, 10 способов
3. Изображение в текстовых плакатах, 10 способов
4. Анимированные GIF-файлы 10 способов
5. Шаблоны историй Instagram, 10 способов

ДЛЯ ВАС

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

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

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

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

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

На сегодняшний день существует несколько видов создаваемого меню:

Открыть с активными точками;
Закрыт как закрепленная запись;
С отдельными картинками или общей смежной картинкой баннера и меню.

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

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

VK group закрытое меню

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

Меню будет таким:

Групповое открытое меню (закрепленный материал)

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

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

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

Для аватара 200×332 пикселей;
Для главного баннера размер меню 395×282 пикселей.

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

Чтобы было понятно, если высота основного аватара группы равна 332, то мы вычитаем из нее 50 и получаем высоту главного меню равную 282. Если размеры не имеют значения, то высоту можно установить произвольно. .

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

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

Давайте создадим новый холст в Photoshop размером 600×350 пикселей, который мы будем использовать в качестве трафарета, вырезав в нем отверстия для наших изображений. Для работы нам нужно перевести размеры всех элементов и линейок в пиксель, и это делается по следующему пути: «Edit-setting-main» и здесь мы уже устанавливаем пиксели.

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

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

У вас должно получиться:

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

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

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

Итак, вернемся в Photoshop и создадим новый холст размером 400×300 пикселей. Затем выберите в разделе: файл-место и выберите картинку для фона меню.

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

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

Обратите внимание, что у вас должно быть:

Материалы открываются в «ограниченном» режиме;
Обсуждения включены;
Папка с фотографиями открыта для всех.

Теперь осталось настроить нашу страницу, где она будет отображаться в меню. Для этого перейдите на главную страницу сообщества, выберите свежие материалы и отредактируйте их и назовите «НАШЕ МЕНЮ».

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

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

Совет: Важным моментом после загрузки изображений является удаление отступов.Это решается вставкой «nopadding» перед размерами изображения.

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

[]
где xxxxx — id вашей картинки
yyyyy — ширина в пикселях (не более 388)

Должно получиться так:

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

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

https://vk.com/page-116682062_51411604?act\u003dedit&hid=183950676&section\u003dedit

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

Перейдите на домашнюю страницу и сделайте следующее:

Шаг № 1.

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

Шаг №2.

Прикрепите к сообщению изображение нашей заготовки меню и нажмите «Отправить».

Шаг № 3.

Теперь, после публикации поста, нажмите на время создания в левой нижней части поста и выберите «ОПУБЛИКОВАТЬ».

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

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

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

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

ВАЖНО: После изменения дизайна ВК в 2016 году были внесены новые изменения при создании изображений и требования к картинкам о которых.

Скачать шаблон группового меню ВК + все исходники урока

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

Прилагаю видео, чтобы закрепить прочитанное -))).

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

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

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

Как создать меню в Menumake

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

Итак, зарегистрироваться в сервисе довольно просто — нажмите на кнопку «Войти через Вконтакте» (вверху справа), а после авторизации введите свой Email.

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

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

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

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

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

Пополнение возможно с WebMoney, Qiwi, Paypal или банковской карты.

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

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

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

Если он еще не готов, то вам сюда —

Шаг 1. Подготовка

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

Под аватаркой есть значок «многоточие»

В раскрывающемся меню нажмите «Управление сообществом»

В нижней части вкладки «Информация» откройте содержимое.Не забудьте нажать «Сохранить».

Шаг 2. Редактирование меню.

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

Откроется окно редактирования меню.

Заменить «Последние новости» словом МЕНЮ

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

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

Код кнопки в МЕНЮ в группе ВК: :

385×80 пикселей; — размер, в котором будет отображаться ваша кнопка. Размер можно не указывать, тогда кнопка будет в исходном размере.

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

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

Важно! Проверьте внимательно — должен быть разделитель «|» между элементами кода после каждого тега должен стоять знак «;» И все это должно быть в двойных скобках

Чтобы вставить несколько кнопок, просто поместите код в столбец

[]
[]
[]

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

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

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

Открытое меню? Проще простого!

Просмотрите статьи еще раз: и теперь эти знания нам пригодятся!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг # 3: исправить столб

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

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

vk.com/frilkacom

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

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

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

), составьте меню.

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

Делаем красивую графику

В новом дизайне сайта Вконтакте изменены размеры графики. Ниже вы найдете фактические значения.

Аватар группы — 200 × 300 пикселей
Баннер в описании — 510 × 271 px

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

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

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

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

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

Идем к стене. Здесь в блоке «Добавить заметку» нажмите на значок «Фото».

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

Теперь запись нужно закрепить (см.). Возвращаемся к новой записи и раскрываем меню в правом верхнем углу. Здесь нажимаем «Исправить».

Теперь обновите страницу и посмотрите результат.

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

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

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

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

Открываем нашу картинку в редакторе, и активируем инструмент «Вырезка».

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

Теперь нажмите Alt + Ctrl + Shift + S, чтобы сохранить готовые изображения.

https://vk.com/pages?oid=-120208137&p\u003dmenu

Посмотрите, после символов «odi = -» нужно вставить id своей группы (см.).И в самом конце ссылки напишите заголовок для своей страницы меню. В этом примере мы оставим «Меню» как есть.

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

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

Далее переходим в раздел «Редактирование» … Здесь для каждого изображения нам нужно убрать отступы, чтобы они сливались в единое изображение.Для этого добавьте следующее значение nopadding; … И добавьте ссылку на нужную страницу или сайт, прописав значение «https://site.ru/page.html» (введите свои адреса!). В нашем примере кнопка «Подробности» должна вести на сайт. Вот что должно получиться.

[] []

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

https://vk.com/page-120208137_52523487

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

Это то меню, которое у нас получилось.

Мокап Визитки Vk | Загрузите бесплатные и премиальные шаблоны PSD-макетов одежды и материалы для дизайна

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

Макет визитки vk .Facebook twitter linkedin google pinterest электронная почта vk tumblr reddit whatsapp. Поместите свой темный дизайн визитки, настройте фон и получите реалистичный результат. Дизайнеры знают, насколько важна представленная работа, будь то презентация для клиента или добавление вашей недавней работы в портфолио. Вы можете использовать этот макет для создания вариантов портретного и ландшафтного дизайна на одном и том же макете.

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

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

Поместите произведение искусства на смарт-объект и получите реалистичный результат вашего дизайна. Сегодня мы представляем 100 лучших макетов визиток в формате PSD, чтобы помочь вам представить свои последние работы. Минимальная версия фотошопа 40002800 пикселей.Дополнительные макеты визиток вы можете найти в нашей категории брендов.

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

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

Существует интеллектуальный слой для изменения края визитной карточки и слой для изменения цвета фона по вашему выбору. Мы рады поделиться с вами сегодня реалистичным макетом, идеально подходящим как для простого, так и для детального дизайна визиток.Этот PSD макет визитки с закругленными углами поможет вам профессионально продемонстрировать дизайн визитной карточки. Файл psd позволяет легко размещать дизайн на карточках с помощью смарт-объектов и изменять цвет фона.

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

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

И снова рад вас приветствовать!

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

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

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

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

Итак. Вот основные шаги:

Продумайте главное меню
Выбрать изображение
Фотошоп (без фотошопа как всегда никуда)
Резка изображения
Залить изображение в альбом контактов

Для активации Recent Entries (для вашего будущего меню) нужно зайти в управление сообществом и включить пункт — «Материалы»

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

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

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

Мое меню состояло из следующих пунктов:

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

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

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

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

Тег «nopadding» удаляет пробелы между изображениями, то есть помогает «закрепить» их близко друг к другу.

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

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

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

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

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

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

И на сегодня все.До скорого!

5 голосов

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

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

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

1. Подготовка к работе. Основные инструменты

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

1.1. Photoshop

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

Если вам нужна нормальная группа, то у вас нет выбора, кроме как изучить Photoshop. Без качественных снимков никуда не уехать. Могу порекомендовать курс Зинаиды Лукьяновой. … Быстро и не скучно, освоишь новую профессию и даже сможешь заработать, используя навыки дизайнера. Знаний хватит!

Итак, давайте продолжим. У тебя есть все необходимое? Тогда вы готовы двигаться дальше.

2.Работа в фотошопе или меню своими руками

Что ж, теперь вы можете приступить к пошаговым инструкциям непосредственно по созданию меню. Откройте Photoshop, затем иллюстрацию с меню. Надеюсь, проблем не будет. В правом верхнем углу выберите «Файл», а затем «Открыть». Находим документ на компьютере. Что дальше?

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

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

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

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

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

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

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

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

Убедитесь, что изображения сохранены в формате jpeg (самая верхняя категория справа). Затем нажмите «Сохранить».

Вот и все.

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

3. Макет в ВК для чайников

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

Ну осталось немного, верстка. Откройте «Список вики-страниц».

И добавить новый.

Дайте ему имя. В нашем случае меню.

И переходим в редактирование.

Первый шаг — добавить все части нашей картинки.

Погрузка.

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

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

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

Вы можете сделать то же самое, если хотите, но обратите внимание, что иллюстрация сдвинется вправо.

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

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

Это будет выглядеть так.

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

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

Теперь при нажатии на разные части изображения они открываются в новом окне.

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

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

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

Так выглядит наше меню.

А вот и заветная ссылка.

4. Завершающий этап регистрации

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

Если не знаете, что у вас есть, то перейдите в раздел управления из категории «Мои группы».

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

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

5. Видеоинструкция

Смотрите видео, все основные работы мы уже сделали, осталось немного.

6. Альтернативный метод для чайников за 100 руб.

Если у вас возникли трудности с созданием меню самостоятельно, смело переходите на этот сервис — VkMenu.RU , где по скромной цене 100 руб. (сегодня такие), меню можно сделать через онлайн конструктор.

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

На этом прощаюсь, но ненадолго. Отдохните и переходите к следующей части.

Подписаться на мою группа Вконтакте … Приятной работы и до скорой встречи!

Здравствуйте, друзья!

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

Что такое меню ВКонтакте и для чего оно нужно?

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

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

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

Так что не забывайте учитывать сообщество при создании своего меню.

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

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

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

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

Сначала вам необходимо установить программу Photoshop, если вы ранее не устанавливали эту программу на свой компьютер.
Откройте Photoshop и создайте два файла шаблона для аватара и меню. Устанавливаем необходимые размеры. Например, для аватара это 200 × 500 пикселей, а для меню — 389 × 600 пикселей. Залейте их одним цветом, чтобы они были хорошо видны, и сохраните два созданных отдельных файла.
Загрузите шаблон в группу вместо аватара, выделив всю область.
Загрузка меню немного сложнее. Для этого вам необходимо включить контент в Community Management. После этого станет доступна возможность добавить меню. Перейдите на вкладку, которая появляется под описанием группы «Свежие новости», нажмите на панели инструментов кнопку в виде фотоаппарата и загрузите файл со своего компьютера. Произошло?
Сразу после скачивания вам станет доступна ссылка, которую придется немного доработать.После слова «noborder» напишите «;» и слово «nopadding». Эта функция предотвратит падение вашего меню при добавлении новостей в сообщество.
Делаем Prnt Scrn главной страницы вашей группы. За что? Чтобы понять свои ошибки. Дело в том, что сейчас это грубая версия — все не ровно и не так красиво. Ваша цель — идеально подогнать нижние границы меню и аватара. Тогда у вас может возникнуть вопрос: «Почему я не даю вам точных размеров?» И дело в том, что каждый админ использует разный объем текста в описании группы, который меняет высоту меню, а ширина меню — дело вкуса и, как мы знаем, у всех разное.
Заходим в Photoshop и создаем новый файл, вставляя туда скриншот.
Теперь, работая с этим файлом, мы выделяем область аватара с помощью «прямоугольного выделения» — они могут максимально точно выделить конкретную область. Затем щелкните правой кнопкой мыши и выберите «вырезать на новый слой».
Точно так же работаем с картинкой меню, только при ее выборе нужно обрезать внизу ненужное. Сделайте так, чтобы нижняя часть меню и аватар полностью совпадали.
Теперь, удерживая кнопку Ctrl, выберите два созданных нами слоя. Щелкните их правой кнопкой мыши и выберите функцию «Объединить слои». Перед нами предстают два наших идеально подобранных шаблона на одной странице.
Следующим шагом будет загрузка обложки. Он появляется поверх наших шаблонов. Теперь справа в инструментах слоя щелкните файл обложки, удерживая нажатой клавишу Alt. После этой процедуры обложка будет видна только на шаблонах и станет невидимой за их пределами.Но это не помешает вам сдвинуть крышку и выделить желаемую ее видимую часть.
Теперь важный момент создания меню — кнопки. На этом этапе вы уже должны знать точные названия будущих кнопок. Например, «Здоровье», «Дети», «Наши контакты». Чтобы упростить задачу, создаем первую кнопку, следующую просто дублируем и меняем текст.
Добавляем логотип к аватару или устное обращение, или и то, и другое. Это добавит вашей группе живости и особого характера.
Сохраните общий файл как картинку на свой компьютер. Что дальше?
Откройте файл, который мы только что создали в Photoshop. Далее мы создаем новый пустой файл с точными размерами нашего аватара, вставляем в него созданное нами изображение с логотипом и кнопками. Подбираем нужную нам область для аватарки и идеально вписываемся в выбранные размеры. Затем сохраняем наше творение.
То же делаем и с меню. Но опять же, здесь есть дополнение. Для начала нужно узнать высоту меню, так как оно не совпадает с черновиком.С помощью линейки измеряем высоту с точностью до одного пикселя (а лучше всего измерять несколько раз, чтобы не ошибиться). Создайте новый файл со старой шириной и новой высотой, измените размер изображения и нажмите кнопку «Сохранить».
Загрузите новый аватар, выделите всю область и выберите миниатюру.
Закачиваем меню через кнопку «Свежие новости». Удалите предыдущую ссылку, загрузите новую фотографию и добавьте «; nopadding».
Теперь мы вырезаем макет нашего меню. Примените режущий инструмент Photoshop или нож.В разных версиях фотошопа он называется по-разному. Под каждой кнопкой нарисуйте линию, чтобы образовать отдельные прямоугольники, по которым пользователь может переходить к определенным ссылкам в будущем.
Заходим в редактирование меню через «Свежие новости» и загружаем каждую нашу вырезку из меню по очереди. При просмотре будут отображаться промежутки между нашими картинками. Чтобы избавиться от них, вам нужно добавить слово «; nopadding» к каждой ссылке.
Теперь, чтобы ваши ссылки были активными и вы могли вставить нужную информацию, напишите на ссылках картинок в меню редактирования — название одной из ваших кнопок — например Доставка.Но это слово должно быть написано четко по установленным правилам, оно должно выглядеть так [[Доставка]]. Далее сохраняем страницу, переходим по этой ссылке и наполняем ее необходимым контентом.
Последний шаг, чтобы все заработало — вставить копию ссылки на страницу доставки в ссылку кнопки, например — page-123456_456789, то есть инфу между словами «vk.com/» на «?» . Вот и все, теперь разработайте и каждую кнопку, и ваше меню будет успешно привлекать вашу целевую аудиторию.

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

Step 1
Для начала заходим в нашу группу и в блоке «Свежие новости» (в данном случае я переименовал его в «Меню») нажимаем ссылку «Редактировать», которая появляется при наведении. Важный! Во-первых, у вас должна быть открытая группа, а не страница. Так как на Странице такого пункта просто нет. И во-вторых, в меню «Управление сообществом»> «Информация»> «Контент» следует выбрать «Публичный».

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

Step 3
После этого рядом с кнопкой появится ссылка «Предварительный просмотр», и нажмите на нее. Ниже откроется предварительный просмотр нашего меню, где мы видим ссылку «Теория веб-дизайна», которая появляется внизу.

Step 4
Щелкните по этой ссылке и перейдите на созданную страницу с заголовком «Теория веб-дизайна».Затем нажмите ссылку «Наполнить содержанием». Далее редактируем текст как в обычном текстовом редакторе — вставляем картинки, тексты, видео и другие объекты. В этом случае наша созданная страница будет иметь URL-адрес вида https://vk.com/page-15865937_43819846.

Альтернативный способ создания внутренней страницы
Есть альтернативный способ создания страницы. В основном он подходит для публичных страниц (публичных страниц), так как описанный выше метод для них не подходит. Для этого воспользуемся следующим кодом
http: // vk.com / pages? oid = -XXX & p = Page_name
где вместо XXX мы подставим идентификатор нашей группы, а вместо текста «Имя страницы» напишем Меню. Теперь нам нужно узнать идентификатор группы. Как это сделать? Заходим на главную страницу группы и смотрим наши посты на стене — прямо под блоком «Добавить пост» будет написано «Все посты» — нажимаем на эту ссылку.

Перейдите на страницу и посмотрите URL этого типа https://vk.com/wall-78320145?own=1 , где числа 78320145 в этом примере — это идентификатор группы.Подставляем наши данные в исходный код и получаем запись такого рода: http://vk.com/pages?oid=-78320145&p=Menu (с вашими номерами!). Вставляем эту строку в адресную строку браузера и нажимаем Enter. Итак, мы создали новую страницу Вконтакте.

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

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

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

Быстрая навигация:

Что такое групповое меню

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

Создание группового меню Вконтакте онлайн

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

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

Принцип создания меню можно разделить на несколько шагов:

Шаг 1. Определитесь с шаблоном дизайна.

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

Шаг 2. Определите количество кнопок.

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

Шаг 3. Укажите ссылки и метки.

Шаг 4. Проверка и экспорт.

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

Шаг 5. Внесение изменений.

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

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

Баннер для группы Вконтакте, создайте бесплатно!

Есть специализированные сайты, где без особых усилий и софта можно сделать себе красивый баннер для группы Вконтакте.Например https://bannermakers.ru/banners-vk/.
Кроме создания меню таким способом, есть еще способы сделать меню в группе ВК и другим способом. Об этом читайте ниже.

Меню вики-разметки ВКонтакте

Разметка

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

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

· Графическое создание спойлеров и таблиц.

· Форматирование изображений и текста.

Итак, перейдем к разбору, как сделать меню для сообщества ВК?

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

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

Быстрая регистрация

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

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

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

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

Noborder — убирает рамку вокруг фотографии. Коробка — изображение находится в окне.

Nopadding — пробелы между картинками не отображаются.

NNNxYYYpx или NNNpx — укажите размер картинки (в пикселях).

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

(| — обозначение начала таблицы. Без этого символа при создании таблицы не обойтись, это обязательный атрибут.

| — используется для придания ячейкам эффекта прозрачности.

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

| — — так обозначаются новые строки (также для ячеек).

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

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

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

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

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

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

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

1.Откройте изображение меню в Photoshop или другом графическом редакторе.

2. Изучите размер картинки и если он превышает 600 пикселей по ширине — измените размер на 600, высота картинки изменяется пропорционально, мы не устанавливаем вручную!

3. Используем инструмент «вырезка» и вырезаем наше изображение на пуговицы.

4. Сохраните картинку в параметре «для WEB». Теперь работа в фотошопе окончена. Пойдем в сообщество.

5. Зайдите в настройки сообщества в разделе «Материалы», выберите «Ограничено» и нажмите «Сохранить».

6. Зайдите на главную страницу, в подразделе «последние новости» нажмите «редактировать».

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

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

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

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

8. Исправьте код: По умолчанию ВК имеет встроенное разрешение для максимального размера изображения по ширине 400 пикселей, первая кнопка оказывается 600, измените параметры первой кнопки с 400x89px на 600px, вы не Не нужно указывать высоту. Мы также вводим следующий тег в каждую строку: nopadding должен быть разделен точкой с запятой.

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

[] [-] [-] [-] [-]

Теперь, перейдя в «превью», мы видим, что все на своих местах. Добавьте необходимые ссылки на каждую из кнопок в коде; в качестве наглядного примера ссылка на первую кнопку здесь не нажимается! Не забудьте убрать лишний пробел между | а также ].

[] [-] [-] [-] [-]

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

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

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

11. Теперь поправим меню, обновим страницу и оценим наш результат. Вся работа, медленно, занимает около 15-20 минут.

Как сделать меню в группе ВК с переходами

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

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

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

1.После редактирования кода сохраните и нажмите «вернуть».

2. Проверить правильность отображения первого меню.

3. Если все в порядке, еще раз нажимаем «редактировать».

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

Пока ваша вновь созданная страница еще пуста, нажмите «изменить» или «заполнить содержимым»

Как и в самом начале, добавляем разделы второго меню, сохраняем и смотрим, как выглядит новое меню.

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

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

Таким образом, при нажатии на кнопку «Отзывы» откроется наше второе меню.

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

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

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

Шаблоны группового меню Вконтакте

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

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

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

Privit, друзья. Все рушится, все меняется. Социальные вымыслы Вконтакте могут и не стоить. Ось и моя публикация о создании единого блока Вконтакте в этот день стала неактуальной. Теперь при открытии группы просто виден необходимый для такого меню блок Novini.

Благо Вконтакте — сила vik-sidelines. Для дополнительной помощи такого списка мы можем открыть меню общежития, а затем закрыть меню старшей группы.

Оже, пойдем по порядку.

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

1. Добавьте в адресную строку вашего браузера в соответствии с представлением:

xxx — id вашей группы или общественной партии;

Country_name — будьте подобны слову, как вы называете свою сторону.

Какое у тебя удостоверение личности? Я бы не мстил неверно направленным, например https://vk.com/make_community, Його можно узнать по оскорбительному рангу. Нажми на название группы на стене, об этом написано много публикаций.

Смотри у стены духа твоего. В адресной строке будут числа. Это идёт твоего духа.

2. Зайдите в набор и нажмите «Сделать змист».

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

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

Перевернем его на нашу сторону, редактор будет використовую, добавим свои картинки-кнопки.

Если писать все картинки, нужно обрезать ось вот так:

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

Storyuєmo меню.

Эта ось виновата в такой записи на стене вашей группы Вконтакте:

Як закріпити меню?

Нас попросят закрыть меню группы нагоры. Ибо циё тиснено на тексте перед картинкой в записи. На вікні, ниже правый натиск — «Закріпити».

Усы. Теперь надо винить ось вот так:

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

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

Приветствую всех, вы Роман Литвинов, дизайнер команды Ardens.pro. Сегодня я пришел к вам из Руководства по урокам, так как настраивал единый блок аватара и меню Вконтакте (диним цилим). Что касается початка, положите его на то же место.

поставил:

Дизайн аватара для группы ВК

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

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

Размер аватара, как у моего бацимо в браузере без шкалы, 200х500 пикселей.И фиксация в таком ракурсе составляет 395х237 пикселей.

время

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

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

Maє viiti so.

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

Роботы пишут поверх нашего дизайна, сохраняя для Интернета …

В этом окне при нажатой клавише Shift наш аватар вибрирует и натиск обеспечен.

Але — это еще не все. У окна острие осколка вибрируйте «Тилки выделены осколками» и натисните сохранение.Для чего в фотошопе отображается макет области с аватаркой и закріпити.

В папе куди взяли чуть-чуть то же самое.

Одиночный блок аватар и меню для группы Вконтакте

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

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

завершение

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

Корисні статистика по похожей тематике:

Кухонное видео (містімініт не звучит «фотошоп» чи ні)

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

Ставьте лайки, отправляйте комментарии, кидайте кексы или помодори в нашей группе

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

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

Ale, ваше настроение не будет привлекательным для всех, кто бы хотел там побывать? Думаю ничто !!! Итак, давайте украсим нашу группу ярким дизайном и начнем быть надежными. Прежде чем вы сможете начать открывать графику и наше меню Maybut, вам необходимо установить на свой компьютер программу Photoshop для настройки изображений. Багато для включения картинки нужен. Здесь справа, чтобы скин был виноват в меню, мы будем виноваты в установке морда баннера зебры.

Если вы хотите увидеть следующие пункты меню для сезона:

Просмотреть активные элементы;

Закройте представление заблокированной записи;

С окремимыми картинками или ярким летним изображением баннера и меню.

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

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

Закрыть меню поклонницы ВК

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

Тип меню, если мы шагаем:

Показать групповое меню (закрытый материал)

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

Як зробити — красивое меню для группы ВКонтакте: покроковая инструкция

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

Для аватара 200×332 пикселей;

Для главного баннера меню 395×282 пикселей.

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

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

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

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

Создайте новый холст в Photoshop с размерами 600×350 пикселей, так как мы победим как трафарет, напечатанный в новом открытом для наших изображений. Для роботов нам нужно перевести размеры всех элементов и линий в пиксели и следить за наступательным путем: «Redaguvati-installation-basic», а здесь также есть дисплей.

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

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

Maє viiti nasvne:

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

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

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

С этого же времени перехожу в Photoshop и открываю новый холст размером 400×300 пикселей.Всякий раз, когда вы выбираете что-то в раздаче: файл-публикация и выбираете картинку для фона меню.

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

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

Звериное уважение к тебе, но ты виноват:

Материалы обследованы в режиме «блокировка»;

Включены переговоры;

Папка с дисплеем фото для всех.

Теперь вы сможете настроить нашу страницу de, и она появится в меню. В целом мы переходим к главной стороне духа и вибрируем новые материалы и редагувати, называемые «НАШЕ МЕНЮ».

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

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

[]

[]

[]

[]

Porada: Важный момент — когда изображение защищено є вход виден.Используйте вставку «nopadding» перед размером изображения.

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

[]
de xxxxx — id вашей картинки
yyyyy — ширина в пикселях (не более 388)

Виноват в сумке гнать ось вот так:

[]

[]

[]

[]

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

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

http://vk.com/page-116682062_51411604?act=dedit&hid=183950676&section\u003dedit

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

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

Крок №1.

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

Крок № 2.

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

Крок № 3.

Сейчас, после публикации прессы, запишу натиск на час в нижней части записи и вибрирую «ЗАКРЫТЬ».

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

Думаю о структуре и оформлении изображения меню;

Robimo регулирует размер и форму всех изображений;

Вставлять фотографии в альбомы;

Отредактировал в редакции все рассказы и публикации о руководителях группы.

В результате роботы ось меню тоже видна.

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

ВАЖНО: Изменения в оформлении ВК в 2016 году, новые изменения внесены при открытии изображения и перед картинками про такие.

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

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

Прикреплю ролик для закрытия прочитанного -))).

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

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

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

Yakoyu maє buti avatar groupie?

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

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

Shukaєmo Готовлю картинку

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

Робимо аватар в помощь онлайн-редакторам

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

Аватар Робимо в «Фотошопе»

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

открыть мой аватар

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

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