Сегодня мы опять возвращаемся к теме оформления групп В Контакте. Ранее мы уже научились . Сегодня мы будем учиться делать графическое меню с закрепленным верхним баннером и ссылкой на внутреннюю страницу с пунктам расширенного меню. В общем то, на внутренней странице может быть любая информация. Особенно удобно там располагать, например каталоги с ассортиментом продукции. И у раскрывающегося меню и у закрепленного меню есть свои плюсы и минусы. Основной минус раскрывающегося меню — то, что он по умолчанию находится в закрытом состоянии. Но зато на нем можно разместить сразу несколько ссылок.
Закрепленное меню смотрится более эффектно за счет общего впечатления, но у него может быть только одна ссылка, ведущая либо на внутреннюю страницу Вконтакта, либо на внешний сайт (причем на внешний сайт ссылка будет идти не с картинки а с текстовой ссылки под картинкой). Также из очевидных минусов то, что на мобильных устройствах графическое меню представлено в виде обычной записи в ленте, стоящей сверху, а не в виде закрепленной рядом с аватаром. В общем, при выборе оформления стоит учитывать эти нюансы. Итак, давайте посмотрим, как создается закрепленное верхнее меню со ссылкой на внутреннюю страницу.
Оформляю группы Вконтакте
Качественный дизайн групп и пабликов ВК, закрепленное меню, раскрывающееся меню, внутреннее графическое меню, каталоги, внутренняя навигация — цены и портфолио .
Шаг 1
Создаем в фотошопе новый документ размером примерно 900х700 пикселей, заливаем его белым цветом. Теперь нам надо вырезать в слое два окна, через которые будет проглядывать собственно само графическое оформление. Сначала выделяем прямоугольник размером 200х500 пикселя (аватар) и нажимаем Del. Потом выделяем прямоугольник размером 510х352 (выравниваем по нижней линии аватара и делаем расстояние между фигурами 50 пикселей) и также нажимаем Del.
После очередного апдейта дизайна ВКонтактом (31.10.2016) размеры баннера стали 510х307 (а не 510х352).
Шаг 2
Теперь ниже белого слоя кладем какую-нибудь единую картинку, которая и будет составлять основу оформления.
Шаг 3
После этого дополняем картинку различными элементами — логотипом, текстовыми надписями и кнопкой, призывающей кликнуть по меню. Затем сохраняем на компьютере две отдельных картинки — одна аватар (справа), вторая меню с кнопкой кликнуть (слева).
Шаг 4
Также в фотошопе создаем графическое меню, состоящее из нескольких пунктов. Ширина этого меню должна быть 600 пикселей, высота по усмотрению, в зависимости от количества пунктов. В помощь используйте урок « «.
Шаг 5
Нарезаем наше меню на несколько горизонтальных полосок в соответствии с количеством пунктов меню. Сохраняем в виде отдельных файлов.
Шаг 6
Заходим в нашу группу Вконтакте, нажимаем «Управление сообществом» (при нажатии на три точки под автаром открывается выпадающее меню) и проверяем правильность установок. Группа должна быть открытая и материалы тоже открыты.
Шаг 7
Теперь загружаем новый аватар. Подводим мышкой к месту аватара и на всплывающем меню выбираем «Обновить фотографию». Загружаем правую фотографию из Шага 3, растягиваем область выделения вверх и вниз до краев картинки, нажимаем «Сохранить» и потом выбираем область для круглой миниатюры.
Шаг 8
Теперь нужно создать внутреннюю страницу. О том, как это сделать, подробно расписано в уроке . Еще один альтернативный способ создания внутренней страницы расписан в уроке « » в Шаге 5 и 6.
Шаг 9
После того, как мы создали внутреннюю страницу, можно перейти на нее. Для этого нужно нажать на раскрывающееся меню группы (по умолчанию этот пункт называется «Свежие новости» — я переименовала в «Меню») и там нажать на ссылку «Меню». После этого мы перейдем на вновь созданную пустую страницу.
Шаг 10
Теперь нам надо создать графическое меню из пяти пунктов. Для этого мы загружаем в альбом группы наши пять картинок из Шага 5. Мы нажимаем на значок фотоаппарата и загружаем нарезанные картинки с компьютера. Хранится картинки будут где-то на серверах ВКонтакта с привязкой к группе, поэтому создавать отдельный альбом для картинок-нарезок не обязательно. Загружать картинки нужно в режими Вики-разметки.
Шаг 11
Теперь в режиме вики-разметки мы будем создавать графическое меню. Очень важно создавать именно в режиме вики-разметки (иконка в правом верхнем углу из двух треугольных скобочек), а не в визуальном режиме редактирования. Подробнее о создании кода в вики-разметке рассказано в Шаге 4 и Шаге 5 урока « «. Там же приведен шаблон кода для вставки. Если все сделано правильно, то должно получиться готовое графическое меню, как на рисунке ниже.
Шаг 12
Теперь возвращаемся на главную страницу группы, берем урл нашей внутренней страницы (он должен быть такого вида https://vk.com/page-78320145_49821289) и вставляем в окошко, где создаются новости. Автоматически должно прикрепиться окошко со ссылкой на эту самую внутреннюю страницу. После этого мы подводим курсор к надписи «Прикрепить» и прикрепляем к записи фотографию, а именно нашу картинку слева из Шага 3. После этого стираем строку с урл внутренней страницы, оставив пустое место. Важно! На данном шаге надо поставить галочку (если есть такие права, в основном это касается групп с открытой стеной) в чекбоксе «От имени группы». Если эту галочку не поставить, то запись невозможно будет закрепить. В конце нажимаем «Отправить».
Шаг 13
Подводим курсор к трем точкам рядом с заголовком поста и в выпадающем окошке выбираем пункт «Закрепить». Соответственно также новость и открепляется, если необходимо.
Шаг 14
Есть один нюанс. Иногда, после того, как открепляешь новость, она уходит далеко вниз ленты, согласно дате создания, и бывает достаточно трудно вновь ее отыскать. Поэтому лучше сразу где-нибудь записать урл закрепленной новости. Для этого надо подвести курсор ко времени создания новости и нажать на ссылку.
Шаг 15
Теперь обновляем главную страницу группы. Наше графическое меню будет вверху соседствовать рядом с аватаром. А при нажатии на картинку, мы попадаем на внутреннюю страницу с меню из пяти пунктов.
Besides being memorable, .com domains are unique: This is the one and only .com name of its kind. Other extensions usually just drive traffic to their .com counterparts. To learn more about premium .com domain valuations, watch the video below:
Turbocharge your Web site. Watch our video to learn how.
Improves Your Web Presence
Get noticed online with a great domain name
73% of all domains registered on the Web are .coms. The reason is simple: .com is the where most of Web traffic happens. Owning a premium .com gives you great benefits including better SEO, name recognition, and providing your site with a sense of authority.
Here"s What Others Are Saying
Since 2005, we"ve helped thousands of people get the perfect domain name
- simple and easy to use. - Nick Collins, 10/25/2019
- I like hugedomains - Bo Pham, 10/23/2019
- I just bought my domain from Hugedomains.com after contacting them about something I was wondering about. They got back to me right away, and answered my question precisely. I chose a paymen tplan for my domain, and it went so smooth! I got everything in a very short time, and explanations about what to do. Thank you, I am very pleased! Best regards Herdis - Herdis Jenssen, 10/23/2019
- More
Обложка для группы Вконтакте – новый элемент оформления группы после редизайна. Кажется, что сделать одно изображение должно быть легко, но в то же самое время найти идеальный вариант довольно трудно.
Обложка Вконтакте является одной из первых вещей, которую люди будут видеть при посещении вашей группы. Именно поэтому так важно произвести хорошее впечатление на посетителя, передать четкое понимание тематики группы и заинтересовать.
В апреле 2017 года для сообществ стала доступна . Это абсолютно новая фишка и отличная возможность оживить (в прямом смысле этого слова) оформление своей группы, чтобы повысить эффективность и отдачу от продвижения.
Из этой статьи вы получите три вещи:
- Размер обложки для группы Вконтакте;
- Инструкцию, как создать обложку Вконтакте и как выбрать идеальную картинку;
- Примеры групп с качественными обложками.
Какой размер обложки для группы Вконтакте?
Оптимальный размер картинки для обложки Вконтакте может варьироваться. На компьютерах обложка отображается на 795 пикселей в ширину и 200 в высоту. На мобильных телефонах она пропорционально подстраивается под ширину экрана. Однако, Вконтакте рекомендует загружать картинку размером не менее 1590×400 пикселей.
Совет : Если вы нашли изображение, которое вам сильно понравилось, но его пропорции не совпадают с рекомендуемыми, вы все-равно можете использовать его! Загрузив эту картинку, вы сможете выбрать видимую область и обрезать все лишнее внутренними средствами Вконтакте.
При разработке дизайна обложки учитывайте, что на мобильных устройствах с шириной экрана менее 400px обрезается по 196px по краям изображения, так же примерно 83px занимают системные иконки телефона. Учитывайте удобство для мобильных пользователей. Вконтакте таких большинство.
Убедитесь, что расположенный на обложке текст достаточно читаем на экране мобильного телефона, когда обложка адаптируется под его ширину. Так же проверьте, что важные элементы на обложке не закрываются иконками меню и личные сообщения.
Ниже представлен наглядный пример, как выглядит обложка на компьютере, и указаны размеры от края до активных элементов группы.
Размеры обложки Вконтакте на компьютере
Как сделать обложку для группы Вконтакте
Если у вас есть какие-то дизайнерские навыки, создавайте свою собственную обложку с нуля, используя программное обеспечение, такое как Adobe Photoshop. Выбор данного пути позволит создать оформление для своего бизнеса таким, каким вы его себе представляете.
Если покупать и изучать Photoshop нет желания, то используйте онлайн сервисы. Вот . На данный момент это самый популярный сервис.
Шаблоны обложки для группы Вконтакте
Для того, чтобы помочь вам с разработкой дизайна, мы создали шаблон для обложки группы в ВК (1590x400px).
Озвучим несколько дополнительных деталей по работе с нашим шаблоном:
- При открытии шаблона вы увидите внешний вид вашего оформления. Вам не придется загружать обложку в группу, чтобы оценить, как она смотрится.
- Чтобы перейти к созданию своей обложки, кликните по слою «обложка» два раза. Так вы попадете внутрь смарт-объекта.
- Далее можете приступать к творчеству, все размеры указаны внутри.
Скачать этот и другие шаблоны можно в статье: .
Ваши фотографии
Мы понимаем, что все не могут быть дизайнерами. Но это не значит, что не все могут иметь красивую обложку сообщества ВК. Вот некоторые места, которые вы можете посмотреть, чтобы создать свою шапку, а также некоторые советы, показывающие, что этот подход может быть оправдан для вас и вашего бизнеса.
Например, если ваша группа посвящена книгам, то вы можете сфотографировать свои книжные полки и использовать это фото в качестве обложки. Этим вы сделаете намек на то, что вы увлекаетесь книгами, и можете ожидать, что другие фанаты книг отнесутся к этой фотографии хорошо.
vk.com/best_psalterium
Стоковые фотографии
Если у вас нет каких-либо личных фотографий, которые вы хотели бы использовать, поищите их на фотостоках (сайты с бесплатными изображениями), там вы сможете найти идеальный образ для обложки сообщества ВК. Моими любимыми сайтами для поиска красивых фотографий являются Unsplash и Pixabay .
Хотелось бы призвать вас изменять/улучшать все выбранные фотографии, чтобы сделать их более личными. Можете использовать инструментарий онлайн-редакторов Fotor, Pablo или Canva. Если хотите, вы можете улучшить даже свою фотографию с этими инструментами. Например, выберите одну из ваших любимых цитат и добавьте её поверх фото.
Как выбрать обложку
Теперь, когда мы знаем, как сделать обложку для группы Вконтакте, вопрос заключается в том, какое наполнение для неё выбрать? Есть фотографии, которые работают лучше, чем другие?
Рассмотрим некоторые важные моменты:
- Соблюдайте необходимые размеры обложки (1590px по ширине и 400px по высоте);
- Выбирайте изображения высокого качества;
- Не перегружайте изображение визуальными элементами;
- Выбирайте картинку для обложки, ориентируясь на общее оформление группы Вконтакте;
- Используйте изображения, которые являются оригинальными и имеют отношение к вашему бренду.
Какой тип изображений привлекает людей
Вот некоторые компоненты, которые делают изображения притягивающими:
- Эмоции : чувства заставляют людей действовать;
- Актуальность : в том числе и то, что соответствует интересам вашей аудитории;
- Цвета : выбор правильных цветов приводит к увеличению конверсии;
- Типографика : выбор правильного шрифта делает ваше сообщение ясным;
- Хештеги и текст : найдите правильные слова, которые спровоцируют вашу аудиторию на совершение целевого действия.
Эти компоненты могут быть применены при создании обложки сообщества Вконтакте, чтобы заставить людей чувствовать себя определенным образом или совершить конкретные действия.
Например, Coca-Cola на обложке использует общепринятый красный логотип с подписью «попробуй… почувствуй», а в качестве фона счастливую пару с напитком в руках. Это, конечно, в надежде заставить людей провести некую связь в сознании, что пить колу означает счастье. И это эффективно!
vk.com/cocacola
Куда смотрят люди?
Когда придумывают идеальную обложку, может быть интересно посмотреть на некоторые исследования. Мне удалось найти занимательную по этому вопросу. Она на английском, но кратко передам суть.
Было установлено, что если вы хотите привлечь внимание к конкретному элементу на изображении, то по принципу визуальной очереди взор изображенного на фото человека, смотрящего на элемент, будет направлять зрителя к тому месту. Это может быть интересным способом использования взгляда человека в обложке для группы Вконтакте.
Еще Kissmetrics обнаружили, что может быть эффективным добавление элемента, который «выскакивает» в обложке. Важно то, что такой элемент должен быть один и один, который призывает к действию.
В приведенном ниже примере, компания Electronic Arts знает это и ясно дает понять людям, что они могут купить новую игру FIFA17.
vk.com/easportsfifa
Нестандартное мышление
Обложки для группы Вконтакте стали отличным способом выразить себя, способом выделиться. Вот некоторые оригинальные способы.
Использование известной личности в оформлении популярного паблика про стартапы
Изменение обложки по поводу особых случаев, грядущих событий, акций или праздников
Использование обложки, чтобы отправить людей на свой сайт
Использование обложки, чтобы показать свое специальное предложение
Просьба посетителей вступить в группу или написать сообщение.
Примеры групп с качественными обложками
Теперь, когда мы знаем, как сделать хорошую обложку для группы Вконтакте, можно взглянуть на некоторые страницы, которые используют качественные и простые изображения. Надеемся, что вам удастся найти в них вдохновение.
vk.com/adsnews
vk.com/wbrussia
vk.com/sci_one
vk.com/businessgazeta
vk.com/cds
Потому как мы теперь занимаемся на заказ, то сможем ответить на ваши вопросы по дизайну социальных сетей, если они у вас появятся. Не стесняйтесь присылать их на нашу почту или пишите прямо здесь в комментариях. Вместе мы сможем сделать идеальную обложку для вашей группы Вконтакте и увеличить отдачу от прилагаемых усилий по её продвижению.
Здравствуйте, друзья! Если Вконтакте у Вас есть своя группа или публичная страница, то после обновления социальной сети Вы, наверняка, заметили, что в других вместо аватарки стоит вверху изображение. Что это такое и как сделать себе такую шапку в сообществе? Вот с этим вопросом мы и будем разбираться в данной статье.
Картинка, которую Вы можете поставить в шапке своей группы, называется обложка. Она интересней смотреться, чем аватарка, поскольку расположена вверху страницы и привлекает внимание посетителей.
Все что потребуется – это загрузить графический файл нужного размера в настройках. В дальнейшем, Вы с легкостью сможете загрузить новое изображение, редактировать или удалить установленное. Если Вам не понравится шапка, всегда можно снова вернуть для нее аватарку.
Какие размеры для обложки
Перед тем, как поставить обложку для группы в вк, лучше заранее подготовить картинку. Это может быть название сообщества или логотип фирмы, компании для которой она была создана и прочее.
Выбранный файл должен быть определенного размера. Это может быть или 795x200px, или 1590x400px.
Если выберите изображение меньшего размера, то оно некрасиво будет отображаться на больших экранах компьютеров и ноутбуков. Такой размер больше подходит для телефонов и планшетов.
Как сделать картинку в шапке группы вк
Итак, нам нужно убрать аватарку в своей группе, и сделать для нее обложку вверху страницы.
Перед тем, как соберетесь загрузить нужное изображение, сначала потребуется его сделать, используя те размеры, которые я указала в первом пункте.
Чтобы создать картинку, я воспользуюсь Adobe Photoshop. Вы можете взять любую другую программу, которая позволит сделать нужный размер.
Создаю новый файл размера 1590x400px и вставляю в него нужную мне картинку. Дальше сохраняю его, но не обычным способом, а выбрав пункт «Save for Web & Devices». Обратите внимание на размеры сохраняемого файла. Дальше нажимаю «Save».
Если пользуетесь другой программой, тогда сохраняйте обычным способом – или «Сохранить», или «Сохранить как». Формат изображения должен быть *.jpg, *.gif, или *.png.
После того, как обложка будет готова, под аватаркой нажмите на три горизонтальные точки и выберите из выпадающего меню пункт «Управление сообществом».
Справа в меню должна быть открыта вкладка «Настройки». Теперь в разделе «Основная информация» в поле «Обложка сообщества» нажмите на слово «Загрузить».
Обратите внимание, он должен быть определенного размера: 1590х400, и формата: *.jpg, *.gif, *.png.
Найдите через открывшееся окно проводника картинку, которую только что сделали, выделите ее и нажмите «Открыть».
Подождите, пока она загрузится. Затем, используя маркеры в углах, можно указать, какая область будет отображаться на странице. Нажмите «Сохранить и продолжить».
После того, как обложка будет загружена, вернитесь к главной странице своей группы.
Теперь у Вас вверху красивое изображение, которое будет привлекать посетителей.
Если навести на обложку курсор, то в правом верхнем углу появятся три значка. Вы сможете загрузить новую картинку, редактировать выбранное изображение или удалить его со страницы группы.
Если же Вам не понравилось, как выглядит группа с такой оболочкой, снова зайдите в «Управление сообществом», и в поле «Обложка сообщества» нажмите «Удалить». Изображение будет убрано со страницы, и Вы снова можете поставить аватарку.
На этом все. Думаю, Вам понравится, как выглядит сообщество с новой шапкой. А мы будем ждать, когда появятся новые функции Вконтакте, чтобы Вам про них рассказать.
До прошлого года в социальной сети ВК были сплошные аватарки и баннеры, подбирать которые было сложно и неудобно. Многие из красивых картинок приходилось подгонять под определенные размеры, но и не все они выглядели достойно – растягивались, сжимались и выглядели «печально».
С прошлого года произошло революционное изменение, которое повлекло массу негатива. Но со временем многие поняли, насколько это удобно, ярко и креативно. Ведь легко можно подобрать стандартную или же оригинальную картинку, а не простецкий баннер.
Теперь после загрузки обложки под ней располагаются надпись с названием сообщества, миниатюрка вашего изображения, а также несколько функциональных кнопок «написать сообщение» и «вступить в группу, а с правой стороны находятся панелька управления группой.
Сегодня наш сайт предлагает готовые обложки для сообществ ВК, которые отличаются яркостью, привлекательностью и имеют эксклюзивное исполнение. В каталоге все категории структурированы по названиям, а также есть возможность подбора по цветам. Поэтому ассортимент не придется перелопачивать и выискивать хорошие обои из тысячи фото.
Загрузись по полной
Установить готовые обои в ВК – просто. Вам не придется подгонять фотки, просто скачайте понравившуюся картинку с нашего сайта, затем откройте социальную сеть, свою группу.
Вообще, об установке обоев для группы необходимо подумать заранее – еще до выхода вашего сообщества в свет, потому что именно дизайн будет запоминаться посетителям в первую очередь. Он станет для вас визитной карточкой, которую будут с легкостью узнавать. Но поменять оформление легко и в действующей группе. И если вы пришли на наш сайт, то не сможете уйти без эксклюзивных обоев.
Только самое лучшее – для вас
Все наши обложки – единственные в своем роде картинки, они отличаются глубиной проработки образов и повышенной четкостью, Фото, представленные вашему вниманию на сайте, имеют размер 795*200 или же 1590*400 пикселей (предназначены для экранов повышенной четкости), что обеспечивает удобство установки в качестве оформления группы.
При этом нет никакой навязчивой рекламы с кричащими, прыгающими картинками. Обои быстро устанавливаются и не требуют специальных знаний по установке. С нами – комфортно. У нас нет регистрации и платных услуг, все скачивается без каких-либо дополнительных сложностей. Мы постоянно дополняем нашу коллекцию модными яркими картинками, которые понравятся молодым и активным, приверженцам классики и любителям оригинальности.
Наши обои для ВК подходят для серьезных групп с бизнес тематикой, для развлекательных обществ, для молодых, набирающих обороты команд, а также для тех, кто уже занял свою позицию в социальном сообществе. Главное, помните, какая цель у группы – продавать какие-либо товары, информировать своих подписчиков об интересных фактах или же развлекать. Это позволит уравновесить ассоциативный ряд между картинкой дизайна и направлением «работы» сообщества, а не сталкиваться с ситуацией, когда серьезная бизнес группа имеет устрашающего гоблина на аве.
Обложки для групп ВК – это о личный способ самореализации. С установкой эксклюзивного фото вы сможете эффектно выделиться на фоне остальных, показать свой безукоризненный вкус, привлечь большее количество людей в свое сообщество. А с ростом аудитории сможете увеличить доходы.
Не стоит медлить – скачивайте, загружайте и пользуйтесь с удовольствием.
