Создание фона для меню группы ВКонтакте – практические рекомендации и советы
Красиво оформленная группа ВКонтакте – это неочевидный, но очень важный показатель статусности компании, повышающий доверие пользователей. Эта социальная сеть предлагает не так много вариантов персонификации группы или сообщества: аватар, меню, обложка, брендированные изображения – пожалуй, на этом все. Безусловно, работать над всеми этими пунктами стоит вместе, и начать мы предлагаем именно с меню, как с самого сложного в оформлении элемента.
Чтобы ваше меню ВКонтакте получилось не только функциональным и удобным, но и внешне привлекательным, для его создания используйте фотоизображения или, говоря специальным термином, фон. Конечно, идеальным решением является использование в качестве фона для меню группы ВКонтакте элементов фирменного стиля из бренд-бука: логотипа, шрифтов, цветовой гаммы и даже корпоративного героя — при его наличии. Ведь ваша группа ВКонтакте – это еще один канал взаимодействия с вашими потребителями, поэтому ее внешний вид и содержание должны соответствовать общей маркетинговой политике компании.
Как сделать фон для меню ВКонтакте
Чтобы сделать фон для меню группы ВКонтакте своими руками, вам потребуется обладать хотя бы минимальными навыками работы в графических программах, а также уметь работать с вики-разметкой. И, конечно, результат работы зависит от вашей креативности!
Несколько практических рекомендаций:
И еще несколько советов, которые помогут сделать фон для меню ВКонтакте красивым и качественным:
- Используйте изображения с высоким разрешением;
- Применяйте элементы фирменного стиля;
- Избегайте изображений со множеством рисунков и элементов, помните, что акцент должен быть на тексте кнопок;
- Нарисуйте крупную кнопку «открыть меню»;
- Совмещайте аватар с фоном;
- Избегайте перегруженности фона.
Помните, что встречают по одежке, и меню — первое, что видит пользователь, зашедший в вашу группу, поэтому его стильное и аккуратное исполнение — первый шаг на пути к приобретению новых подписчиков. Читайте продолжение статьи как сделать меню ВКонтакте в фотошопе, подключайте свою фантазию, и у вас все получится!
Оформление сообществ
Ваше «лицо» в сети узнаваемо
Визуальные образы работают на укрепление доверия
Ваши посты и объявления выделяются в ленте пользователя
Подробная инструкция по оформлению фона в видео:
Также для создания меню вы можете воспользоваться специальными онлайн-сервисами, в этом случае вам не понадобится опыт работы в Фотошопе и знание вики-разметки.
Видео на тему:
- https://www.youtube.com/watch?v=dGuhK79xxYs
- https://www.youtube.com/watch?v=PE2tfFgXcpc&spfreload=10
- https://www.youtube.com/watch?v=Sw8msnr8kTU
Мы также пишем отличные материалы в других соц. сетях, подписывайся!
Как создать обложку для группы в ВК
Как создать обложку для группы в ВК
Создать обложку для группы в ВК достаточно просто. Для этого в личном кабинете Графического редактора Canva , в любом поиске вводим нужное нам название шаблона. Необходимые размеры там уже встроены. Для каждого шаблона — свой размер.
Если Вы не знакомы с этим онлайн-редактором можете посмотреть статью Графический редактор Canva. Обзор личного кабинета. Или выбрать другую статью нажав метку Canva
Выбрав нужный дизайн и перейдя в редактор — создайте сразу несколько шаблонов. Это делается с помощью кнопки Добавить страницу.
В чистые страницы добаьте понравившиеся изображения из вкладки Шаблоны. Именно с ними Вы и будете работать, чтобы создать обложку для группы в ВК. Меняя и удаляя в них ненужные элементы.
Обратите внимание, что в некоторых шаблонах Вам будут попадаться платные элементы. Их можно будет удалить или поменять на другие, бесплатные.
Например, платный фон можно сменить тремя способами:
- просто удалить фон и залить его любым цветом;
- выбрать во вкладке Фон бесплатное изображение;
- выбрать для фона изображение из своих Загрузок.
Загрузки
Платные изображения находящиеся в рамках меняются через вкладку Фото или Загрузки.
Вообще, свои загруженные изображения Вы можете использовать в любых вариантах редактирования. Что бы найти фото по нужной теме пользуйтесь Поиском. Им можно пользоваться в любом открытом разделе редактора: шаблоны, фото, фон, элементы и т.д.
Изображения
Выбрав фото, Вы протягиваете его на изображение, которое хотите поменять. Меняется оно автоматически — изображение просто втягивается в рамку.
Сдвинуть картинку можно с помощью двух щелчков мышью или кнопкой Обрезка. Картинка становиться подвижной и её можете увеличить/уменьшить или передвинуть на более выгодный фрагмент (если картинка больше рамки). После этого, нажмите Готово или щелкните мышью в любом месте, где нет редактируемого изображения.
Так же, к картинкам можно применить Фильтр и Настройки.
Можно поработать с яркостью, контрастом, оттенками.
С помощью кнопки Перевернуть можно развернуть картинку вертикально или горизонтально. Эта кнопка больше подходит к элементам, но и с фото бывает очень полезной.
Если Вам не нравиться рамка в выбранном дизайне — выбирайте другую.
Перейдите в раздел Элементы, прокрутите вниз до названия Рамки — откройте Показать все и выберете нужную.
Так же, в разделе Элементы находятся и другие разности — смотрите и выбирайте, что Вам хочется использовать в своем дизайне.
Шрифты
А, вот со шрифтами будьте внимательны, платные шрифты — это платные. Загрузить свои или использовать платные можно только в платной версии. Но, и в бесплатной версии есть очень много шрифтов.
Нажимая кнопку Назад — Вы переносите изображение за стоящее за ним фото.
Нажав На задний план — Вы переносите изображение назад за все изображения, имеющиеся в этом месте. Тоже самое и с кнопками Вперед.
Группировка изображений
Для удобства работы можно закрепить несколько элементов — создав таким образом один. Так будет намного удобнее их передвигать. Например: надпись и фон для надписи.
Для этого — выделите один из элементов обычным способом, зажмите клавишу Shift и выделите другие нужные элементы. После этого, в панели редактирования нажмите кнопку Группировать. Все, теперь Ваши несколько элементов стали одним.
Если Вы не хотите их никуда передвигать — воспользуйтесь Замком. Но помните, закрыв элемент на замок — Вы не сможете с ним работать пока не откроете его (ни передвинуть, ни написать).
По необходимости можно и разгруппировать любые элементы. Для этого надо выделить группу элементов и в панели редактора нажать на кнопку Разгруппировать (она находится там же, где и кнопка Группировать).
Кнопка меняет название в зависимости от того, что перед ней находится: если это группа элементов — будет Разгруппировать, если один элемент — Группировать.
Создать обложку для группы в ВК да и, вообще, любой другой дизайн — достаточно легко. Редактор Canva предоставляет очень много инструментов для этого. Всё зависит от Вашей фантазии. Здесь даже не надо беспокоится за размеры изображений — достаточно выбрать нужный из предлагаемых.
На этом и завершаю статью.
likeheartlaughterwowsadangry
0
самое подробное руководство в рунете
*Обновление статьи.
Красивое оформление сообщества «ВКонтакте» – это не прихоть, а важный элемент, формирующий доверие пользователей к вам и вашей компании. Если публичная страница или группа оформлена непрофессионально, ваши потенциальные клиенты вполне логично могут сделать вывод о том, что вы и к своей работе относитесь так же халатно. Чтобы этого не происходило, позаботьтесь о том, чтобы ваша страница «ВКонтакте» была красивой, аккуратной и удобной в использовании. Как это сделать? Читайте ниже.
Главное, учитывайте – оформление групп и аккаунтов только часть целого комплекса работ по продвижению в соцсетях. Без SMM-стратегии, качественного контента, грамотной рекламы и комьюнити-менеджмента нельзя надежно отстроиться от конкурентов и завоевать целевую аудиторию.
Актуальные размеры изображений «ВКонтакте»
Некоторое время назад разработчики социальной сети «ВКонтакте» запустили новый дизайн. Это привело к тому, что изменились размеры и принципы отображения изображений. Памятка, которая будет приведена ниже, соответствует всем нововведениям и содержит в себе размеры, актуальные на данный момент времени.
А теперь давайте более подробно по каждому пункту.
Размер аватара ВК
Минимальный размер аватара – 200 на 200 пикселей. Если вы постараетесь загрузить изображение менее 200 пикселей в ширину или в длину, вы увидите вот такую ошибку:Максимальный размер аватара – 200 на 500 пикселей. Но, в принципе, можно загружать изображения и большего размера – до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их сторон не превышало 2 к 5.
Покажу на примере.
У меня есть изображение. Его размер: 200 на 800 пикселей (соотношение 2 к 8). При загрузке не возникает никаких ошибок. Однако использовать это изображение я все равно не могу, т. к. «Контакт» не позволяет мне выделить его полностью.
Обложка
Размер обложки для полной версии сайта — 1590 на 400 пикселей.
Обратите внимание: в мобильной версии и приложениях отображается не полная версия обложки, а только ее часть размером 1196 на 400 пикселей. Посмотрите, как она обрезается в приложении на мобильном:
Чтобы этого не происходило, располагайте основные элементы вашей обложки в пределах 1196 на 400 пикселей.
Прикрепленные изображения
В обновленном дизайне «Контакта» ширина ленты новостей стала фиксированной. Это значит, что изображения, прикрепленные к посту, больше не растягиваются, а остаются такими, какие они есть. Поэтому, если вы хотите, чтобы ваше изображение полностью заняло отведенное ему место в ленте новостей, его ширина должна быть не менее 510 пикселей. Лучше всего, чтобы это был квадрат или прямоугольник в альбомной ориентации.
Звучит слегка запутано 🙂 Поэтому покажу на примере.
Допустим, у нас есть изображение квадратной формы со сторонами 510 пикселей. Если мы прикрепим его к нашей записи, оно будет очень хорошо смотреться в ленте новостей на всех устройствах:
А вот так смотрится горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):
Как вы видите, чем уже изображение (по высоте), тем мельче оно смотрится в ленте смартфонов. Чтобы убедиться в этом, посмотрите на картинку ниже:
Понятно, что разница здесь не особо критична, и пользователи смартфонов все равно рассмотрят ваше изображение, просто во втором случае им будет немного комфортней.
Изображения к постам со ссылкой
Изображения к постам со ссылкой – это изображения, которые автоматически «подтягиваются» к посту, когда вы вставляете в него ссылку. Вот как это выглядит:
Все эти данные берутся из кода разметки Open Graph:
Если Open Graph не прописан, заголовок берется из метатега Title, а изображение – из статьи. При этом, его можно легко изменить – либо выбрать другое изображение из статьи с помощью специальных стрелочек:
Либо загрузить свое:
Минимальный размер изображения, которое вы можете использовать в качестве анонса к вашей статье, – 537 на 240 пикселей. Однако вы можете загружать и более крупные изображения, если будет соблюдена пропорция.
Картинка для статьи, созданной в редакторе
Размер изображения для обложки статьи, созданной в редакторе, — 510 на 286 пикселей. Лучше, если она будет темного цвета и более или менее однотонная, т. к. на светлом фоне теряется название статьи и сообщества.
Хороший пример:
Не очень хороший пример:
Как работает умная лента, раздел «Рекомендации» и алгоритм «Прометей»: уникальная информация от команды ВКРазмер фото и видео для историй
Размер для фотографий — 1080 на 1920 пикселей. Размер для видео — 720 на 1280 пикселей.
Технические характеристики для видеозаписей:
- до 15 секунд;
- не больше 5 МБ;
- кодек h.264;
- звук AAC.
В историях необходимо использовать фото и видео вертикального формата.
Обратите внимание: истории от лица сообществ на данный момент могут добавлять только крупные сообщества, для которых разработчики «ВКонтакте» открыли эту функцию. И делается это с помощью официального приложения. С компьютера это сделать нельзя.
Кстати, в феврале VK предоставил новый формат объявлений – «Реклама в историях».
Размер обложки для фотоальбома
Рекомендуемый размер изображения для обложки альбома — 1200 на 800 пикселей. Учитывайте, что в мобильной версии нижняя часть обложки будет отображаться меньше на 200 пикселей.
Размер картинки для видео
1280 на 720 пикселей.
Вики-страница
Ширина области контента у вики-страницы составляет 607 пикселей. Если вы будете загружать картинку большего размера, она автоматически загрузится размером 400 пикселей в ширину. Пример: у меня есть изображение размером 1366 на 768. Если я его добавлю на вики-страницу, получится вот что:
Чтобы изменить размеры картинки, по ней нужно кликнуть и установить нужные значения:
О том, как работать с вики-страницами, я подробно расскажу чуть ниже. Поэтому здесь останавливаться на этом моменте не будем.
А вот полезное видео для тех, кто продвигается в ВК, порекомендую. Если вы ведете блог и анонсируете новые статьи в соцсетях, обязательно посмотрите. В нем 12 приемов, которые помогут вам делать такие анонсы, мимо которых никто не пройдет мимо.
Посмотрели? 🙂 Тогда поехали дальше!
Как сделать так, чтобы изображения «ВКонтакте» не ужимались? Влияние фона и размера на качество картинки.
Если вы когда-нибудь пробовали загружать изображения «ВКонтакте» (неважно, была ли это картинка на аватар или просто фотография с вашего путешествия), то наверняка уже знаете о том, что они имеют свойство ужиматься. Особенно это заметно на темном (и особенно, на красном) фоне и когда у картинки не слишком большой размер. Пример:
Как сделать так, чтобы качество картинок не портилось?
Чтобы изображение не ужималось (точнее, ужималось, но в гораздо меньшей степени), необходимо делать его в 2–3 раза больше нужного размера. Например, если нам нужно сделать аватар размером 200 на 500 пикселей, берем картинку размером 400 на 1000 пикселей. Если нужно сделать меню размером 510 на 400 пикселей, берем – 1020 на 800.
Изображение на темно-синем фоне, которое я привела чуть выше, имеет размер 510 на 350. Я сделала его в два раза больше (1020 на 700) и сохранила. Вот, что из этого получилось:
Как это исправить? Ответ очень прост – нужно выбрать другой фон. Дело в том, что на темном фоне пиксели видны лучше, чем на светлом. Поэтому, если вы хотите добиться идеального качества (хотя картинка выше уже выглядит вполне нормально), то нужно слегка изменить цветовую гамму. Например, фон сделать белым, а текст – синим:
Как оформить шапку страницы
Шапка вашей публичной страницы или группы – это первое, что видят пользователи, которые заходят к вам в гости. В большинстве случаев в этом месте размещают навигационное меню по материалам паблика, какие-то интересные посты или важные объявления. Давайте рассмотрим на примерах, как различные компании используют это пространство.
Обложка
Не так давно «ВКонтакте» ввели обновление – теперь на страницы можно загружать большие и красивые обложки (1590 на 400 пикселей). Чтобы сделать это, перейдите в настройки и нажмите кнопку «Загрузить».
На обложке вы можете разместить все, что угодно: начиная с названия и девиза вашей компании, заканчивая всевозможными акциями, предложениями и даже конкурсами.
Примеры динамических обложек:
Живые обложки «ВКонтакте»
Показываются только в мобильных приложениях для Google и Apple. Можно загрузить до 5 фотографий или коротких видео. Такие обложки крупнее обычных шапок в несколько раз, а при клике они раскрываются практически на весь экран. Можно показывать видео со звуком.
Вот пример от сообщества «PlayStation Россия»:
Как добавить? Зайдите через браузер сообщество, нажимаете «Упаравление», выбираете «Добавить обложку» и загружаете до 5 видео/картинок. Если не хотите, чтобы во время показа слайдов обложки масштабировались, то отключите опцию «Показывать фотографии в движении». Рекомендуемое разрешение 1080×1920, вес видео до 20 МБ, длительность – до 30 секунд.
Как добавит живые обложки в шапку мобильной версии
Обложка + описание сообщества + ссылка на сайт
Некоторые компании специально не закрепляют в шапке никаких постов, чтобы у пользователей была возможность прочитать основную информацию о странице и сразу перейти на сайт.
Описание с хэштегами
Некоторые компании добавляют в стандартное описание страницы хэштеги, которые ее характеризуют. Делается это для того, чтобы у страницы была более четкая релевантность, и чтобы за счет этого она находилась выше в поиске по соответствующим запросам. Честно говоря, я не знаю, работает этот способ или нет. Кейсов на эту тему я не встречала, поэтому если кто знает, буду благодарна, если поделитесь ссылочкой.
Как работают хештеги в разных социальных сетяхЗакрепленный пост, рассказывающий, о чем страница
Если вы хотите рассказать о своей странице более подробно (с фотографиями, ссылками и красивой версткой), то вы можете прикрепить к шапке вики-пост или статью, сверстанную в редакторе, с яркой картинкой на анонсе, которая будет призывать пользователей кликнуть по ней. Пример такого поста:
А вот что видит пользователь после того, как он кликнет по ссылке:
Новое меню ссылок
Не так давно разработчики «ВКонтакте», наконец, порадовали владельцев сообществ новым инструментом, с помощью которого можно создавать меню – быстро и без всяких мучений с вики-страницами. Оно выглядит несколько примитивно, поэтому о том, как создать красивое меню, я тоже расскажу.
Меню появляется автоматически, если вы используете приложения сообществ или у вас подключен магазин. Например, на предыдущей картинке все три пункта меню – ссылки на приложения. Вы можете добавлять сюда свои – на важные записи, альбомы, обсуждения и т. д., до 7 штук (не считая приложения). Но ссылаться можно только на ресурсы внутри соцсети, кроме вики-страниц.
Чтобы отредактировать меню, нажмите на «Настроить» в правом верхнем углу виджета:
Чтобы добавить пункт меню, нажмите «Новая ссылка».
В раскрывшемся окошке выберите обложку (минимальный размер – 376х256 px), введите название пункта меню (важно уложиться в 20 символов с пробелами), добавьте ссылку и нажмите «Сохранить».
Если вы хотите скрыть приложение из меню, поменять его заголовок или обложку, нажмите «Изменить» напротив соответствующего пункта. То же самое можно делать с остальными ссылками, которые добавлялись вручную и требуют корректировки.
На выходе должно получиться что-то вроде этого:
Меню группы открытое
Открытым меню я называю такое меню, по которому сразу видно, из каких пунктов оно состоит. То есть картинка-анонс вики-поста полностью дублирует его содержимое. Таким образом, пользователи сразу видят то, что их ожидает внутри. Покажу на примере.
Вот как выглядит закрепленный пост в шапке страницы Flatro:
А вот что мы видим, когда кликаем по нему:
Меню группы закрытое
Закрытое меню – это тот же самый вики-пост, как и в предыдущем пункте, только на анонсе стоит картинка, на которой нет пунктов меню. Обычно на ней пишут: «Меню», «Навигационное меню» или «Навигация по материалам паблика».
А вот что мы видим, когда кликаем по нему:
Кстати, стоит отметить, что это далеко не единственные варианты. По сути, на этой картинке вы можете написать все, что угодно. Главное, чтобы пользователю хотелось по ней кликнуть, и он понимал, что его после этого ждет. Пример:
Слитное меню для группы
Слитное меню – это когда картинка на анонсе вашего меню составляет с аватаром одно изображение. Чуть ниже я подробно расскажу, как сделать такое меню, а пока просто посмотрите, как это красиво выглядит.
Хотите красиво оформить свое сообщество «ВКонтакте», но нет необходимых навыков? Закажите оформление в нашей компании. Подготовим для вас аватар, обложку, шаблоны для рубрик, меню и превью товаров.
Гифка и аватар одним изображением
А вот этот вариант оформления шапки меня действительно сильно восхитил. Автоматически проигрываемая гифка сливается с аватаром в единую композицию и приковывает внимание пользователей, даже несмотря на то, что на ней нет вообще никакой информации.
Кстати, этот пример я подсмотрела в группе SMM-маркетолога Сергея Шмакова. Так что, за находку выражаю ему благодарность 🙂
Что такое таргетинг «ВКонтакте» и как его настроить: руководство для новичковСкрытое меню
Скрытое меню доступно только для групп (у страниц такого функционала нет). Чтобы его увидеть, нужно кликнуть по соответствующей ссылке. Плюс этого способа оформления заключается в том, что пользователям видна основная информация сообщества, а если они захотят воспользоваться меню, им достаточно сделать всего один клик. Однако здесь есть и небольшой минус – не все пользователи знают о существовании данной функции, поэтому ваше меню может получить меньше внимания, чем если бы оно было закреплено в начале страницы.
Автоматически воспроизводимое видео
В конце ноября 2015 года в социальной сети «ВКонтакте» появилось интересное нововведение – как только пользователь заходит на вашу страницу, видео, прикрепленное к шапке, начинает воспроизводиться автоматически. С помощью этого приема вы сможете привлечь еще больше внимания пользователей (особенно тех, кто впервые зашел на вашу страницу), и при этом, не раздражать тех, кто не любит, когда ему навязывают свой контент, ведь видео воспроизводится без звука и практически не мешает.
Как добавить такое видео в шапку своей страницы?
Для этого нужно выполнить три условия:
- Прикрепить ролик к записи и закрепить эту запись вверху сообщества.
- Кроме ролика, к записи больше ничего не должно быть прикреплено. Только видео и текст по желанию.
- Видео должно быть загружено «ВКонтакте» – сторонние плееры не поддерживаются.
Запись, которая получает много репостов
Еще один способ продуктивно использовать место в шапке вашей страницы – это закрепить в нее один из своих самых удачных постов – тот, который уже набрал и продолжает набирать большое количество лайков и расшариваний. Зачем это делать, думаю, всем понятно – чем больше репостов, тем больше охват, тем больше подписок получает страница.
Анонсы новых клипов, альбомов, мероприятий
Презентация новых товаров/услуг
Скидки и акции
Кейсы, отзывы клиентов
Реклама приложения
Розыгрыши
Правила сообщества
Ссылки на другие соцсети
Я перечислила далеко не все варианты оформления шапки. По сути, на обложке и в закрепленном посте вы можете размещать любую информацию: вакансии, объявления, ссылки на самые продаваемые товары и т. д. Так что не ограничивайтесь примерами, приведенными выше. Включайте фантазию и используйте оформление вашего сообщества для достижения ваших целей.
Как сократить ссылку: обзор 11 сервисовКаким должен быть аватар
Аватар – это не только красивое изображение с логотипом вашей компании, а рабочий инструмент маркетолога, с помощью которого он добивается поставленных целей. Давайте разберем во всех подробностях, каким он должен быть, чтобы привлекать внимание пользователей и побуждать их к выполнению целевого действия. Начнем с миниатюры.
Миниатюра аватара
- Текст на миниатюре аватара должен быть достаточно крупным, чтобы его можно было прочитать.
- Текст не должен выходить за пределы миниатюры.
- Пользователям должно быть понятно, что изображено на аватарке.
- По возможности лучше не использовать стоковые изображение, т. к. они часто понижают доверие к компании.
- Нежелательно, чтобы миниатюра аватара была слишком блеклой и скучной, иначе она будет теряться на фоне более ярких аватарок конкурентов.
- Если вы хотите, чтобы ваша аватарка выглядела современно, сделайте ее в стиле минимализм: поменьше текста, теней, градиентов и не несущих никакой смысловой нагрузки элементов. Ваша аватарка должна быть максимально простой и аккуратной. Этот стиль сейчас в тренде.
- Если перед вами стоит цель привлечь внимание пользователей и выделиться на фоне других аватарок в ленте, придется включить фантазию. Подумайте, на что вы сами обращаете внимание, когда ищете интересные сообщества? Вот меня, например, уже который раз привлекают аватарки с горящим огоньком, который обычно указывает на то, что пришло новое сообщение. Это очень старый прием, но на меня он почему-то до сих пор воздействует – когда вижу подобный огонек, обязательно задержу на нем взгляд.
Я не утверждаю, что этот прием будет работать и с вашей страницей. Мысль, которую я хочу донести, заключается в том, что способов выделиться очень и очень много, просто нужно задаться этим вопросом и проявить немного креативности. Вот, например, еще одна интересная идея, до которой я сама вряд ли бы додумалась:
Аватарка представляет из себя черный круг: большой и маленький. Казалось бы, зачем вообще это делать? Но когда листаешь список сообществ, такие аватарки приковывают к себе внимание, потому что они сильно отличаются от всех остальных.
KPI в SMM: 30+ метрик эффективности маркетинга в социальных сетяхКакую информацию можно разместить на миниатюре аватара
Несмотря на то, что миниатюра аватара имеет очень маленький размер, ее можно (и нужно) использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Давайте рассмотрим несколько вариантов:
Анонс нового продукта/услуги/события
Преимущества компании/сервиса/страницы
Номер телефона компании
Выгодные цены
Бесплатная доставка
Кстати, очень часто информацию о том, что компания предоставляет бесплатную доставку, добавляют и в само название группы, чтобы пользователи точно обратили на него внимание.
Акции
Конкурсы
Вакансии
Ну а дальше сами 🙂 Подумайте, какой цели вы хотите добиться с помощью аватара, и действуйте. Вдохновения я вам уже подкинула.
Каким должен быть сам аватар?
Я рассмотрела, какой должна быть миниатюра аватара и какой текст на ней можно разместить. А теперь давайте перейдем к самому аватару. Полная версия аватара будет отображаться только в том сообществе, в котором не установлена обложка. Именно для таких случаев я и написала этот раздел. Итак, каким должен быть аватар вашего сообщества, чтобы пользователи сразу поняли, что ваша компания подошла к созданию страницы ответственно и профессионально.
- Аватар должен быть качественным. О том, как этого добиться, я писала чуть выше. Для тех, кто пропустил эту часть, скажу вкратце – размер аватара должен быть в 2–3 раза больше того, что вы запланировали.
- Желательно, чтобы аватар сочетался с меню: был такой же цветовой гаммы, имел те же самые шрифты, элементы и т. д. Благодаря этому шапка вашей страницы будет выглядеть более аккуратно и профессионально. Пример:
- Сам аватар и миниатюра аватара могут быть разными. Например, вы можете нарисовать на аватаре круг, оформить его так, как вам нравится, выбрать эту область в качестве миниатюры, а остальную часть аватара выполнить в другом стиле.
- Для того чтобы побудить пользователей подписаться на вашу страницу или написать сообщение представителю компании, вы можете разместить в самом низу аватарки соответствующий призыв к действию и сопроводить его указывающей на кнопку стрелочкой.
- Старайтесь не размещать на аватаре слишком много информации, иначе он будет смотреться перегруженным и неопрятным. Добавьте на него только самые важные пункты и обязательно убедитесь, что между ними есть «воздух».
Еще один вариант – поделить аватар на две части. Одна – для миниатюры, а вторая – для остальной части аватара.
Какую информацию можно разместить на аватаре?
По сути, на аватаре можно разместить все, что угодно. В отличие от миниатюры, здесь действительно есть где разгуляться. Главное, не злоупотребляйте этим 🙂
Домен сайта
Телефон/адрес/время работы
Конкурсы/акции
Самые покупаемые товары/новинки
Информация о доставке
Реклама мобильного приложения
Главные преимущества компании/страницы/товара и т. д.
Обновление ассортимента/новое творчество и т. д.
Информация о том, что ваше сообщество является официальным
Информация о предстоящих мероприятиях
Адреса аккаунтов в других социальных сетях
Расширенное описание страницы
Хвасты
Вообще, на аватаре можно размещать абсолютно любую информацию. Я привела лишь некоторые идеи, чтобы вы могли посмотреть, что делают другие, и вдохновиться их примерами. Ну, и держите в голове основные рекомендации: аватар должен быть качественным, шрифт – крупным, а между элементами побольше «воздуха».
Как создать слитные аватар и меню
Для того чтобы сделать слитные аватар и меню, вам потребуется программа Adobe Photoshop или ее аналог. Я буду объяснять весь процесс на примере «Фотошопа». Итак, поехали.
- Скачайте шаблон для «Фотошопа», который я специально подготовила для этой статьи. В обычном размере (меню – 510 пикселей в ширину, аватар – 200) или в увеличенном (меню – 1020 пикселей в ширину, аватар – 400).
- Откройте изображение, которое вы хотите взять в качестве основы.
- Скопируйте его, вставьте в шаблон и расположите его так, как вы бы хотели его разрезать.
- Добавьте эффекты, текст, графику и т. д.
- Если вы не хотите, чтобы терялась часть изображения (в том пробеле, который составляет 50 пикселей), сдвиньте ее вправо так, как показано на следующей гифке:
- Выберите инструмент «Раскройка» и нажмите на кнопку «Фрагменты по направляющим».
- Удалите лишние фрагменты (правый щелчок мыши – «Удалить фрагмент») и подредактируйте уже имеющиеся (правый щелчок мыши – клик в пустое место – берем нужную область и растягиваем ее до нужного размера).
- Зайдите в раздел «Файл» и выберите команду «Сохранить для Web».
- Перейдите в место, куда вы сохранили картинки (рабочий стол или какая-то конкретная директория), и найдите там папку под названием «Images». Именно там и будут ваши изображения. Теперь остается только залить их на страницу.
P.S. Высоту аватара можно менять по вашему усмотрению. Я взяла максимальный размер – 500 пикселей, но у вас это значение может быть и меньше. Например, как на странице «Вики-разметка»:
Как использовать виджеты
Виджеты тоже являются частью оформления сообщества ВК. С помощью них пользователь может: оформить заказ, подписаться на вашу рассылку, принять участие в конкурсе, читать и оставлять отзывы, открыть поиск по сообществу, получить подарок, купон на скидку и т. д.
Вот несколько примеров того, как выглядят виджеты на странице «ВКонтакте»:
class=»incut»>Как оформить изображения к постам
Если вы занимаетесь веб-дизайном или обладаете художественным вкусом и чувством прекрасного, то вам не составит труда придумать фирменный стиль для своих изображений. Однако, мне кажется, таких людей в этой статье будет меньшинство (я, к слову сказать, тоже к ним не отношусь). Поэтому давайте подробно разберем, как же это делается, основываясь на примерах успешных компаний.
И вот вам сразу несколько примеров для вдохновения:
Красиво, не правда ли? Как вы уже поняли из скриншотов выше, каждая из этих страниц имеет в своем арсенале несколько готовых шаблонов, в которых они лишь меняют текст и, при необходимости, цвета. Вы тоже можете создать для себя такие шаблоны. Делается это довольно просто, т. к. весь дизайн картинок для анонсов основывается на одних и тех же приемах.
Прием №1. Затемнить или осветлить изображение, чтобы на нем хорошо читался ваш текст
Прием №2. Создать область контрастного цвета и сделать на ней надпись
Прием №3. Выделить каждую строчку текста цветом
Прием №4. Разделить картинку на две части
Прием №5. Сделать изображение мутным
Прием №6. Выбирать такие изображения, где есть место для надписи
Прием №7. Добавить тень, свечение или обводку к вашему тексту
Кстати, обратите внимание, почти все известные компании «ВКонтакте» брендируют свои изображения, т. е. добавляют небольшой логотип, адрес своей страницы или водяной знак. Это повышает узнаваемость бренда и защищает ваши изображения от копирования. Стоит ли это делать, каждый решает сам. Единственное, что хотелось бы посоветовать: если все-таки решите этим заниматься, постарайтесь сделать так, чтобы ваш логотип не был слишком ярким и не занимал слишком много места, иначе весь акцент пойдет на него, и изображение потеряет свою привлекательность.
Как обработать фото онлайн: 80+ инструментов для работы с изображениямиГде взять хорошие изображения?
У нас в блоге есть хорошая статья на эту тему – «40 источников бесплатных фото для вашего блога». Они все бесплатные, но какие-то – требуют регистрации. Если не подберете для себя ничего подходящего, попробуйте искать по ключевому слову + обои (или, если на английском, wallpaper). Обычно по такому запросу выходят качественные изображения. Но тут нужно быть внимательным и проверять тип лицензии, иначе, если у вас серьезный бизнес, можно нарваться на неприятности.
А что делать тем, кто не умеет работать в «Фотошопе»?
Если вы никогда не работали в «Фотошопе» (или любых других графических редакторах) и пока не готовы выделить время на его освоение, вы можете воспользоваться сервисами, в которых уже есть готовые шаблоны картинок для разных социальных сетей:
1. Fotor.com
Переходим по ссылке и выбираем раздел Design.
Далее прокручивает страницу чуть ниже и кликаем либо на Facebook Post (если нам нужно прямоугольное изображение), либо на Instagram post (если квадратное).
После этого в левой части экрана выбираем шаблон, который нас интересует. Обратите внимание, бесплатно предоставляются только те шаблоны, на которых нет значка в виде алмазика.
Далее, если это необходимо, загружаем свою картинку.
Вставляем ее в шаблон, выделаем левой кнопкой мыши, выбираем команду Layer (иконка бутерброда) и кликаем по Move to bottom. Таким образом наша картинка будет идти фоном, а все надписи наложатся поверх нее.
После этого меняем текст, шрифт, размер шрифта, расположение надписи и т. д.
Затем жмем на иконку в виде дискеты, выбираем название, формат изображения, качество и жмем на кнопку Sign in to download.
Готово!
2. Canva.com
Еще один сервис, который поможет красиво оформить свое изображение. Работает он по такому же принципу, как и предыдущий. Регистрируемся в сервисе (можно использовать свой аккаунт Google+ или электронную почту).
Выбираем свою сферу деятельности. Шаг, на котором вас просят пригласить друзей, пропускаем. Попадаем в основное меню, где выбираем запись в Facebook, если нам нужно прямоугольное фото, или запись в Instagram – если квадратное.
Выбираем шаблон (если на шаблоне стоит отметка «БЕСПЛ.», значит, он бесплатный), меняем текст.
Если нужно, загружаем свое изображение, подгоняем размеры, меняем текст, шрифт и расположение надписи. После этого жмем кнопку «Скачать», выбираем формат картинки и сохраняем ее себе на компьютер или любое другое устройство.
Поздравляю, вы сделали классный анонс с красивой картинкой. Но как отследить его эффективность? Как понять, сколько человек перешли по этому анонсу на ваш сайт? Делимся простой инструкцией.
Как оформлять статьи в редакторе
С недавнего времени «ВКонтакте» можно верстать статьи в специальном редакторе. Чтобы создать статью, необходимо нажать на букву «Т»:
Как пользоваться вики-разметкой
Ну вот мы и подошли к самому интересному и одновременно сложному разделу. Возможно, среди читателей есть люди, которые не знают, что такое вики-разметка, и вообще впервые слышат этот термин. Поэтому специально для вас я приведу определение, которое дает сам «Контакт».
Вики-разметка — язык разметки, который используется для оформления текста на веб-сайтах (как правило, относящихся к классу wiki-проектов) и позволяет упростить доступ к возможностям языка HTML. На нашем сайте wiki-страницы — хорошая альтернатива обычным записям и текстовой навигации. Если вам необходимо создать большую статью с различным форматированием текста (жирный шрифт, подчёркивание, заголовки и прочее) или добавить к ней графику, либо просто создать красочное навигационное меню по вашему сообществу — wiki незаменима.
Точно также как у WordPress (или любой другой CMS) есть HTML-редактор, с помощью которого вы создаете статьи, так и у «Контакта» есть свой редактор для создания и редактирования вики-страниц. Выглядит он вот так:
С помощью этого редактора создаются навигационные меню, а также статьи с картинками, видео и аудиозаписями. Чуть ниже я разберу подробно, как работать в данном редакторе, но сначала я прошу вас добавить себе в закладки две ссылки. Они вам очень помогут в изучении вики-разметки.
- «Вики-разметка ВКонтакте». Официальное сообщество, посвященное использованию вики-разметки. В нем есть все, что нужно для того, чтобы освоить этот язык: полезные руководства, примеры, обсуждения, в которых вы можете задать свой вопрос и посмотреть, с какими проблемами столкнулись другие пользователи.
Как создать вики-страницу
Для того чтобы создать новую вики-страницу, вам необходимо:
- Скопировать в адресную строку своего браузера вот такую ссылку: http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы
- Вместо ХХХ вписать ID своей страницы, а вместо фразы «Название_страницы» – заголовок статьи (на русском или на английском, разделяя слова нижним подчеркиванием). В итоге у вас должна получиться вот такая ссылка:
Как узнать ID вашей страницы
Есть два способа.
Первый. Зайдите на вашу страницу и кликните по фразе «Записи сообщества».
Цифры, которые будут идти в открывшейся ссылке до вопросительного знака, и будут вашим ID.
Второй способ. Воспользуйтесь приложением «Узнать ID». Добавьте его в левое меню вашего аккаунта, и процедура поиска ID станет гораздо короче и приятней.
Как закрыть доступ к редактированию страницы
У каждой вики-страницы есть настройки доступа. Находятся они в нижнем левом углу редактора:
По умолчанию там стоят вот такие параметры:
Но иногда случаются ошибки: кто-то случайно нажал не ту кнопку, забыл нажать кнопку «Сохранить» и т. д. Таких ошибок желательно избегать. Особенно, если у вас большое сообщество с активными подписчиками.
Как перейти в режим кода
Дальше я буду очень часто говорить о том, что нужно перейти в режим кода. Поэтому давайте я вам сразу покажу, как это делается, чтобы потом к этому больше не возвращаться.
Как отформатировать текст
Текст вики-страницы, в основном, форматируется с помощью редактора. Интерфейс практически такой же, как в ворде, поэтому, думаю, объяснять здесь почти нечего. Единственное, что стоит сказать, – на вики-странице нельзя изменить размер шрифта. Вместо этого необходимо использовать теги h2, h3, h4, выделение жирным или курсивом.
Ну а если такого форматирования вам не хватает, вы можете перейти в режим кода и вручную отформатировать нужный вам текст с помощью следующих тегов:
Как вставить ссылку в текст
Чтобы вставить ссылку в текст, нужно перейти в режим вики-разметки и воспользоваться следующим шаблоном: [ссылка на статью|текст ссылки].
Если ссылка ведет на внешний сайт, она автоматически открывается в новом окне. Но если она ведет на одну из страниц «ВКонтакте» – она будет открываться в том же окне, даже несмотря на то, что зачастую это оказывается очень неудобно.
Так как же сделать так, чтобы ссылка открывалась в новом окне?
Есть очень простой способ – «сокращатель ссылок VK». Получите короткий вариант вашей ссылки и вставьте в вики-пост. После этого она будет всегда открываться в новом окне.
Как добавить изображение
Чтобы добавить изображение, необходимо воспользоваться иконкой в виде фотоаппарата. Я рекомендую вам это делать сразу в режиме кода, т. к. при загрузке изображений «Контакт» почему-то всегда выравнивает их посередине и делает размером 400 пикселей в ширину (хотя оригинал может быть больше), и в любом случае приходится лезть в код и прописывать нужные размеры. А так можно сэкономить время.
Как добавить видео
Чтобы добавить видео, необходимо сначала загрузить его к себе в видеозаписи и только потом добавлять на вики-страницу.
К сожалению, вики-разметка не позволяет увеличить размер видео. Не знаю, по какой причине, но данная функция в ней не предусмотрена. Поэтому, если вы хотите увеличить его размеры, придется пойти на небольшую хитрость – сделать псевдо-предпросмотр. Что это значит? Вы делаете скриншот вашего видео (нужного вам размера), добавляете на него кнопку Play и ставите на эту картинку ссылку на ваше видео. У нас есть готовый шаблон с такой картинкой.
Чуть выше мы уже разобрали, как добавить картинку в вики-пост, а теперь давайте рассмотрим, как поставить на нее ссылку. Делается это очень просто. После того как вы перешли в режим кода и загрузили фотографию, вам нужно:
- Вставить после второго знака | ссылку на ваше видео: либо на YouTube или другой сторонний видеохостинг, либо на видео из самого «Контакта». Но лучше, конечно, чтобы пользователь не покидал социальной сети. Так ему будет удобней.
- Сделать выравнивание (посередине, слева или справа).
- Указать реальный размер картинки (помните: ее ширина не должна превышать 610 пикселей).
Как создать навигационное меню
Если вы думаете, что создать красивое навигационное меню могут только те люди, которые хорошо разбираются в дизайне и верстке, вы ошибаетесь. На своем опыте я убедилась в том, что для этого не нужно обладать никакими специальными навыками. Достаточно иметь интерес к этой теме, желание разобраться и немного свободного времени. В остальном вам помогут многочисленные руководства, которые можно найти в сети.
Как посмотреть вики-код любой страницы
Прежде чем перейти к описанию самого процесса создания меню, мне хотелось бы порекомендовать вам приложение, которое сильно поможет вам в изучении вики-разметки. Называется оно «Исходный код страницы». С помощью него вы можете просматривать код вики-страниц абсолютно любого сообщества (если, конечно, эти данные специально не скрыли от вас, но такое случается крайне редко). Чтобы получить код, нужно выполнить следующие действия:
- Открыть приложение
- Выбрать тип сообщества, которое вас интересует (страница, группа или встреча)
- Вставить ссылку на сообщество и нажать кнопку «Просмотр»
- Найти в списке нужную страницу и кликнуть по фразе «Просмотр кода».
По какому принципу создаются меню
Если меню простое (состоит из отформатированного текста со ссылками и пары картинок), то вы его создаете по такому же принципу, как и любую вики-статью. Зачастую для этого даже нет необходимости переходить в режим кода – все делается в визуальном редакторе.
Пример такого меню:
А вот код этой страницы:
Как видите, все очень просто. Такое меню может создать абсолютно каждый.
А вот чуть более сложный вариант:
Такие меню делаются по следующему принципу: вы создаете в «Фотошопе» картинку, делите ее на части с помощью инструмента «Раскройка», а потом заливаете получившиеся картинки в вики-пост и добавляете к ним ссылки.
В коде это выглядит вот так:
Группа или публичная страница во «ВКонтакте»: что лучше?Как закрепить меню в шапке страницы
Порядок действий таков:
- Создайте меню с помощью вики-разметки. Сохраните ссылку, по которой оно доступно.
- Вставьте ссылку в новый пост.
- Подготовьте изображение для вашего меню.
- Добавьте изображение к посту, уберите ссылку из поля для ввода текста и нажмите «Отправить».
- Закрепите пост.
Ну как? Еще не устали от моих объяснений? 🙂 Тогда продолжаем дальше. С принципами создания меню мы разобрались. Теперь давайте разберем более подробно, как создавать разные типы меню.
Простое меню в один столбец
Такой тип меню подойдет тем компаниям, которые не планируют размещать много информации: всего один столбец и несколько строчек, между которыми нет отступов. Смотрятся такие меню аккуратно на всех устройствах, а между тем, верстка у них очень простая.
А вот код этих страниц:
Как видите, код очень простой. Он состоит всего из нескольких составляющих: изображение, размер изображения, тег nopadding (чтобы между картинками не было отступов) и ссылка. Тег center в первом примере выравнивает изображение посередине, а тег option во втором примере вообще указывать необязательно.
Вывод: чтобы создать простое меню в один столбец, нужно знать одну единственную вещь – как залить в вики-статью изображение и поставить на него ссылку. А этот момент мы уже подробно разобрали в одном из пунктов выше.
Простое меню в два столбца
Этот тип меню очень похож на предыдущий, только здесь не один столбец, а два, а также есть отступы между картинками. На десктопах оно смотрится очень хорошо:
Впрочем, как и на мобильных:
А теперь давайте посмотрим на код этой страницы. На верхнюю часть пока не смотрите, там используется табличная верстка, мы ее разберем чуть ниже. Пока изучите только тот код, который находится под серой линией.
Из-за того, что в коде много непонятных символов (так отображаются ссылки, написанные кириллическим шрифтом), кажется, что он слишком сложный, но это не так. На самом деле, здесь все та же картина, как и в предыдущих пунктах: картинки идут друг за другом, у них указан размер и стоит ссылка. Между ними образуется отступ, т. к. у картинок не прописан тег nopadding. Если бы этот тег прописали, они «слиплись» бы друг с другом.
Вывод: простое меню в два столбца практически ничем не отличается от меню с одним столбцом. Единственное, на что здесь стоит обратить внимание – это ширина картинок. Нужно выбрать такой размер, чтобы они хорошо смотрелись как на компьютерах, так и на мобильных.
Мобильная верстка
Варианты меню, которые я привела чуть выше, хорошо отображаются как на десктопах, так и на мобильных устройствах. Объясняется это тем, что они состоят из 1 или 2 столбцов. В первом случае картинка просто уменьшается до ширины экрана смартфона. А во втором происходит перенос картинки на новую строку. А что делать, если вам необходимо сделать больше столбцов? Например, как это сделано в меню страницы «Империя кино»:
А вот что происходит с этим же меню на мобильном телефоне разрешением экрана 320 на 240:
Вот еще пример. Невероятно красивое меню сообщества «Пальчики оближешь»:
А вот во что оно превращается на мобильных:
А вот пример идеальной верстки на примере меню официального сообщества по вики-разметке:
Все красиво и ровненько, с какого бы устройства вы это меню не открыли.
Как этого добиться?
Чтобы ваше меню адаптировалось под размеры мобильного устройства, необходимо соблюдать два условия:
- Использовать табличную верстку с фиксированной шириной ячеек.
- Разрезать меню на одинаковые квадраты или прямоугольники шириной не более 190 пикселей (если 3 столбца), 150 пикселей (если 4 столбца) и 110 пикселей (если 5 столбцов). Больше столбцов, как мне кажется, смысла делать нет, т. к. на мобильных они будут смотреться очень и очень мелко.
Что такое табличная верстка
Табличная верстка – это когда все элементы меню верстаются как таблица. Очень подробно о том, как создавать таблицы с помощью вики-разметки, написано в официальном руководстве. Я не буду дублировать эту информацию, только объясню самую суть и сразу перейду к примерам.
Итак, чтобы заверстать таблицу, нужно использовать следующие теги:
Вот пример простейшей таблицы и ее код:
Адаптивное меню верстается точно таким же образом, только вместо слов «ячейка» добавляем изображение со ссылкой и тегами.
Код, который я прописала для создания этого меню:
{|fixed nopadding noborder
|~190px 190px 190px
|-
|[[photo258316413_430862279|190px;nopadding| ]]
|[[photo258316413_430862290|190px;nopadding| ]]
|[[photo258316413_430862307|190px;nopadding| ]]
|-
|[[photo258316413_430862332|190px;nopadding| ]]
|[[photo258316413_430862349|190px;nopadding| ]]
|[[photo258316413_430862372|190px;nopadding| ]]
|}
Обратите внимание, в коде прописана ширина каждого столбца таблицы, а их всего три (каждый по 190 пикселей). Если у вас будет 4 столбца, вам нужно будет прописать фиксированную ширину 4 раза и т. д. Также посмотрите, пожалуйста, на наличие тегов nopadding и noborder. Они нужны для того, чтобы вокруг изображений не было рамки (noborder), а между ними – пробелов (nopadding). В общем, если ваше меню будет примерно таким же, как мое, можете просто скопировать код и вставить в него свои картинки и ссылки 🙂
Еще один пример: адаптивное меню из 4 столбцов
Здесь алгоритм действий абсолютно такой же, как и в предыдущем пункте. Но все же рекомендую вам его изучить, чтобы закрепить пройденный материал 🙂
- Нарезаем изображение на ровные квадраты со сторонами 150 пикселей (можно и не на квадраты, но мне так удобней, главное, чтобы ширина была не более 150 px).
- Добавляем текст, оформляем дизайн и жмем «Сохранить для Web».
- Загружаем изображения «Вконтакт», прописываем необходимые теги.
- Готово! Наслаждаемся красивым меню, которое одинаково красиво смотрится как на компьютерах, так и на мобильных.
Несколько дополнений к этому разделу
Дополнение 1: когда будете продумывать дизайн, убедитесь в том, что ваш текст легко читается на смартфонах, а по кнопкам можно попасть без труда. Проведите несколько тестов. Возможно, четырех ячеек в ряду окажется для вас много. Тогда возьмите три, две, а может быть даже одну.
Дополнение 2: несмотря на то, что оба тестовых меню я порезала на квадраты, необязательно использовать именно эту фигуру. Главное, чтобы эти картинки были одинаковыми и не превышали обозначенный мной выше размер. Пример такого меню:
Дополнение 3: меню, состоящее из одинаковых, идеально выровненных фигур, иногда смотрится скучновато. Поэтому, если вы хотите его разнообразить, используйте разные фигуры.
Как быстро проверить наличие багов в мобильной верстке?
Когда верстаешь вики-страницы, необходимо постоянно проверять то, как они смотрятся на разных устройствах. Это можно сделать вручную, собрав у своих друзей и коллег всевозможные гаджеты, а можно никого не беспокоить и сделать это с помощью специальных приложений и сервисов.
Способ №1:
- Установите и запустите браузер Google Chrome.
- Зайдите на вики-страницу и поставьте букву m c точкой в ее адрес.
- Сделайте правый щелчок мышью в любом месте страницы и выберите команду «Посмотреть код».
- Нажмите на иконку, на которую указывает желтая стрелка.
- Выберите устройство, которое вас интересует.
- На всякий случай обновите страницу, чтобы все элементы загрузились без ошибок.
Способ №2:
- Установите плагин для Google Chrome Resolution Test.
- Перейдите в мобильную версию «Контакта».
- Кликните по иконке и выберите размер, который вас интересует (либо добавьте свои размеры).
Между прочим, мы занимаемся не только оформлением соцсетей. Разработка графического дизайна включает фирменный стиль, логотипы, паттерны, 3D-модели, инфографику, UI/UX-дизайн и др. Стоимость зависит от объема и сложности работ.
Заключение
Материал получился объемным и, как мне кажется, очень полезным. Возможно, некоторые моменты, касаемые вики-разметки, остались мною нерассмотренными, т. к. эта тема крайне обширна и одной статьей здесь не обойдешься. Но всеми основными принципами, идеями и лайфхаками я с вами поделилась, и мне было бы очень приятно, если бы вы оценили мой труд комментом или репостом.
Все об SMM: 114 статей и видео, которые сделают из вас профиКак сделать шапку в группе в вк во всю ширину?
Автор Дмитрий Костин На чтение 3 мин. Опубликовано
Всем привет, мои дороги друзья и гости моего блога. Вы наверное заметили, что в группах и пабликах вконтакте кроме обычных аватарок иногда ставят новые шапки, которые расположены вверху страницы горизонтально, а не вертикально. Но, как выяснилось, не все знают, как сделать шапку в группе в ВК во всю ширину. Именно этому и будет посвящена моя сегодняшняя статья. Не волнуйтесь. Ничего сложного здесь нет.
Подготовка
Для начала вы должны подобрать нужную картинку, либо же создать ее самому, например в том же фотошопе. Но самое главное, что вы должны учесть, так это размеры изображения. Картинка должна быть не менее 795 пикселей в ширину и 200 пикселей в высоту, но сам вконтакте рекомендует брать изображения в 2 раза больше, то бишь 1590*400.
Давайте ради примера я создам такую картинку в фотошопе, подогнав подо все размеры, чтобы вам было легче. Но если вам вдруг не интересны моменты создания и подгона изображений, то смело можете переходить к следующему разделу.
- Итак, создаем новый документ в фотошопе. Выбираем разрешение 1590 в ширину и 400 в высоту, как нам и рекомендует сам ВК. Цвет оставляем 8 бит, а фон ставим белый.
- Далее находим какую-либо картинку (в интернете, либо заранее заготовленную) и вставляем ее в документ. Как видите изображение вставилось по высоте, но не по ширине. Поэтому придется нам его увеличить, дабы он заполнил всю нашу область. Для этого Начинайте тянуть за уголки в разные стороны, пока область не заполнится. И не забудьте делать это с зажатой клавишей SHIFT, чтобы сохранить все пропорции.
- Теперь ради композиции добавим какой-нибудь текст и картинку, чтобы смотрелось более полно. Только не ругайте за дизайн). На текст я поставил стиль слоя «Тень», а на картинку поставил режим наложения «Яркость», чтобы она больше сочеталась с основным фоном.
- Далее сохраняем фотографию, желательно в самом лучшем качестве (12) в формате JPG. На этом наша подготовка закончена.
Кстати, на онлайн-марафоне по дизайну групп вконтакте, который я прошел не так давно есть отдельный урок под эту тему. Разбираются все нюансы создания таких изображений. Там вы сможете сделать реально красивую шапку для сообщества.
Загрузка обложки в группу
Ну а теперь, когда наш шедевр готов, нам остается загрузить его в группу.
Для этого нам нужно сделать следующее:
- Мы заходим в нашу группу, нажимаем на меню (три точки) и выбираем пункт «Управление сообществом».
- Прямо в самом верхнем блоке вы увидите пункт «Обложка сообщества». Нажимайте «Загрузить». После этого жмете на «Выбрать файл» и выбираете наше заранее подготовленное изображение. Мы его как раз подогнали под размеры)
- Ну и теперь только остается посмотреть, все ли пропорции у нас соблюдены. При желании вы можете урезать картинку. Но если вам всё подходит, то нажимаем «Сохранить и продолжить».
Теперь войдите на главную страницу вашего сообщества и посмотрите, как как смотрится наша новая горизонтальная обложка. Если вам что-то не понравится, вы в любой момент сможете заменить ее на другую.
Вроде с одной стороны не сложно загрузить обложку в группу, но чтобы создать ее с нуля, и причем качественно, нужны какие-то навыки. Так что если вы захотите, то вы сможете получить такие навыки в онлайн-марафоне по дизайну групп в вк.
Ну а на этом я с вами прощаюсь. Надеюсь, что сегодняшний урок был для вас полезен. Не забывайте подписываться на обновления моего блога, а также делиться материалами статьи в социальных сетях. Удачи вам. Пока-пока!
С уважением, Дмитрий Костин.
Как сделать обложку для группы вконтакте в Photoshop и Canva
Обложки для группы вконтакте появились после обновления интерфейса соцсети. И если раньше каждая группа имела собственную аватарку, то теперь владельцам групп вконтакте можно выбирать, что бы они хотели видеть на главной странице сообщества: обложку или аватарку.
Сегодня я хочу вам рассказать, как сделать обложку для группы вконтакте. Мы разберем три способа:
- Как сделать обложку группы в Фотошопе
- Как сделать обложку для группы онлайн на сервисе www.canva.com
- создание динамической обложки (обновленный вариант)
Размер обложки для группы вконтакте
Размер обложки для группы вконтакте равен 1590х400 px.
Как сделать обложку группы сверху
Чтобы разместить обложку группы вконтакте сверху необходимо в первую очередь найти эту функцию в настройках сообщества. А именно на главной странице выберите в меню вкладочку Управление сообществом.
Далее в Основной информации есть раздел Обложка сообщества. Чтобы разместить готовую обложку в группе сверху, нужно просто нажать на кнопочку Загрузить. Затем выбрать подготовленный вариант из папки на компьютере, и обложка встанет на свое место на главной странице сообщества.
Как сделать обложку группы в Фотошопе
Сделать обложку группы можно в популярной программе Фотошоп. Для этого, зная тему сообщества, подберите по смыслу интересную картину в Интернете.
Внимание! Всегда ищите такие картинки, размеры которых чуть больше размера обложки!
Все дело в том, что если вы найдете картинки маленькие, для того, чтобы подогнать их под размер обложки, их придется растягивать. А от этого сильно ухудшится качество изображения.
Поэтому выбираете картинку, нажимаете на нее правой кнопкой мыши – Копировать изображение.
Далее идете в программу Фотошоп. Кстати, если вы новичок и не умеете работать с этой программой, советую изучить мой курс Как создать 3D обложку для инфопродукта. Здесь я показываю с самых азов, как работать в Фотошопе. Более того первый урок посвящен теме, где взять и как установить себе на компьютер данную программу.
В фотошопе выбираете Файл – Создать.
В открывшемся окне у вас должны быть выставлены следующие настройки:
- Имя файла
- Размер обложки для группы вконтакте: ширина 1590 рх, высота 400 рх
- Разрешение – 72 пикселы/дюйм
- Цветовой режим – цвета RGB 8 бит
- Содержимое фона – прозрачный.
Кнопочка Ок.
У вас появится заготовка вашей обложки. Теперь вам нужно нажать сочетание клавиш Ctrl+V. Таким образом, вы вставите картинку, которую скопировали из интернета.
Теперь внимание! Я уверена, что картинка по размеру оказалась больше, чем заготовка обложки. Ее нужно подогнать под размер 1590х490 рх.
Для этого в панели инструментов выбираем Редактирование – Трансформирование – Масштабирование. Зажимаем клавишу Shift, захватываем левой кнопкой мыши за уголок картинки и тянем к границам обложки. Вы увидите, когда вам нужно будет остановиться. Чтобы подтвердить действие, нажмите Enter.
Основа обложки у нас готова. Теперь давайте на обложке пропишем название группы. Допустим, назовем ее в качестве примера Океан стихов.
Для этого в Фотошопе нам нужно создать новый слой. В нижней панели выбираем функцию Создать новый слой.
Слева выбираем Инструмент «Горизонтальный текст».
И на обложке для группы вконтакте выделяем область, где хотим разместить название группы. Теперь вам нужно определиться со шрифтом текста, размером и цветом. Все эти настройки находятся в верхней панели программы Фотошоп, когда активен инструмент «Текст». Подробности в видеоуроке ниже.
Прописываем название группы и нажимаем Enter.
Обычно в таком виде текст смотрится не очень красиво. Поэтому важно здесь поработать со стилями текста. Панель со стилями находится с правой стороны рабочего окна программы.
Работать со стилями можно тогда, когда у вас выделен текстовый слой в панели.
Теперь, если вы не знаете, какой конкретный стиль можно применить к названию группы, просто методом подбора определите, что на данной обложке будет смотреться лучше всего. Здесь все дело во вкусе!
Кстати, при включении того или иного стиля в слоях под текстом будут отображаться различные эффекты, применяемые в этот момент к тексту. При желании каждый эффект можно отключить или отредактировать, нажав на него правой кнопкой мыши – Параметры наложения.
После всех манипуляций с надписью, если вас устроил результат: обложка для группы вконтакте готова, необходимо ее сохранить. Для этого выбираем Файл – Сохранить для Web.
Набор PNG-24 (правый верхний угол). Это самый удачный формат картинок для социальных сетей.
Кнопочка Сохранить, и выбираете папку на компьютере, куда это необходимо сделать.
Итак, мы разобрали, как сделать обложку для группы вконтакте с помощью программы Фотошоп. Обложки для группы вконтакте онлайн можно легко создавать на сервисе canva.
Как сделать обложку для группы вконтакте онлайн на сервисе canva
Для того, чтобы начать работать в canva, вам необходимо зарегистрироваться на этом сервисе.
Сделать это можно через социальные сети или с помощью электронной почты.
Целью сегодняшней статьи не является знакомство с этим сервисом – для этого будет отдельная тема. Напомню, что сегодня мы разбираем, как сделать обложку для группы вконтакте, используя Канву.
После авторизации на сайте вы попадаете на страницу, где в правом верхнем углу вам необходимо нажать на кнопку Использовать специальные размеры.
Вспоминаем, что размер обложки группы вконтакте 1590х400 рх. Соответственно, проставляем эти размеры в открывшемся окне.
Следующая страница с макетами позволяет нам выбрать макет из предложенных данным сервисом. Сразу скажу, что макеты не удачные и скорей всего к вашей обложке никак не подойдут.
Canva позволяет загружать на сайт собственные картинки. Поэтому по аналогии с работой в Фотошопе найдите в интернете нужное изображение чуть большего размера, чем обложка и загрузите ее на сайт Канвы через функцию Мое – Добавить собственные изображения.
Скорей всего ваша картинка откроется в меньшем размере, чем сама обложка. Не волнуйтесь, ее можно увеличить, потянув за уголки левой кнопкой мыши.
Теперь логично нам нужно добавить название группы на нашу обложку, т.е. текст. Вы можете сделать это через функцию Текст слева на панели инструментов.
Стоит уточнить, что сервис Canva условно платный, т.е. частью функционала вы можете пользоваться абсолютно бесплатно (там, где указано Бесплатно).
В Тексте вы можете выбрать определенный элемент и отредактировать текст уже в нем, или выбрать понравившийся вам шрифт. Только внимание! Большинство англоязычных шрифтов не поддерживают русские шрифты. Поэтому выбор, на самом деле, не так велик, как кажется на первый взгляд.
Для примера я возьму элемент с текстом. Подробнее в видеоуроке ниже.
Щелкнув на этот элемент, в верхней части сайта появляется панель для работы с текстом.
Здесь вы можете выбрать шрифт, размер, цвет текста, и т.д. Здесь же есть корзина для удаления, если вдруг готовый вариант вам не понравился.
Результат примерно такой:
Чтобы сохранить готовую обложку, в верхнем правом углу нажмите на кнопочку Скачать.
Тип файла PNG – Скачать.
Выбираете папку на компьютере, и ваша обложка сохраняется в готовом виде. Все, что вам осталось, это загрузить ее в группу вконтакте. А как это сделать, читайте выше.
В ВК появился новый способ привлечения подписчиков в группу. Это реализуется через виджет приветствия. Как этот виджет работает, как его установить, как настроить, читайте в моей новой статье.Сегодня мы разобрали тему, как создать обложку для группы вконтакте. В качестве дополнительного материала настоятельно рекомендую посмотреть видеоурок:
Друзья, есть еще один сервис по функционалу, похожий на canva. Это сайт с бесплатным редактором изображений под названием fotor.com. Сайт позволяет оформлять не только картинки к постам, шапки к группам в социальных сетях, но и создавать различные креативные коллажи из картинок и фотографий.
Как сделать динамическую обложку для группы ВКонтакте
Помимо обыкновенных обложек, которые вы можете сделать с помощью вышеперечисленных программ Photoshop и Canva, существуют динамические обложки.
Для создания таких обложек вам понадобится конструктор динамических обложек или специальный скрипт.
В рамках этой статьи я покажу, как можно создать динамическую обложку через конструктор сервиса VKFILLER.
Примеры динамических обложек
Кстати, поясню для тех, кто впервые сталкивается с этим понятием, динамическая обложка – это обложка с информацией, которая отображается в реальном времени.
Например, с помощью специальных виджетов, на динамическую обложку можно вывести информацию об активных комментаторах группы или последних вступивших, — в виде аватарок.
Давайте рассмотрим примеры:
На первом примере на динамической обложке отображаются аватарки лидеров конкурса, проведенного в этой группе. И все это в реальном времени.
На втором примере с помощью специального алгоритма на обложку выводится аватарка самого активного комментатора и последнего подписчика.
Третий пример – самый простой – на обложке погода в реальном времени.
В чем преимущество динамической обложки? Это дополнительное привлечение внимания посетителя к сообществу, и как следствие – увеличение количества подписчиков.
Вообще о динамической обложке вы можете найти информацию в другой моей статье о сервисах автопостинга в соцсетях.
Создание динамической обложки для сообщества ВК
Динамические обложки относятся к элементам геймификации в соцсетях. Существуют специальные конструкторы для создания динамических обложек. Даже если ранее вы никогда не пользовались подобными сервисами, создать обложку для ВК для вас не составит особого труда.
Конструктор представляет собой набор виджетов для размещения на обложке.
№1. Конструктор динамических обложек LetsCover.
Рабочая область конструктора выглядит следующим образом:
Чтобы создать динамическую обложку в LetsCover, достаточно загрузить фон-картинку и разместить на нем необходимые виджеты. Это может быть «последний подписчик», «лучший комментатор», «репостер дня», «сегодняшний именинник» и т.д. Всего доступно 30 виджетов.
№2. Конструктор динамических обложек Dycover.
Работает по аналогии с предыдущим сервисом. Есть готовые шаблоны обложек, доступные для редактирования, и галерея картинок. Но здесь чуть меньше виджетов. Тем не менее, самые популярные виджеты представлены. Возможна интеграция с Ютуб, новостной лентой RSS и донатами.
Денежные ручейки
Как сделать обложку для группы ВКонтакте онлайн в редакторах Аватан и фотошоп онлайн
Если вы не готовы заказывать создание обложки для группы вконтакте у дизайнера, то можете попробовать нарисовать ее самостоятельно. Если вы дружны с фотошопом, Аватаном или Канвой, к примеру, то проблем не будет. Нужно знать размеры и требования к формату изображения, а далее – ваше творчество. В этой статье подробно разбираемся, как сделать обложку для группы ВКонтакте в бесплатном редакторе онлайн Аватан, а также получите рекомендации по работе с Фотошоп онлайн и онлайн редактором Canva.
Размер обложки в ВК для группы
Обложка вконтакте может быть любого размера, но сервис рекомендует для сохранения качества изображения использовать картинку с размерами 1590 на 400 пикселей. Именно такое соотношение сторон позволит изображению вписаться в отведенное для шапки место – в верхней части группы или паблика.
Как сделать обложку для группы ВКонтакте онлайн
Если у вас на компе нет фотошопа или другой аналогичной программы, воспользуйтесь для создания обложки для группы вк онлайн сервисами. Подойдут такие онлайн редакторы фото, как Аватан, Канва, Фотошоп онлайн и некоторые другие. Главное требование к графическому редактору:
- возможность создавать макеты определенного размера,
- вставлять свой текст на изображение,
- использовать несколько фото или картинок в одном макете,
- сохранять в форматах jpeg, png.
Если эти операции выполнимы, то обложку сделать будет не трудно.
Важно! В какой бы программе вы не делали свою шапку для Вконтакте, позаботьтесь о том, чтобы у вас на компьютере были готовы заранее:
логотип в формате *png,
картинка для фона (можно скачать с яндекса или любого стока изображений),
текст, который вы хотите видеть в шапке Вконтакте.
Как сделать обложку для группы ВКонтакте в редакторе Аватан онлайн
Такой вариант подойдет тем, у кого уже есть какая-либо картинка или фото для обложки группы в контакте, которая послужит основным фоном вашего макета. Или же имеется файл-картинка одного, нужного вам цвета. Я для примера скачала из картинок Яндекса голубой светлый фон.
Загрузить фоновое фото
Напомню, как создать макет в Аватане. Сначала установите приложение ВКонтакте, которое так и называется «Аватан». Зайдите в него, и загрузите с компьютера изображение, которое послужит фоном для группы.
Загруженный фон:
Установить размер макета 1590 на 400 пикселей
Размер картинки, которую я загрузила, отличается от нужного. Для того, чтобы получить нужный размер, зайдите по кнопке слева «Обрезка» и внесите данные, а именно 1590 пикселей ширина и 400 высота. Подтвердите кнопкой «Применить».
Вставить нужный текст
Далее вставьте и отформатируйте текст во вкладке «Текст» (вверху строка меню в «Аватане»).
Добавить логотип группы
Добавьте свой логотип с компьютера. Это делается во вкладке «Наклейки» через команду «Своя наклейка». Желательно, чтобы логотип был в формате *png, то есть с прозрачным фоном, чтобы не перекрывал основной цвет макета.
Если есть необходимость, то часть вставленной картинки можно стереть ластиком-кистью. Этот инструмент открывается при выделении вставленной картинки. Так вы можете удалить со своего логотипа ненужный фон.
Далее, с помощью этих и других инструментов добавьте нужный текст, картинки. Подробности о работе с Аватаном в другой статье.
Сохранить на компьютер результат
Сохраните макет в формате *jpeg или *png и вставляйте в свою группу.
Вот такая очень простая шапка была создана буквально за 10 минут. На фото ниже показано, как она выглядит уже в установленном виде в группе. Конечно, нужно продумать, какую информацию вы хотите донести в тексте, какие картинки хотите вставить.
Более подробно о редакторе читаете в статье «Фотошоп Аватан онлайн». Однако, напомню, что есть и реальный фотошоп онлайн, совсем не аватан или другой аналогичный сервис с ограниченным набором операций. Текст о нем ниже, знакомьтесь.
Обложка ВКонтакте для группы и Фотошоп онлайн
Другой вариант для создания обложки для сообществ ВК – это фотошоп онлайн. Бесплатный сервис, в котором сохранены самые важные и нужные операции обычного «компьютерного» варианта этого чудесного фоторедактора.
Перейдите по ссылке http://editor.0lik.ru/photoshop-online-new.html . Во всплывающем окне кликните «Создать» и в следующей форме укажите размер обложки ВКонтакте: 1590 и 400 пикселей.
Далее описывать не буду: тем, кто ранее работал с фотошопом на компьютере, разобраться будет не сложно. А если ни разу не создавали ничего в этой программе, то объяснения требуют отдельной статьи – программа слишком сложна, чтобы вместить описание в пару абзацев.
Канва для создания обложки группы ВКонтакте
На мой взгляд самая удобная и простая программа онлайн для работы с графикой — это Canva. Она вполне подходит для создания шапки ВКонтакте. Легкая, быстрая, доступная как на компьютере, так и в мобильной версии. Несмотря на то, что готовых шаблонов обложек для группы вконтакте в Канве нет, можно создавать их самостоятельно.
Все инструменты, которые могут вам потребоваться для создания обложки именно в редакторе Канва, описаны в рубрике Canva com.
Отдельный урок именно по ВКонтакте и Canva скоро появится, следите за новостями.
Отдельный урок именно по ВКонтакте и Canva скоро появится, следите за новостями.
Пример моей шапки, созданной в Canva (я не дизайнер, но вполне справилась).
Как загрузить обложку в группу ВКонтакте
Вряд ли вы не знаете, где находится обложка сообщества вконтакте, но на всякий случай вот подсказка. Зайдите в Управление сообществом, кликнув пресловутые три точки под аватаркой или старой обложкой группы.
Затем во вкладке «Основная информация» кликните «Загрузить». Далее настраиваете отображение шапки, как будет указано.
Успешного вам творчества, красивых обложек для ваших групп! Полезные материалы найдете в рубрике о фоторедакторах онлайн.
Скачать статью в формате pdf
На моем сайте отключено копирование текста, поэтому если вам нужна полностью статья, то вы можете купить запись МК в *pdf формате и наслаждаться его изучением на своем компьютере.
В документе сохранены полностью все изображения, ссылки, и, конечно же, сам текст.
Любой труд должен быть оплачен. Спасибо за понимание!
Для оплаты воспользуйтесь формой ниже. Ссылка для скачивания придет к вам на электронный адрес, который вы укажете.
Еще информация по теме:
Узнаем как изготовить обложку группы в ВК? Размер обложки для группы в ВК
Наверняка вы уже успели оценить нововведение сети «Вконтакте» — обложку пабликов и сообществ. Достаточно большой баннер-фотография, который открывается перед пользователем в момент, когда он заходит в группу. Для чего это нужно? Баннер привлекает к себе внимание, позволяет кратко и наглядно рассказать о сообществе, его интересах, особенностях. Нередко именно он является тем фактором, который привлекает пользователя к подписке на паблик и дальнейшему просмотру его постов в новостной ленте. Но как сделать обложку группы в ВК, чтобы она была красивой и привлекательной? Мы приведем вам самые полезные рекомендации.
Правильная шапка сообщества
Перед как сделать обложку группы в ВК, нужно определиться: что она должна будет выражать? Мы вам подскажем несколько актуальных советов для достижения цели:
- Необычность. Обложка — это то, что первым видит ваш настоящий или будущий подписчик. Если она будет содержать в себе уникальную фишку, удивлять своим дизайном, включать интересную игру слов, интригующую историю, то все обозначенное будет вам только на руку. Многие применяют такой интересный формат обложки для группы ВК, как продолжение изображенного на ней в закрепленной надписи на стене.
- Тренды. Баннер должен быть современным. В крайнем случае — классическим. Но только не «баяном» — содержать в себе элементы того, что когда-то было актуально в интернет-среде. Поэтому стоит задуматься над тем, чтобы оформить его в духе последних обсуждаемых событий, недавно вышедшего фильма, прибавить участие героев популярных именно сегодня мемов. Само собой разумеется, обложки в таком случае нужно периодически обновлять.
- Используйте легкие психологические приемы, помогающие обратить внимание. Например, довольно эффективным является изображение смотрящего в определенную сторону человека — туда, куда вы поместили важную информацию.
Какой не должна быть шапка?
Давайте разберем, как сделать обложку группы в ВК, чтобы она не вызывала негативные эмоции у посетителей сообщества:
- Никто не любит спамные баннеры — мемы с просьбами вступить в группу. В подавляющем числе случаев, даже если идея преподнесена достаточно оригинально, юзеры игнорируют призывы.
- Если вы хотите указать в шапке перечень оказываемых вами услуг, то идея заведомо провальная. Может быть, стоит интригующе на них намекнуть комиксами, коллажами, фотографиями?
- Указать в баннере контактный телефон, а того хуже — ссылку на другой сайт равносильно раздаче листовок у перехода. Никто не будет перепечатывать ссылку с картинки в адресную строку. Лучше посвятить своим контактам отдельный пост, раздел, который будет всегда виден пользователям, откуда удобно и просто скопировать нужную информацию.
Какой должна быть удачная обложка?
Итак, создавая, фотографируя или находясь в поисках подходящего стокового изображения, помните о следующем:
- Шапка сообщества должна иметь в себе негласный призыв к определенному действию, эмоции.
- Изображение должно быть актуальным именно для вашей аудитории.
- Подбирайте приятные спокойные или наоборот броские, кислотные цвета — все зависит от специфики группы.
- Не обходите вниманием и шрифт: не останавливайтесь на скучных «вордовских» вариациях, но и не уходите в сторону написания, которое из-за причудливости можно с трудом разобрать.
- Не забывайте о смысловой нагрузке, правильных хэштэгах.
А теперь обратимся к более частным вариациям:
- Использование изображения известной личности, рекламирующей именно ваше сообщество или продукцию.
- Созвучие шапки с громкими событиями, праздниками, мероприятиями, акциями — как общими, так и касающимися только вашей группы.
- Содержание негласного привлекательного призыва перейти на другой ресурс (позаботьтесь о том, что переход был легким и понятным для пользователя).
- Вынос в шапку специального предложения, главной новости паблика.
О размере обложки
Как вы заметили, параметры баннера не стандартны, если сравнивать с привычными аватарками. Чтобы выбранное вами изображение выгодно смотрелось, размер обложки группы ВК должен быть максимально приближен к 1590 х 400 пикселей. Такие параметры для баннера можно заранее выставить при его создании в графическом редакторе.
При составлении коллажа вам нужно учитывать, как картинка будет отражаться на устройствах подписчиков, чтобы не поместить нужную информацию в зоны, которые будут скрыты:
- В браузере компьютера — 795 х 200 пикселей. Изображение не урезается, а только сжимается.
- Что касается мобильных устройств, то там шапка отображается несколько иначе. Она урезается согласно ширине экрана устройства. Например, если последняя равна 400 пикселям, то с каждого края ваша обложка будет урезана на 146 пикселей. Прибавьте еще пространство, отведенное на системные кнопки. Из-за него баннер станет уже на 80-140 пикселей с каждого края.
Простое создание обложки
Давайте разберем, как сделать обложку группы в ВК проще всего:
- Сделайте фотографию, которая как-то перекликается с тематикой вашего сообщества.
- Найдите подходящее стоковое изображение в «Гугле», «Яндекс.Картинках», на иных ресурсах. Красивые обложки для группы в ВК можно отыскать по схожему запросу.
- Если вам кажется, что изображение слишком отстраненное, то можно наполнить его новыми элементами, текстом в таких популярных онлайн-редакторах, как Fotor, Pablo или Canva.
Создание в «Фотошопе»
Лучшей программой для обложки группы ВК и для изобразительного дизайна в целом остается Photoshop. Однако к его помощи следует обращаться в случае, если вы достаточно уверенный пользователь, умеете составлять качественные коллажи, обрабатывать фото, вырезать объекты, работать со слоями, коррекцией и фильтрами. При другом раскладе вы рискуете получить некачественную обложку с кучей ляпов, которая не обрадует и не привлечет вашу потенциальную аудиторию.
Итак, зайдя в программу, кликните на «Файл», далее «Создать». Для обложки лучше выставить такие параметры:
- Размер: 1590 х 400 пикселей.
- Разрешение: 72 пикселя в 1 дюйме.
- Цветовой режим: RGB (8 бит).
А далее — простор для творчества: формируйте слои из стоковых или личных изображений, вырезайте определенные объекты, добавляйте текст, обращайтесь к помощи фильтров и инструментов программы. Главное — иметь в голове четкий план того, что вы хотите в итоге получить.
Как установить обложку в группе в ВК?
Давайте сначала разберемся, как вообще поменять баннер в сообществе, администратором которого вы являетесь:
- Под аватаром вашей группы, с правой стороны страницы, нажмите на три точки «…»
- Перед вами появится выпадающее окно. В нем выберите «Управление сообществом».
- Откроется окно администратора. Найдите раздел «Настройки» и щелкните на него.
- Вы сразу увидите строку «Обложка сообщества». Она-то нам и нужна.
- Как добавить обложку в группу ВК? Просто кликните на «Загрузить».
- Перед вами появятся краткие рекомендации по формату изображения и размеру обложки группы ВК.
- Стоит подбирать качественное фото с высоким разрешением.
- Здесь, как и при выборе аватара, у вас есть возможность выбрать, какую зону изображения поместить на обложку: с помощью мышки передвигайте ограничивающий прямоугольник, чтобы остановиться на наиболее удачной области. Фотографию, кстати, можно и перевернуть.
- Обязательно на окне с обложкой нажмите на «Сохранить и продолжить». Не торопитесь закрывать страницу!
- В окне с настройками не забудьте кликнуть на «Сохранить».
Вот теперь можно смотреть на то, что получилось!
Редактирование обложки
Мы подготовили и ряд советов на тот случай, если вы захотите отредактировать, сменить, удалить изображение. Для этого нужно просто навести мышку (в случае, если вы администратор) на баннер. Высветятся три схематические подсказки:
- «Загрузить» — установление новой фотографии. Как добавить обложку в группу ВК, вы уже знаете.
- «Редактировать» — повернуть изображение, изменить зону, которая будет видна в баннере.
- «Удалить» — убрать существующую обложку.
Мы разобрали от задумки до конкретного воплощения создание и публикацию обложки в группе «Вконтакте». Надеемся, что приведенные рекомендации помогут вам в сотворении замечательного баннера!
Как поставить фон в группе ВКонтакте. Группа ВКонтакте дизайн
Удачный дизайн группы Вконтакте должен быть не только красивым, но и функциональным и удобным. Получите дизайн для решения ваших маркетинговых задач, чтобы группа привлекала к бренду платящую и покупающую аудиторию и оставалась с ним навсегда.
5 шагов как оформить группу во ВКонтакте
Крышка
Обложка сообществасегодня — важный инструмент для создания группы в бренде ВКонтакте и ее продвижения.Вы можете скачать его в разделе «Управление сообществом», перейдя во вкладку «Настройки». Качественное горизонтальное изображение в шапке сообщества само выступает главным промо-баннером компании в социальной сети. Он задает настроение, информирует, улучшает имидж, призывает к целевым действиям и одновременно продает.
1. Используйте высококачественные иллюстрации
Обложка сообщества ВКонтакте должна быть размером 1590х400 пикселей, но лучше загружать фото в 2-3 раза больше в формате.png формат. Это позволит избежать плохого качества отображения.
2. Адаптировать изображение под разные устройства
Помните, что это изображение может отображаться по-разному на разных устройствах — на мобильном устройстве края будут обрезаны, поэтому лучше разместить всю самую важную информацию ближе к центру.
3. Разместите слоган и USP
Позвольте клиенту увидеть вашу философию и преимущества с первого экрана.
4. Показать товар / услугу, процесс или результат его использования
Так потенциальный покупатель сразу узнает, на чем вы специализируетесь, и примет участие в разработке продукта.
5. Помогите клиентам сразу связаться с вами
Напишите на баннере свой номер телефона, адрес электронной почты и другие контакты компании. Если территориальное расположение важно для вашего бизнеса, например, вы работаете в сфере общественного питания или хорека, адрес также будет полезен.
6. Анонсировать события
Вы продвигаете концерты, ожидаете выпуска новой коллекции или продукта, или проводите фестиваль / конференцию / день клиента? Расскажите об этом всем, кто приходит в сообщество.
7. Настоящие акции и скидки
Где как бы на основном сайте рассказать аудитории, что прямо сейчас у вас можно сделать заказ в 2 раза дешевле? Самое главное, не забудьте поменять иллюстрацию после окончания акции.
8. Предлагаем принять целевое действие
Когда обложка сообщества загружена, в правом нижнем углу горизонтально располагаются две кнопки — Написать сообщение и Присоединиться к группе.Укажите на них стрелкой, чтобы еще больше привлечь внимание аудитории. Так что если товар представлен на баннере, вы можете сразу предложить его заказать в сообщениях. А если на нем есть дайджест последних новостей, подпишитесь, чтобы всегда получать самую свежую информацию.
Загрузите аватар и выберите миниатюру
Некоторые бренды до сих пор не применяют обложку, предпочитая старый вид первого экрана группы, используя комбинацию аватара с фиксированной записью в качестве так называемого «заголовка».В этом случае одна картинка является продолжением другой. Наиболее эффектно выглядит, когда фото заканчивается на одном уровне с аватаркой.
При использовании максимального размера аватара 200×500 пикселей размер изображения в закрепленном посте должен быть установлен на 510×308 пикселей. Отличный способ привлечения внимания — закрепить видео, загруженное через проигрыватель социальных сетей, которое стилистически продолжает аватар.
Если вы используете обложку в качестве заголовка, то аватар всегда будет отображаться в виде эскиза.
Правила оформления аватаров сообщества ВКонтакте
Миниатюра — это маленькое круглое изображение, вырезанное из большого аватара и отображаемое при групповом поиске, в списке сообщества каждого пользователя и слева под обложкой, если таковая имеется. Вот несколько советов по дизайну.
1. Миниатюра должна быть понятна аудитории
Не публикуйте странную иллюстрацию. Визуализируйте то, что целевая аудитория впоследствии будет связывать с брендом, например, логотип, значок продукта / услуги или, возможно, главный маркетинговый персонаж бренда.
2. Используйте только качественные фото
Исходный код лучше загружать в 2-3 раза больше необходимого, чтобы можно было забыть о жутких пиксельных «квадратах», которые заставляют смотреть не в лучшем свете.
3. Создавайте собственные иллюстрации
Стандартные стоковые изображения будут выглядеть дешево и непрофессионально, а пользователи станут синонимом недоверия к бренду. Создавайте уникальные дизайны в той же концепции и в той же цветовой гамме, что и остальной дизайн.
4. Контрастирование фона картинок страницы — что нужно
При таком ярком оформлении миниатюр ВКонтакте «круглая» будет выделяться в ленте среди других групп и не сливаться с фоном страницы.
5. Разместите контакты или УТП фирмы
В зависимости от цели, поставленной перед миниатюрой, разместите на ней контактный телефон или адрес сайта, информацию о бесплатной доставке, указание самой низкой цены в сегменте или акции.
6. Сделать текст крупным и читабельным
Лучше не использовать шрифты с засечками или курсивом — они слишком «шумные» при просмотре с экранов ПК, мобильных устройств и смартфонов, загромождая вид. Убедитесь, что текст не выходит за пределы обрезанного эскиза. Это позволит правильно и эффективно донести сообщение до пользователя.
7. Использовать нестандартные формы
Например, в требуемом круглом шаблоне напишите многоугольник или другую геометрическую фигуру на белом фоне.Создайте эффект непрочитанного уведомления или значок в сети.
Дизайн меню
Меню — важный элемент дизайна группы в Контакте, который упрощает пользователям навигацию по группе — людям будет удобнее находить нужную информацию. Каждый элемент и страница созданы на специальном языке программирования — разметке Wiki. С его помощью вы можете сделать изображения кликабельными и создавать удобные страницы в социальной сети, как если бы это была страница веб-сайта.
Вы можете использовать как открытые, так и закрытые меню. В первом случае пользователь сразу видит входящие в него разделы, во втором — им предшествует картинка-превью с надписью «Меню». Меню также может визуально стать продолжением аватара, если вы используете старую версию дизайна сообщества.
Дизайн витрины продукции
При размещении продуктов в витрине сообщества помните, что первые 3 объекта всегда видны пользователям.Поместите в них самые популярные и самые заказные, загрузив изображение презентации в таком же стиле. Размещайте здесь форменные значки или фото самих товаров. Товары могут быть размещены на сервисах. В дизайне показать процесс оказания услуги или его результат. Размер такой картинки будет квадратным — 400х400 пикселей.
Дизайн столба
1. Используйте доступные размеры изображений в полной мере.
Максимальная ширина изображения в ленте составляет 510 пикселей.Наиболее впечатляющими являются квадратные изображения 510×510 пикселей и прямоугольные — 510×300 пикселей.
2. Разработать индивидуальный стиль публикации
Чтобы ваши сообщения выглядели индивидуально, используйте единый стиль, шрифт и цветовую схему.
3. Поместите короткий текст на картинку
Например, вы можете разделить изображение на 2 части — текст и графику или написать текст, затемняя фон. Чтобы текст был видимым без затемненного фона, напишите его на подложке (высококонтрастный графический блок однородного цвета) или добавьте тень к текстовому полю.Хорошо смотрятся фото с рамкой.
4. Сделайте несколько шаблонов для разных целей
Например, используйте один шаблон визуальной презентации для цитат, другой для анонса материалов с сайта, а третий для конкурсов.
Используйте эти стопроцентные приемы, и ваша компания будет максимально представлена в Вконтакте, а клиентам будет удобно с ней взаимодействовать. Но не забывайте, что всему нужна мера! Еще больше свежих идей по созданию сообщества ВКонтакте ищите на странице услуг агентства Tesla Target.
Всем привет, уважаемые читатели блога сайта. Продолжаю тему — на самом деле все не так сложно, как кажется, и изучать здесь действительно нечего. Ваш профессионализм полностью зависит от вашей практики. Ну да ладно, сегодня мы поговорим о красоте ваших групп, красоте меню в ваших группах и о том, как красиво оформить меню и сами группы своими руками, т.е. бесплатно!
Если говорить о простоте smm-индустрии, то есть еще больше ветвей и хитростей, которые нужно знать теоретически, чтобы добиться результата.Хорошо, хорошо, я также признаю тот факт, что я все еще могу быть слишком слаб в этих областях, хотя у меня есть оба моих клиента.
Ну-ну Вы зашли оформлять меню для групп ВКонтакте?
Как самому оформить меню в группе ВКонтакте
Да, самостоятельно, потому что после прочтения этой статьи вам не понадобятся услуги фрилансеров. Хоть это и не дорогое дело, но за 1500 вы сможете составить меню на workzila (подробный опыт работы с этой биржей я писал).
Вот что нам нужно для регистрации группы в ВК:
1. Макет (графическое расположение элементов) — ведь мы должны знать, где то, что должно располагаться.
2. Базовые знания вики-разметки. (о самых стандартных вещах мы поговорим ниже, а для детального изучения — рекомендую эту группу).
3. Базовые навыки Photoshop. Вам нужно будет вырезать кусочки макета нужного размера.
Где взять макеты меню?
Макеты для оформления меню ВКонтакте можно взять разными способами, например:
1. Freelance или Workzilla.
2. Вы можете создать его сами, если у вас есть навыки работы с фотошопом. Если нет, рекомендую курсы Евгения Попова, вот один из них, просто в фотошопе — нажмите.
3. Можно погуглить и скачать готовые. Поверьте, их много.
Ну с другой стороны… Зачем гуглить? Просто подпишитесь на обновления моего сайта. И нажмите на кнопки социальных сетей ниже.
Специально для вас подготовил архив, в котором более 100 различных вариантов оформления для оформления групп ВКонтакте! … Распакованный архив занимает около 2,5 гигабайт.
Главное условие — быть подписчиком и следить за социальными кнопками.!
Спасибо. Теперь вы можете скачать архив по этой ссылке.
Не забываем пройти остальные социальные кнопки.
Размеры аватарок и меню, которые пригодятся для украшения групп ВК
Чтобы правильно оформить группу или паблик, вам необходимо знать размер изображений, которые вам нужно использовать. Обратите внимание на эту картинку.
Как видите, группе аватаров требуется размер 200 пикселей в ширину и 500 пикселей в высоту. А для изображения главного меню — 395 пикселей в ширину и 289 пикселей в высоту.
Вот в принципе все, что нужно. Есть макеты, есть понимание размеров.
Творческая часть окончена — мало что осталось сделать. Начнем с технической части всего процесса создания меню для групп.
Как самостоятельно оформить группу ВКонтакте, имея под рукой макеты
Итак, у нас есть макеты группового дизайна. Теперь вам нужно вырезать нужные части.
Для группового аватара конечно ничего не надо. Вырежьте нужную деталь из макета или рисунка — и вставьте в группу. Думаю уже можно вставить? Что ж, я на это надеюсь.Если нет — пишите комментарии, я добавлю этот раздел в статью.
Теперь меню, его нужно вырезать. Не само меню, конечно, но каждую часть меню (кнопки) обязательно нужно вырезать.
Во-первых, небольшая ликбез.
В чем разница между групповым меню и публичным меню?
Отличаются тем, что групповое меню уже, по сути, набор кнопок. Но это меню всегда скрыто! Всегда! А публичное меню всегда открыто и, по сути, представляет собой закрепленную пост-ссылку, ведущую на страницу с разделами самого меню (кнопками).
Итак, еще раз: в группе — чтобы увидеть меню, нужно нажать на кнопку «Меню группы», по умолчанию эта кнопка называется «Свежие новости».
И в публичных (в группе, кстати, тоже можно) — меню всегда открыто.
Но это изображение представляет собой одну большую и красивую ссылку, которая ведет к большему отдельному меню. Здесь:
Эта кнопка с изображением в меню создается закрепленным постом. Это просто пост в группе, который мы будем закреплять навсегда! Эта ссылка на публикацию ведет на отдельную страницу, которую мы аккуратно создадим заранее.
Как создать отдельную страницу для меню ВКонтакте
Для создания страницы будущего меню (навигации) необходимо отправить запрос в ВК следующего содержания:
, где XXX — номер группы, YYY — имя страницы (здесь требуются все вопросительные знаки и тире).
Более того, рекомендую сделать имя нормальным, привлекательным и значимым, потому что оно будет светиться, и люди этим именем будут добавлять определенное впечатление о вас и вашей группе. Например «Навигация» или «Групповое меню» — это нормальные названия, но вроде бы банальные.Использовать свое воображение.
Я ввел следующий запрос
И я открыл сразу созданную страницу с возможностью ее редактирования.
Здесь вам нужно будет вставить свой код для самого меню, используя разметку wiki. Но об этом позже.
Кстати, по секрету скажу, если у вас есть группа (а не публичная) — стандартное меню, которое уже существует по умолчанию — это уже сама по себе страница. Так что вы можете использовать его, если у вас возникнут проблемы с созданием дополнительных страниц.
Как сделать закрепленный пост в группе или паблике
Да, и в любом типе сообщества закрепленный пост создается одинаково! Все сделано очень просто.
И в появившемся окне нажимаем кнопку «Исправить» — все просто!
Многие группы, кстати, используют закрепленные сообщения в качестве рекламы. Если время актуальности этого объявления прошло, вы просто снова нажимаете на дату публикации и на кнопку «Открепить».
Фактически, теперь каждый использует именно этот метод меню.
Угадайте, почему?
Итак, мы уже знаем, как создавать страницы и закреплять сообщения. Прохладный. Вернемся к нашим макетам баранов.
Нарезка макета для создания группы или публики
Итак, с аватаркой все понятно, здесь мы ничего не рубим. Мы создали картинку нужного размера и загрузили ее в ВК. Все. Мы закончили с аватаркой группы!
Теперь меню.
Я, например, взял меню из этой группы. Я сделал это сам, и у меня до сих пор есть к нему доступ, поэтому я даже могу показать код страниц.
Итак, вы уже знаете, как сделать главную картинку для меню — это просто закрепленный пост.
Щелкните по меню, смотрите картинку.
Нам нужно выбрать «кликабельные» зоны.
тех. выбираем сами кнопки. Позвольте мне выделить вам эти области красными линиями.
Сколько мы получаем? 5 картинок. И не на каждой картинке будет кнопка !! Как видите, верхняя большая картинка не кнопка, а сама по себе …
Итак, вырезаем картинки по этим линиям.Теперь нужно «залить» в ВК.
Если вы создали отдельную страницу для меню, нажмите кнопку «Заполнить содержимым» на вновь созданной странице.
Если вы не создавали эту страницу, а использовали готовую страницу для меню, то редактор страниц прямо перед вами и вы сразу можете загружать фото:
Заполните и у вас должно получиться следующее:
Возможно, у вас будет просто код, как на картинке ниже. Если нет, нажмите кнопку «Исходный код», я выделил эту кнопку на верхнем рисунке.И вы увидите следующее:
Здесь нужно выстроить все картинки в ряд, чтобы не запутаться (ну, я так и делаю).
А чтобы между картинками не было отступа, добавьте тег «nopadding», он должен выглядеть так:
это page-581
_45419120 — это адрес самой страницы ВКонтакте, этот идентификатор вы найдете в адресной строке браузера.
Вот и все 🙂 Разве не сложно?
Это то, что я получил в итоге в коде.Если у вас есть что-то подобное, то все в порядке.
Если у вас возникли проблемы с любым из пунктов, свяжитесь с нами. Буду рад помочь.
Пользуясь случаем, хочу напомнить вам, что есть замечательные услуги для любой акции и продвижения, это:
prospero | общаться | социальные инструменты
Возможно, я не раскрыл всех секретов, которые нужно было раскрыть. Признаюсь, что-то упустил, ведь статья не маленькая — напишите мне, если заметите явные упущения.Заранее спасибо.
В этой статье я хотел бы систематизировать все свои знания о дизайне групп ВКонтакте, основываясь на моем опыте взаимодействия с клиентами и их предпочтениях. Более того, за последние полгода ВКонтакте внесло много изменений, о которых многие даже не подозревают. На некоторых нововведениях хотелось остановиться подробнее, так как среди них есть действительно стоящие и полезные вещи. Все мы вроде бы уже оправились от шока после редизайна ВКонтакте, и за видимыми изменениями раскрылась многовариантность функционирования и содержания группы.Так что теперь оформление групп — это сложная процедура, которая не ограничивается исключительно графической составляющей в виде красивых картинок. Теперь владельцам необходимо учитывать множество нюансов построения структуры группы в зависимости от тематики бизнеса и удобства пользователей.
В основном это касается выбора графического дизайна из двух взаимоисключающих вариантов, разработки внутреннего меню, выбора точки входа во внутреннее меню, понимания разницы между каталогом и витриной товаров, подготовки рекламных материалов для продвижения группа, использующая полезные приложения.Но обо всем по порядку. Сначала мы рассмотрим основные элементы дизайна группы, затем перейдем к их взаимодействию в виде различных комбинаций, а затем поговорим о некоторых полезных хитростях и тонкостях.
1. Горизонтальная крышка (жатка)
Начнем с горизонтальной крышки или жатки. Разработчики ВКонтакте уверяют, что обложка благодаря своим размерам дает большую гибкость в предоставлении и визуализации информации. Обычно, помимо красивой картинки, в шапке есть логотип, сопроводительная информация, контакты, призыв присоединиться к группе и адрес сайта.У меня есть подозрение, что когда-нибудь чехлы станут единственно возможным вариантом дизайна для группы, поэтому рекомендую сразу перейти на них, чтобы в дальнейшем избежать форс-мажорных редизайнов.
Как загрузить обложку
Чтобы скачать обложку, вам нужно перейти в Управление сообществом >> Основная информация >> Обложка сообщества >> Скачать. Рекомендуемый размер обложки — 1590 × 400 пикселей.В шапке не может быть никаких рабочих кнопок, на которые можно было бы нажимать — собственно, это картинка и все. Сегодня обложка видна на мобильных устройствах и, кажется, уже видна в приложениях и клиентах.
Вкладка Wiki Последние новости
В верхнем блоке под заголовком теперь могут быть три вкладки: закрепленная запись, информация о сообществе и вики-меню (только в группах, на публичных страницах такой вкладки нет). Акцент по-прежнему делается на закрепленный пост, но даже при его наличии у пользователя теперь всегда будет доступ к информации о сообществе, переключаясь между вкладками.Чтобы увидеть вкладку вики-меню (первоначально называвшуюся «Свежие новости»), вам нужно перейти в Управление сообществом »Разделы» Контент »Запрещено (или Открыть)» Сохранить.
2. Вертикальный аватар
А теперь обратим внимание на старый добрый групповой аватар размером 200×500 пикселей. Пока это еще и способ украшения группы. Обычно на аватаре располагается следующая информация: логотип, сопроводительный текст или слоган, контакты, звонок для присоединения к группе. На мобильных устройствах аватар не виден полностью, видна только его часть — миниатюра.Для украшения группы можно использовать либо горизонтальный заголовок (обложку), либо вертикальный баннер. Если есть заголовок, вертикальный аватар не виден. На аватаре не может быть никаких рабочих кнопок, на которые можно было бы нажимать — собственно, это картинка и все.
3. Миниатюра
В настоящее время вертикальный аватар используется для создания миниатюры, минимальный размер которой составляет 200×200 пикселей. Миниатюра используется в сообщениях и сообщениях в виде маленького кружка у заголовка и в виде большого кружка в некоторых выборках и упоминаниях сообщества.В связи с переходом к округлой форме требования к миниатюрам ужесточились. Чтобы текст на миниатюре читался полностью, он должен визуально не выходить за границы круга.
Как загрузить миниатюру
Миниатюра стала полностью самостоятельным элементом и при использовании обложки (заголовка) в дизайне группы теперь нужно делать отдельную миниатюру, имейте в виду. Если у группы нет шапки (обложки), то для скачивания миниатюры нужно нажать «Загрузить фото» в блоке аватара (вверху справа).Если в дизайне есть заголовок (обложка), то для загрузки миниатюры нужно нажать на кружок сразу под заголовком и выбрать там пункт «Загрузить фото».
4. Баннер
Баннер (англ. Banner — флаг, знамя) — графическое изображение информационного, рекламного или побудительного характера. Баннер прикрепляется к сообщению в виде изображения и может иметь только одну внутреннюю ссылку. Многие до сих пор убеждены, что с баннера на главной странице можно сделать несколько ссылок.Это не тот случай, всего одна ссылка и все. Я бы выделил следующие типы баннеров.
4.1 Информационный баннер
Распространенный тип баннера, содержащий общую информацию о компании, группе, услуге или мероприятии с подробным списком преимуществ и другими сопутствующими материалами. Часто используется как закрепленный пост в группе. Размер такого баннера 510х307 пикселей. При таком размере баннер внизу совпадает с аватаркой. Если ссылки с аватаркой нет, то можно использовать любой размер.Например, я использую 600×350 пикселей. Формат квадрата 510х510 пикселей тоже удобен и сейчас набирает популярность — при таком размере баннер занимает максимально возможную площадь в ленте новостей.
4.2 Баннер для входа во внутреннее меню
Если мы добавим к баннеру броскую надпись «Открыть меню» из предыдущего абзаца, то мы получим баннер, основная задача которого — служить точкой входа в внутреннее меню. Иногда делают прикол в виде нескольких кнопок на баннере, но это иллюзия, когда пользователь нажимает, он все равно попадает на внутреннюю страницу, и там каждая кнопка имеет свою ссылку.Размер такого баннера 510х307 пикселей. При таком размере баннер внизу совпадает с аватаркой. Если вход в меню не привязан к аватарке, то можно сделать баннер любого размера, даже узкую кнопку с надписью «Открыть меню». Главное, чтобы ширина баннера была не менее 510 пикселей.
4.3 Карты для репостов, акций
В последнее время особую актуальность приобрели карты для репостов или акций. Его задача — призывать к конкретным действиям.В основном это «Присоединяйтесь к группе, делайте репост или ставьте лайк и выигрывайте приз». Такие баннеры используются в рамках рекламных кампаний или акций как в собственных группах, так и для продвижения в других группах. Я обычно использую 600×350 пикселей.
4.4 Баннер с гифкой
После того, как разработчики ВК в начале года сделали больший размер для гифок, гифки сразу встали в ряд с информационными баннерами. Например, на GIF-баннере можно дать изображения нескольких изменяющихся товаров или текстов — движение сразу привлекает внимание.А когда в июне была добавлена функция автозапуска гифок в ленте новостей, гифки стали объектом пристального внимания рекламодателей и маркетологов.
5. Дизайн аватара + прикрепленный баннер
До недавнего времени этот модульный дизайн, состоящий из аватара и прикрепленного баннера, был самым популярным способом украшения групп. Подробнее о том, как сделать такую конструкцию, рассказано в уроке. С появлением кепки (чехла) популярность такого дизайна может немного снизиться.
Плюс есть вероятность, что ВКонтакте снова поменяет некоторые параметры блоков и тогда весь дизайн слетит, как уже было дважды за последние полгода. Итак, уважаемые владельцы группы, выбирая дизайн для своей группы, учитывайте этот факт. Да и еще один момент, в мобильных устройствах не видно всей красоты отдельной картинки, так как отображается не аватар, а только миниатюра, а закрепленный пост находится чуть ниже.
6.Меню внутренней навигации
Меню в виде активных ссылок расположено на внутренней странице ВКонтакте и написано с помощью команд разметки вики. Как создать саму внутреннюю страницу, рассказывается в уроке. С помощью меню пользователь перемещается по группе. Ниже вы рассмотрим типы внутреннего меню, а пока остановимся на нескольких важных моментах.
Точки входа во внутреннее меню
Хочу отметить один тонкий момент, который часто упускается из виду.Иногда клиенты заказывают у меня внутреннее меню, но при этом совершенно не представляют, как пользователь попадет в это самое внутреннее меню. И попасть в него можно двумя способами: либо через фиксированный баннер (см. Пункт 4.2), либо через текстовую ссылку в верхней вкладке под строкой состояния (см. Рис. Ниже). Иногда текстовая ссылка также помещается в блок «Ссылки» в правом столбце интерфейса.
Внутренние ссылки меню
Обычно при заказе покупатели указывают следующие пункты меню: О нас, Наши товары (каталог), Способы доставки, Оплата, Гарантии, Отзывы, Контакты, Акции, Скидки, График, Как сделать заказ, Портфолио , Вопросы и ответы, Информация, Сделайте заказ.Ссылки из пунктов меню могут переходить в соответствующие разделы внешнего сайта. Тогда ссылка автоматически откроется в новом окне. Большинство точек ведет на внутренние страницы ВКонтакте. В этом случае страница открывается в том же окне, и вам необходимо сделать ссылку или кнопку «Вернуться в главное меню».
Ссылки на альбомы с фото и видео откроются в новом окне. Ссылки на темы с обсуждениями (например, Обзоры), на диалоговое окно для написания сообщений, на приложения (см. Параграф 10), на выборку по хэштегам (см. Параграф 12) открываются в том же окне и в этом случае вы можете получить вернуться в меню можно только через главную страницу сайта или через кнопку «Назад» в браузере.Это, пожалуй, самый неудобный момент с такими ссылками.
Редактирование меню
Меня часто спрашивают, можно ли редактировать внутреннее меню. Мой ответ: если вы уверенный пользователь и знакомы с режимами разметки и редактирования вики, то вы можете редактировать. Но если вы со всем этим не знакомы, то совершенно нет. В этом случае вы просто сбиваете все настройки.
Процитирую слова самих разработчиков ВКонтакте. «Один простой совет сэкономит вам много сил и нервов: работайте только в одном режиме.Либо это визуальный режим, либо режим разметки вики. Именно переключение между этими двумя режимами в процессе работы над разметкой приносит большую часть проблем: изображения могут сжиматься, различные параметры могут исчезать. Это один из тех моментов, которые обязательно будут исправлены в будущем, но пока нужно помнить об этом факте. «
Мобильная отзывчивость
И еще кое-что об адаптивности. Чтобы внутреннее меню на мобильных устройствах выглядело так же, нужно набирать его на столах.Тогда изображение будет жестко закреплено. В противном случае при уменьшении размера экрана изображения будут скользить одно под другим, нарушая изначально задуманный порядок.
Здесь снова слова разработчиков в ущерб адаптивности. «Вики-меню отображается в мобильных браузерах, но не адаптируется к размеру экрана, из-за чего изображения могут выглядеть иначе, чем на компьютере. В сети можно найти руководства по адаптации разметки вики для мобильных устройств, но даже они не гарантируют 100% производительность на всех устройствах.«
7. Типы внутреннего меню навигации
Ниже приведены наиболее распространенные типы внутренних меню. Есть более простые и бюджетные решения с высокой степенью надежности. Есть и более сложные и трудоемкие конструкции с точки зрения графики и верстки. Но выглядят они более эффектно.
7.2 Большое графическое меню
В данном случае вертикальный ряд ссылок располагается на большом фоновом изображении и имеет жестко закрепленную структуру. Вот учебник.
7.3 Меню в виде пиктограмм, плиток
Данный дизайн предполагает несколько рядов и столбцов в виде графических пиктограмм и надписей к ним, либо графических многоцветных или монохромных плиток.
7.4 Динамическое меню с эффектом навигации
Очень впечатляющий дизайн, имитирующий навигацию по сайту с эффектом нажатия кнопок или другой пометки посещенных ссылок. Такое меню довольно сложно в управлении и требует навыков взаимодействия с разметкой вики, так как вам также придется редактировать информацию на страницах в разметке вики.Вот руководство по этой теме.
Несколько советов, как сделать дизайн группы Вконтакте эффективным. Изучите принципы правильного проектирования элементов коммерческого сообщества, чтобы оно стало стабильным источником прибыли для вашего бизнеса.
Вы научитесь правильно ставить задачи по разработке дизайна группы Вконтакте перед своими сотрудниками или фрилансерами. Вы сможете контролировать процесс работы и оценивать конечный результат не только с эстетической точки зрения, но и с учетом способности созданного дизайна превращать посетителей в клиентов.
С чего начать работу над дизайном?
Начать разработку дизайна группы Вконтакте с определением целевой аудитории , выявлением своих желаний и потребностей. Вы должны иметь четкое представление о том, кому и как вы будете продавать тот или иной товар или услугу.
Изучите своих конкурентов. Вполне логично, что конкуренты уже прошли этап поиска целевой аудитории. Вам необходимо проанализировать их сайты и группы в социальных сетях.Это поможет вам определить аудиторию, на которую нацелены тексты на сайтах ваших конкурентов.
Определите сильные и слабые стороны вашего предложения по сравнению с предложениями на рынке. Перечислите 3-5 преимуществ вашего бизнеса. Это могут быть: бесплатная доставка, гарантия 5 лет, опытные специалисты, широкий ассортимент и т. Д.
Создайте торговое предложение на основе исследования целевой аудитории и сайтов конкурентов. Это название аватарки или обложки группы Вконтакте.Он играет огромную роль в принятии решения о дальнейшем изучении содержания сообщества. Ваше предложение должно четко определять тему, быть простым и понятным любому посетителю. При его составлении думайте о пользе для клиента, а не о продукте.
Люди не хотят покупать товар / услугу — им нужно решение своих проблем.
Все это подготовительные этапы, которые необходимо пройти перед началом работы над дизайном группы Вконтакте. Именно они определяют контент, который необходимо разместить в макете дизайна.
Важные элементы в оформлении групп Вконтакте
С содержанием определились, теперь пора узнать рекомендации по оформлению групповых элементов. Разберем только самое необходимое: аватар и миниатюру, обложку, баннер закрепленного поста и меню.
Аватар
Разместите на нем свое коммерческое предложение, чтобы спровоцировать посетителей на целенаправленное действие. Кроме того, аватар должен содержать контактную информацию, по которой с вами можно связаться, изображение продукта или тематическую иллюстрацию услуг.
Используйте только высококачественные изображения и забудьте о клипартах с бесплатных фотостоков. Поиск картинок для эффективного оформления группы Вконтакте нужно производить на сайтах pinterest.com, freepik.com, flaticon.com или, на крайний случай, google.ru. Но лучше выбирать изображения на платных фотостоках. Пожалуйста, вводите условия поиска только на английском языке. Если вы испытываете трудности с английским, то смело пользуйтесь переводчиком Google.
А чтобы вам было проще принять верное решение, мы дарим 500 рулей для оформления меню каждому, кто перешел по указанной ссылке.Для получения скидки достаточно ввести код HWC1817-500- в меню при отправке заявки.
Добрый день. В этом посте мы поговорим о том, как самостоятельно оформить группу ВКонтакте. Совсем недавно мы подробно посмотрели и поговорили о том, какого размера и качества должно быть изображение. Но дизайнеры пошли дальше, и теперь можно найти множество сообществ, в которых меню и аватар представляют собой единое целое. Смотрится потрясающе. А сегодня вы узнаете, как сделать красивый дизайн для группы или паблика своими руками, не прибегая к помощи фрилансеров и профессиональных веб-дизайнеров.
Чтобы вы сразу поняли, о чем идет речь — выкладываю пример оформленной группы:
Если в двух словах, то в графическом редакторе (тот же edob photoshop) создается 2 картинки. Один из них разрезан на несколько фрагментов и добавлены ссылки с использованием вики-разметки ВКонтакте. Если вас не пугают эти страшные слова — продолжу.
Шаг 1 … В графическом редакторе (желательно Adobe Photoshop) нужно создать документ размером 630 на 725 пикселей.Далее в первом слое вырежьте 2 окна, в которых будет меню и аватар. Сначала выберите прямоугольник 200 x 500 пикселей и нажмите клавишу DEL.
__________________
Сразу оговорюсь, что в уроках на других сайтах можно найти подсказки, где говорится, что нужно обрезать прямоугольник размером 200 * 710. НЕ ПРАВИЛЬНО. Сейчас в соцсети ВКонтакте есть ограничение на высоту авы, и в случае использования высоты 710 пикселей она получится обрезанной.
__________________
Теперь вырезаем меню — еще один прямоугольник 382 на 232 и тоже нажимаем клавишу «разделить». Прямоугольники следует соединить внизу.
Заготовка готова.
Step 2 … Теперь нашу заготовку нужно закрыть фоном. При необходимости напишите текст и создайте будущие кнопки под меню. В примере их 5, но вы можете сделать столько, сколько вам нужно, но не следует делать их слишком маленькими, тем самым вы снизите удобство использования, заставляя пользователя увеличивать страницу или щуриться, чтобы читать текст.
Шаг 3 … Правый прямоугольник можно сохранить. Не забывайте про размер 200 на 500. Это готовый аватар для вашей группы. Вы можете сразу скачать его в правом верхнем углу группы / паблика.
Что касается прямоугольника с отмеченными пунктами меню, то его нужно будет разрезать на несколько картинок (в данном случае 5). Ширина 382, но высота рассчитывается индивидуально, но должна быть не менее 50 пикселей.
Шаг 4 … Теперь вам нужно загрузить 5 полученных фотографий в альбом сообщества.
Как только работа будет выполнена, нужно приступить к редактированию новостного блока в группе. Зайдите в «свежие новости» и нажмите кнопку «редактировать»
У вас должны быть открыты фотоальбомы и документы в настройках группы. Это важно, потому что без него вы не сможете загрузить фото и составить меню.
Шаг 5 … Во вкладке «редактировать» вставляем следующий код:
[]
[]
[]
[]
[]
Начинаем его редактировать.Фото
— представляю ссылку на фото. Откройте одну из 5 фотографий, которые вы загрузили из группового меню, и в строке браузера вы увидите что-то вроде этого —
http://vk.com/photo72120765_272239411
72120765_272239411 — это очень необходимый код фотографии. Вы можете просто использовать имя файла.
Шаг 6 … Необходимо объединить картинки с аватара меню, если они исчезли. Для этого нужно сделать 3 вещи:
Название группы должно быть на одной строке
Описание в 10 строках (иногда здесь требуется подгонка)
Сайт тоже на одной строке.
Вот что примерно должно получиться:
Как видите, сделать дизайн для группы ВКонтакте несложно. Если есть вопросы — задавайте их в комментариях, а если не хотите «париться» — у вас прямая дорога в фриланс.
Создание дизайна, описанного в этой статье, обойдется вам в 15-25 долларов США.
Как сделать новую аватарку в ВК. Как сделать аватарку для группы в ВК: подробная инструкция
Аватар для группы ВК нужно выбирать с умом, ведь это лицо сообщества.Только яркое, информативное и привлекательное изображение способно привлечь внимание посетителей, заинтересовать публику. В этом обзоре мы расскажем, как выбрать и настроить подходящий образ, поговорим о требованиях и правилах загрузки. Прочтите и узнайте нужную информацию!
Определение
Что такое аватар? Это уникальное фото, размещенное на публичной странице. Админы сообщества сами выбирают изображение — оно используется для уникальной настройки сообщества.
Персонализированное изображение обозначает общественную тему, содержит контактную информацию, рекламные данные.Есть два типа этого дизайна:
- Маленькая вертикальная картинка — это аватар;
- В группе ВКонтакте можно сделать горизонтальную аватарку — так и называется.
Привлекательность дизайна аватара основана на строгих правилах, которые стоит обсудить.
Требования
Изображения должны соответствовать определенным требованиям, установленным разработчиками социальной сети … К аватару применяются следующие правила:
- Размер 200×500 пикселей;
- Пропорции — 1-2.5;
- Миниатюра имеет формат 200×200 пикселей;
- Пропорции миниатюры 1: 1.
Обложка выбирается по следующим правилам:
- Разрешение — 1590х400 точек;
- Размер не менее 795 пикселей в ширину и 200 пикселей в высоту.
Правило для форматов общее — выбирайте только GIF, PNG, JPG.
Как сделать аватарку самому?
Вы можете создать аватар для группы ВК онлайн самостоятельно — есть несколько вариантов на выбор.
Первый способ — воспользоваться спецслужбами, которыми в изобилии есть в Интернете. Большинство конструкторов можно использовать бесплатно, например Canva. Как выглядит процесс создания изображения?
- Выберите один из множества встроенных шаблонов аватаров группы ВКонтакте;
- Загрузить картинку для базы;
- Используйте фильтры, играйте с яркостью и контрастом;
- Выбирайте стикеры, рамки, анимированные картинки;
- Загрузите готовое решение! Все желаемые настройки будут выложены автоматически.
Есть второй способ — скачать фотошоп к себе на компьютер! Краткое руководство по Photoshop можно найти ниже, даже базовых знаний хватит, чтобы создать красивый логотип.
Несколько полезных советов для новичка без дизайнерских навыков:
- Следуйте теме сообщества;
- Избегайте большого количества контактной информации;
- Переместите рамки так, чтобы основная часть аватара отображалась в окне миниатюр;
- Выберите подходящую цветовую схему.
Обсуждали как сделать аватарку для группы ВК онлайн. Если у вас уже есть готовая версия, самое время выложить ее на страничку!
Как поставить и поменять?
Выложить изображение на публичную страницу может даже новичок — в этом нет ничего сложного:
- Наведите курсор на область изображения в боковом меню;
- Ниже будет выбор вариантов;
- Выбрать пункт «Скачать»;
- Щелкните кнопку «Выбрать файл»;
- Найдите на устройстве интересующую вас картинку;
- Переместить рамки — это область, которая будет отображаться на странице сообщества;
- Щелкните значок «Сохранить и продолжить»;
- Выделите квадратную область эскиза, сдвинув рамки;
- Нажмите кнопку «Сохранить изменения».
Не нужно долго думать, как сменить аву в группе ВК — все необходимые настройки появятся при наведении курсора на изображение.
Мы говорили о небольших размерах конструкции. Хотите установить чехол? Тогда читайте, как поставить горизонтальную аватарку в группу ВК:
- Откройте страницу;
- Нажмите кнопку «Настройки» в меню навигации;
- Перейти в блок «Основная информация»;
- Выберите раздел Community Cover;
- Нажмите кнопку «Загрузить»;
Мы рассказали, как сделать аву для группы ВК и успешно ее установить.Вы узнали все о требованиях к качеству — больше не будет вопросов и сложностей, ваша публичная страница будет выделяться из общего ряда уникальным дизайном!
Как сделать горизонтальную картинку профиля в группе ВКонтакте — вопрос, который задают большинство администраторов и создателей сообществ ВКонтакте. Горизонтальная полоса покрытия создает привлекательный внешний вид группы и создает возможность более точно передать атмосферу сообщества. В этой статье мы расскажем, как самостоятельно скачать эту конструктивную деталь.
Пошаговая инструкция, как сделать горизонтальную аватарку в группе ВКонтакте.
Первый шаг — выбрать картинку, которую вы хотели бы видеть в качестве обложки. Оптимальный размер изображения для верхней картинки ВКонтакте — 1590х400 пикселей. Формат изображения: JPG, GIF и PNG. Если вы полностью соответствуете формату и размеру изображения, вы можете получить наилучшее соответствие между вашим изображением и фактическим видом загруженной обложки.
После выбора изображения вы можете сразу начать его загрузку.Для этого зайдите в сообщество и перейдите в меню управления сообществом. В открывшемся меню найдите поле «Обложка сообщества». Затем нажмите «Загрузить» и следуйте всем инструкциям. Сохраните результаты, и все готово! Теперь у вас есть красивый горизонтальный аватар и вы можете приступить к его работе
Евгения Крюкова* Обновление статьи.
Красивый дизайн сообщества ВКонтакте — это не прихоть, а важный элемент, формирующий доверие пользователей к вам и вашей компании.Если общедоступная страница или группа не созданы профессионально, ваши потенциальные клиенты могут вполне логично заключить, что вы так же небрежно относитесь к своей работе. Чтобы этого не случилось, убедитесь, что ваша страница ВКонтакте красивая, аккуратная и удобная в использовании. Как это сделать? Читай ниже.
Актуальные размеры картинок ВКонтакте
Некоторое время назад разработчики социальной сети ВКонтакте запустили новый дизайн. Это привело к тому, что изменились размер и принципы отображения изображений.Памятка, которая будет представлена ниже, соответствует всем нововведениям и содержит размеры, актуальные на данный момент времени.
А теперь давайте подробнее рассмотрим каждый предмет.
ВК размер аватара
Минимальный размер аватара — 200 на 200 пикселей. Если вы попытаетесь загрузить изображение размером менее 200 пикселей в ширину или в длину, вы увидите эту ошибку:
Максимальный размер аватара — 200 x 500 пикселей. Но, в принципе, можно загружать изображения и большего размера — до 7000 пикселей с каждой стороны.Главное, чтобы соотношение их сторон не превышало 2: 5.
Я покажу вам на примере.
У меня есть образ. Его размер составляет 200 на 800 пикселей (соотношение 2 к 8). При загрузке ошибок не возникает. Однако я все еще не могу использовать это изображение, так как «Контакт» не позволяет мне выбрать его полностью.
Крышка
Размер обложки для полной версии сайта 1590 х 400 пикселей.
Обратите внимание: в мобильной версии и приложениях отображается не полная версия обложки, а только ее часть размером 1196 на 400 пикселей.Посмотрите, как его обрезают в мобильном приложении:
Чтобы этого не случилось, разместите основные элементы обложки в пределах 1196 на 400 пикселей.
Прикрепленные изображения
В обновленном дизайне «Контакты» ширина ленты новостей стала фиксированной. Это означает, что изображения, прикрепленные к сообщению, больше не растягиваются, а остаются такими, какие есть. Следовательно, если вы хотите, чтобы ваше изображение полностью заполняло отведенное ему пространство в ленте новостей, его ширина должна быть не менее 510 пикселей.Лучше всего, если это будет квадрат или прямоугольник в альбомной ориентации.
Звучит немного запутанно 🙂 Я покажу вам пример.
Допустим, у нас есть квадратное изображение со сторонами 510 пикселей. Если прикрепить его к нашему посту, он очень хорошо смотрится в ленте новостей на всех устройствах:
А вот так выглядит горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):
Как видите, чем уже изображение (по высоте), тем меньше оно выглядит в ленте смартфонов.Чтобы убедиться в этом, посмотрите на картинку ниже:
Понятно, что разница здесь не особо критична, и пользователи смартфонов все равно будут рассматривать ваш имидж, просто во втором случае им будет немного комфортнее.
Картинки для постов со ссылкой
Все эти данные взяты из кода разметки Open Graph:
Если Open Graph не указан, заголовок берется из метатега Title, а изображение берется из статьи.При этом его можно легко изменить — или выбрать другое изображение из статьи с помощью специальных стрелок:
Или загрузите свой:
Минимальный размер изображения, которое вы можете использовать для предварительного просмотра статьи, составляет 537 на 240 пикселей. Однако вы можете загружать изображения большего размера, если соотношение сторон правильное.
Картинка к статье, созданной в редакторе
Размер изображения обложки статьи, созданной в редакторе, составляет 510 на 286 пикселей.Лучше, если он будет темным и более-менее однотонным, так как на светлом фоне теряется название статьи и сообщества.
Хороший пример:
Не лучший пример:
Размер фото и видео для рассказов
Размер фото 1080 на 1920 пикселей. Размер видео 720 на 1280 пикселей.
Характеристики видеозаписи:
- до 15 секунд;
- не более 5 МБ;
- ч.264 кодек;
- звук aAC.
В рассказах должны использоваться фото и видео вертикального формата.
Обратите внимание: истории от имени сообществ на данный момент могут добавлять только крупные сообщества, для которых разработчики ВКонтакте открыли эту функцию. И делается это с помощью официального приложения … Это невозможно сделать с компьютера.
Примеры динамических скинов:
Обложка + описание сообщества + ссылка на сайт
Некоторые компании специально не исправляют какие-либо сообщения в шапке, чтобы пользователи могли прочитать основную информацию о странице и сразу перейти на сайт.
Описание с хэштегами
Некоторые компании добавляют к стандартному описанию страницы хэштеги, которые ее характеризуют. Это сделано для того, чтобы страница имела более четкую релевантность и за счет этого занимала более высокое место в поиске по релевантным запросам. Если честно, не знаю, работает этот метод или нет. Кейсов по этой теме не встречал, так что если кто знает, буду признателен, если поделитесь ссылкой.
Закрепленное сообщение, рассказывающее, о чем эта страница.
Если вы хотите рассказать о своей странице более подробно (с фотографиями, ссылками и красивым макетом), то вы можете прикрепить вики-пост или статью, набранную в редакторе, с яркой картинкой на анонсе в шапку, что побудит пользователей щелкнуть по нему.Пример такого поста:
А вот что видит пользователь после перехода по ссылке:
Меню новых ссылок
Не так давно разработчики ВКонтакте наконец-то порадовали владельцев сообщества новым инструментом, с помощью которого можно создавать меню — быстро и без мучений с вики-страницами. Выглядит несколько примитивно, поэтому я еще расскажу, как создать красивое меню.
Меню появляется автоматически, если вы используете приложения сообщества или подключили магазин.Например, на предыдущем рисунке все три пункта меню представляют собой ссылки на приложения. Вы можете добавить сюда свои — в важные записи, альбомы, обсуждения и т.д., до 7 штук (без учета приложения). Но вы можете ссылаться только на ресурсы в социальной сети, за исключением вики-страниц.
Для редактирования меню нажмите «Настроить» в правом верхнем углу виджета:
Чтобы добавить пункт меню, щелкните «Новая ссылка».
В открывшемся окне выберите обложку (минимальный размер — 376×256 пикселей), введите название пункта меню (важно, чтобы он оставался в пределах 20 знаков с пробелами), добавьте ссылку и нажмите «Сохранить».
Если вы хотите скрыть приложение из меню, изменить его заголовок или обложку, нажмите «Изменить» напротив соответствующего пункта. То же самое можно сделать и с остальными ссылками, которые были добавлены вручную и требуют настройки.
Результат должен выглядеть примерно так:
Групповое меню открыто
Открытое меню Я вызываю такое меню, в котором сразу видно, из каких пунктов оно состоит. То есть изображение предварительного просмотра вики-сообщения полностью дублирует его содержание.Таким образом, пользователи сразу видят, что их ждет внутри. Я покажу вам на примере.
Вот как выглядит закрепленный пост в заголовке Flatro:
Групповое меню закрыто
Закрытое меню — это тот же пост вики, что и в предыдущем абзаце, только в объявлении есть изображение, на котором нет пунктов меню. Обычно на нем пишут: «Меню», «Меню навигации» или «Навигация по общедоступным материалам».
И вот что мы видим, когда нажимаем на него:
Кстати, следует отметить, что это не единственные варианты.В принципе, вы можете написать на этой картинке все, что захотите. Главное, чтобы пользователь хотел по ней кликнуть, и он понимал, что его ждет после этого. Пример:
Групповое меню
Объединенное меню — это когда изображение в анонсе вашего меню представляет собой одно изображение с аватаром. Ниже я подробно расскажу, как сделать такое меню, а пока только посмотрите, как красиво оно выглядит.
Хотите красиво оформить сообщество ВКонтакте, но не имеете необходимых навыков? Оформление заказа в нашей компании.Мы подготовим для вас аватар, обложку, шаблоны категорий, меню и превью товаров.
GIF и аватар в одном изображении
А вот такой вариант дизайна шапки меня очень впечатлил. Автоматически проигрываемый GIF сливается с аватаром в единую композицию и привлекает внимание пользователей, даже если на нем нет никакой информации.
Кстати, я видел этот пример в группе SMM-маркетолога Сергея Шмакова. Так что за находку выражаю ему огромную благодарность 🙂
Скрытое меню
Скрытое меню доступно только для групп (страницы не имеют такой функции).Чтобы его увидеть, нужно перейти по соответствующей ссылке. Преимущество этого метода проектирования заключается в том, что пользователи могут видеть основную информацию сообщества, и если они хотят использовать меню, им просто нужно сделать один щелчок. Однако здесь есть небольшой недостаток — не все пользователи знают о существовании этой функции, поэтому вашему меню может быть уделено меньше внимания, чем если бы оно было закреплено вверху страницы.
Автоматическое воспроизведение видео
В конце ноября 2015 года в социальной сети ВКонтакте появилось интересное нововведение — как только пользователь заходит на вашу страницу, прикрепленное к шапке видео начинает воспроизводиться автоматически.С помощью этой техники вы можете привлечь еще больше внимания пользователей (особенно тех, кто впервые посетил вашу страницу), и в то же время не раздражать тех, кто не любит, когда им навязывают их контент, потому что видео воспроизводится без звука и практически не мешает …
Как добавить такое видео в шапку своей страницы?
Для этого необходимо выполнить три условия:
- Прикрепите видео к сообщению и закрепите его в топе сообщества.
- Кроме видео, к записи больше ничего не прикреплять. Видео и текст только по желанию.
- Видео должно быть загружено ВКонтакте — сторонние плееры не поддерживаются.
Сообщение, получившее много репостов
Еще один способ продуктивно использовать пространство в заголовке страницы — закрепить на нем один из самых успешных постов — тот, который уже набрал и продолжает набирать большое количество лайков и репостов.Зачем это, думаю, все понимают — чем больше репостов, тем больше охват, тем больше подписок получает страница.
Анонсы новых клипов, альбомов, событий
Презентация новых продуктов / услуг
Акции и скидки
Корпуса, отзывы покупателей
Реклама приложений
Розыгрыши
Правила сообщества
Ссылки на другие социальные сети
Я перечислил далеко не все варианты оформления шапки.В основном, на обложке и в прикрепленном посте вы можете размещать любую информацию: вакансии, объявления, ссылки на самые продаваемые продукты и т. Д. Так что не ограничивайтесь приведенными выше примерами. Проявите творческий подход и используйте дизайн своего сообщества для достижения своих целей.
Какой должна быть аватарка
Аватар — это не только красивая картинка с логотипом вашей компании, но и рабочий инструмент маркетолога, с помощью которого он добивается своих целей. Давайте подробнее рассмотрим, каким он должен быть, чтобы привлекать внимание пользователей и побуждать их к выполнению целевого действия.Начнем с миниатюры.
Уменьшенное изображение аватара
- Текст на миниатюре аватара должен быть достаточно большим, чтобы его можно было прочитать.
- Текст не должен выходить за пределы эскиза.
- Пользователи должны понимать, что показано на аватаре.
- По возможности лучше не использовать стоковые изображения, поскольку они часто снижают доверие к компании.
- Нежелательно, чтобы эскиз аватара был слишком унылым и скучным, иначе он затеряется на фоне более ярких аватарок конкурентов.
- Если вы хотите, чтобы ваш аватар выглядел современно, сделайте его минималистичным: меньше текста, теней, градиентов и элементов, не несущих никакого смысла. Ваш аватар должен быть максимально простым и аккуратным. Этот стиль сейчас в тренде.
- Если ваша цель — привлечь внимание пользователей и выделиться среди других аватарок в ленте, вам придется включить воображение.Подумайте, что вы сами ищете, когда ищете интересные сообщества? Например, меня уже привлекли аватары с горящей лампочкой, которая обычно означает, что пришло новое сообщение. Это очень старая техника, но почему-то до сих пор меня поражает — когда я увижу такой свет, я обязательно буду на него смотреть.
Я не предполагаю, что этот трюк будет работать и с вашей страницей. Сообщение, которое я хочу передать, заключается в том, что есть очень, очень много способов выделиться, вам просто нужно задать этот вопрос и проявить немного творчества.Например, вот еще одна интересная идея, о которой я сам вряд ли бы подумал:
Аватар представляет собой черный круг: большой и маленький. Казалось бы, зачем это вообще? Но когда вы пролистываете список сообществ, эти аватары привлекают ваше внимание, потому что они сильно отличаются от всех остальных.
Какую информацию можно разместить на миниатюре аватара
Несмотря на то, что эскиз аватара очень маленький, его можно (и нужно) использовать для привлечения подписчиков в ваше сообщество.Как это сделать? Давайте рассмотрим несколько вариантов:
Объявление о новом продукте / услуге / событии
Преимущества компании / услуги / страницы
Телефон компании
Выгодные цены
Бесплатная доставка
Кстати, очень часто информацию о том, что компания предоставляет бесплатную доставку, добавляют в само название группы, чтобы пользователи обязательно обратили на нее внимание.
Акции
Конкурсы
вакансий
Каким должен быть сам аватар?
Я подумал, какой должна быть миниатюра аватара и какой текст можно на ней разместить. Теперь перейдем к самому аватару. Полная версия Аватар будет отображаться только в сообществе, у которого не установлена обложка. Именно для таких случаев я написал этот раздел. Итак, каким должен быть аватар вашего сообщества, чтобы пользователи сразу поняли, что ваша компания подошла к созданию страницы ответственно и профессионально.
- Аватар должен быть качественным. О том, как этого добиться, я писал чуть выше. Для тех, кто пропустил эту часть, скажу в двух словах — размер аватара должен быть в 2-3 раза больше, чем вы планировали.
- Желательно, чтобы аватар был совмещен с меню: имел такую же цветовую схему, одинаковые шрифты, элементы и т. Д. Благодаря этому шапка вашей страницы будет выглядеть более аккуратно и профессионально. Пример:
- Сам аватар и его миниатюра могут отличаться.Например, вы можете нарисовать круг на своем аватаре, стилизовать его, как вам нравится, выбрать эту область в качестве миниатюры и стилизовать остальную часть аватара в другом стиле.
- Чтобы побудить пользователей подписаться на вашу страницу или написать сообщение представителю компании, вы можете разместить соответствующий призыв к действию в самом низу аватара и сопровождать его стрелкой, указывающей на кнопку.
- Старайтесь не размещать на аватаре слишком много информации, иначе он будет выглядеть перегруженным и неопрятным. Добавьте к нему только самые важные моменты и убедитесь, что между ними есть «воздух».
Другой вариант — разделить аватар на две части. Один для миниатюры и один для остальной части аватара.
Какую информацию можно разместить на аватаре?
В принципе, вы можете разместить на своем аватаре все, что угодно. В отличие от миниатюр здесь действительно есть где побродить. Самое главное, не злоупотребляйте 🙂
Домен сайта
Телефон / адрес / время работы
Конкурсы / акции
Самые покупаемые товары / новинки
информация о доставке
Реклама в мобильных приложениях
Основные преимущества компании / страницы / товара и др.
Обновление ассортимента / новое творчество и др.
Информация о том, что ваше сообщество является официальным
Информация о ближайших событиях
Адреса аккаунтов в других социальных сетях
Расширенное описание страницы
Брагс
В общем, на аватаре можно разместить абсолютно любую информацию.Я предложил всего несколько идей, чтобы вы могли видеть, что делают другие, и вдохновлялись их примерами. Что ж, учтите основные рекомендации: аватар должен быть качественным, шрифт должен быть крупным, а между элементами должно быть больше «воздуха».
Как создать объединенный аватар и меню
Для того, чтобы объединить аватар и меню, вам понадобится программа Adobe Photoshop или ее аналог. Я объясню весь процесс на примере Photoshop. Итак, начнем.
- Скачайте шаблон Photoshop, который я специально подготовил для этой статьи. Обычный размер (меню — 510 пикселей, аватар — 200) или увеличенный (меню — 1020 пикселей, аватар — 400).
- Откройте изображение, на котором хотите создать основу.
- Скопируйте его, вставьте в шаблон и расположите так, как вы хотите вырезать.
- Добавляйте эффекты, текст, графику и многое другое.
- Если вы не хотите, чтобы часть изображения терялась (в этом пространстве, которое составляет 50 пикселей), переместите его вправо, как показано на следующем гифке:
- Выберите инструмент «Резка» и нажмите кнопку «Срезы по направляющим».
- Удалите ненужные фрагменты (щелчок правой кнопкой мыши — «Удалить фрагмент») и отредактируйте существующие (щелкните правой кнопкой мыши — щелкните в пустом месте — возьмите нужную область и растяните ее до необходимого размера).
- Перейдите в раздел «Файл» и выберите команду «Сохранить для Интернета».
- Перейдите в место, где вы сохранили изображения (рабочий стол или какой-либо конкретный каталог), и найдите там папку под названием «Изображения».Здесь будут ваши изображения. Теперь осталось лишь заполнить их на странице.
П.С. Высота аватара может быть изменена на ваше усмотрение. Я взял максимальный размер — 500 пикселей, но ваше значение может быть меньше. Например, как на странице Wiki Markup:
Как использовать виджеты
Виджеты также являются частью дизайна сообщества ВКонтакте. С их помощью пользователь может: оформить заказ, подписаться на вашу рассылку, принять участие в конкурсе, прочитать и оставить отзывы, открыть поиск в сообществе, получить подарок, купон на скидку и т. Д.
Вот несколько примеров того, как виджеты выглядят на странице ВКонтакте:
class = «incut»>
Как стилизовать изображения для постов
Если вы веб-дизайнер или обладаете художественным вкусом и чувством прекрасного, то вам не составит труда придумать фирменный стиль для своих изображений. Однако мне кажется, что таких людей в этой статье будет меньшинство (я к ним, кстати, тоже не отношусь).Поэтому давайте подробнее разберемся, как это делается, на примерах успешных компаний.
Кстати, обратите внимание, что практически все известные компании ВКонтакте брендируют свои изображения, то есть добавляют небольшой логотип, адрес своей страницы или водяной знак. Это повышает узнаваемость бренда и защищает ваши изображения от копирования. Стоит ли это делать, каждый решает сам. Единственное, что хотелось бы посоветовать: если вы все же решили это сделать, постарайтесь сделать так, чтобы ваш логотип не был слишком ярким и не занимал слишком много места, иначе весь акцент уйдет на него, а изображение будет теряют свою привлекательность.
Где взять хорошие изображения?
У нас в блоге есть хорошая статья на эту тему — «». Все они бесплатны, но для некоторых требуется регистрация. Если вы не нашли ничего подходящего для себя, попробуйте поискать по ключевому слову + обои (или, если на английском, обои). Обычно по такому запросу выходят качественные изображения. Но здесь нужно быть внимательным и проверять тип лицензии, иначе при серьезном бизнесе можно нарваться на неприятности.
А что делать тем, кто не умеет работать в фотошопе?
Если вы никогда не работали в Photoshop (или любых других графических редакторах) и пока не готовы выделить время на его освоение, вы можете воспользоваться услугами, в которых уже есть готовые шаблоны картинок для разных социальных сетей:
1.Fotor.com
После этого в левой части экрана выбираем интересующий нас шаблон. Обратите внимание, что бесплатно предоставляются только шаблоны, не отмеченные значком ромба.
Вставьте его в шаблон, выберите его левой кнопкой мыши, выберите команду «Слой» (значок сэндвича) и нажмите «Переместить вниз». Таким образом, наша картинка уйдет на задний план, а все надписи будут наложены поверх нее.
После этого меняем текст, шрифт, размер шрифта, расположение надписи и т.д.
Затем щелкните значок дискеты, выберите имя, формат изображения, качество и нажмите кнопку «Войти для загрузки».
Как использовать вики-разметку
Итак, мы подошли к самому интересному и в то же время сложному разделу. Возможно, среди читателей есть люди, которые не знают, что такое вики-разметка, и вообще слышат этот термин впервые.Поэтому специально для вас я дам определение, которое дает сам «Контакт».
РазметкаWiki — это язык разметки, который используется для форматирования текста на веб-сайтах (обычно принадлежит к классу вики-проектов) и упрощает доступ к возможностям языка HTML. На нашем сайте вики-страницы являются хорошей альтернативой обычным сообщениям и текстовой навигации. Если вам нужно создать большую статью с разным форматированием текста (жирным шрифтом, подчеркиванием, заголовками и т. Д.) Или добавить к ней графику или просто создать красочное меню навигации по вашему сообществу — вики незаменима.
Так же, как WordPress (или любая другая CMS) имеет редактор HTML, с помощью которого вы создаете статьи, у Contact есть собственный редактор для создания и редактирования вики-страниц. Выглядит это так:
С помощью этого редактора создаются навигационные меню, а также статьи с изображениями, видео и аудиозаписями. Ниже я подробно разберу, как работать в этом редакторе, но сначала прошу добавить две ссылки в свои закладки. Они очень помогут вам в изучении вики-разметки.
«Какого размера должна быть обложка?
Размер обложки для группы ВКонтакте 795x200px или 1590x400px
Почему предлагается два размера изображения? Второй размер в 2 раза больше, так что шляпа хорошо и красиво смотрится на больших мониторах компьютеров.
Конечно, было бы лучше использовать в групповом дизайне обложку 1590х400 пикселей, чтобы она отлично смотрелась на всех устройствах. Эти размеры официально рекомендованы техподдержкой VK.com.
Чтобы не портить качество картинок при загрузке в ВК.com
Многие замечают, что при загрузке картинки в Vk.com изображение «пенится», то есть искажается. Что делать в таких случаях? Чтобы картинки не искажались, на них не появляется цветовой шум, похожий на рябь, следует при сохранении картинки выбрать в Фотошопе: меню
Файл -> Сохранить для WEB -> в появившемся окне настроек поставить отметку окошко рядом с «способ загрузки изображения с помощью перетаскивания картинки из папки в строку загрузки в ВК.
Как скачать / установить / включить обложку группы ВКонтакте
Если у вас уже есть обложка для сообщества (шаблон в формате .PSD для заголовка группы размером 1590×400 пикселей, вы можете скачать его по ссылке), чтобы загрузить и установить его, вам нужно будет сделать следующее:
- Под аватаркой группы перейдите в «Действия»
- Выберите «Управление сообществом»
- В разделе «Основная информация» «Обложка сообщества» нажмите «Загрузить».
- В открывшемся окне «Загрузка новой обложки» загрузите разработанную обложку для сообщества ВКонтакте, перетащив ее из папки на компьютере (описано выше)
- Сохранить изменения
Какой максимальный и минимальный размер аватара для группы ВКонтакте в пикселях? Для того, чтобы сделать крутой снимок в сообществе или в личном кабинете в контакте, нужно это знать.
Если вас интересует размер горизонтального ава (обложки), то вам
Приветствую вас друзья по!
Почему я решил написать пост о дизайне группы ВКонтакте?
Очень важно, чтобы ваша группа была не только информативной, но и эстетически привлекательной.
Что это даст?
У меня одно сообщество ВК, красиво оформленное, такое ощущение, что люди подписываются на него не только из-за информации, но и потому, что им нравится сообщество с точки зрения дизайна.
Согласитесь, большая прямоугольная ава выглядит намного привлекательнее маленькой квадратной?
Кстати, информация ниже подходит не только для групп ВКонтакте. инфа подойдет и для регистрации личного аккаунта ВКонтакте.
Идеальная ава, как и оптимальная, стандартная, размер аватара можно считать 200 × 500 в пикселях, где 200 — ширина, а 500 — высота.
Если говорить о максимальной высоте и ширине, то ее просто не существует.
Его размеры от 2 до 5.
Где 2 — ширина, а 5 — высота изображения или фотографии группы или личной страницы в контакте.
Согласитесь, такая ава выглядит намного привлекательнее обычной квадратной?
Тех. послушайте, допустим у вас размер квадрата в пикселях, 100 × 100, первую цифру умножаем на 2, вторую на 5.
В итоге получаем все те же 200 x 500 пикселей.
Если не собираетесь делать на заказ, а будете искать картинки в Яндексе или Гугле, ищите размер 200 х 500, таких картинок больше всего.
Его контакт просто отрежет другую ширину и высоту.
Если вы все же решите поискать картинки или фотографии других пропорций, ниже я оставлю вам оптимальные размеры для групп ВКонтакте.
200 x 500, 300 x 750, 400 x 1000, 500 x 1250, 600 x 1500, 700 x 1750.
Найти большие картинки будет проблематично).
Например 200 на 500 пикселей, картинки в интернете темные.
700 до 1750 нашел только 1).
Вот и все, всем пока!
Упрощение деловой части медицинской практики
Валери Картер, генеральный директор VK Consultant Group Валери Картер, основатель и генеральный директор VK Consultant Group, является опытным консультантом с более чем тридцатилетним опытом работы в области управления операциями в сфере здравоохранения.Она стратегически спланировала, разработала и реализовала бизнес-стратегии для создания новых медицинских практик и расширения существующих. Валери демонстрирует высокий уровень административного опыта в оптимизации процессов, оптимизации, интеграции и адаптации для повышения эффективности. Имея этот прочный фундамент, она увидела несколько пробелов в области управления медицинской практикой и решила их устранить. Валери обнаружила, что практикующие врачи часто передают управление операциями в области здравоохранения консультанту, специализирующемуся на некоторых операциях, а они, в свою очередь, передают на аутсорсинг все остальное.В результате специалисты-практики могут столкнуться с разрозненными процессами, которые не взаимодействуют друг с другом и не соответствуют бизнес-целям. Валери внесла изменения в эту ситуацию, основав VK Consultant Group, многопрофильную компанию, предоставляющую услуги по управлению медицинской практикой. Он предлагает полный набор услуг для непрерывного управления практикой, чтобы поставщики медицинских услуг могли сосредоточиться исключительно на своих пациентах.VK Consultant Group работает внутри компании над каждым из своих процессов, начиная с оценки и выявления камней преткновения клиентов и заканчивая фактической рекомендацией решения или устранением проблемы, не передавая эти действия кому-либо еще.Если клиент хочет начать практику, компания найдет и порекомендует подходящее место, проработает планы страхования, настроит систему EMR, наймет и обучит персонал и даже поработает над дизайном интерьера. «В конструкции будет все, что нужно врачу!» восклицает Валери. Таким образом, врач может просто зайти в учреждение в первый же день, готовый начать свою практику.
В случае отказа системы EMR клиента компания рекомендует лучшую систему, используя опыт ее использования или опыт клиентов.
Во всем, что мы делаем, мы ставим наших клиентов на первое место и со страстью стремимся сделать их бизнес успешным
VK Consultant Group не дает рекомендаций на основе Google Search, как ее конкуренты. А в случае выставления счетов компания выявляет неточности в выставлении счетов практикующими специалистами и применяет правильные коды и модификаторы для их устранения. VK Consultant Group также пересматривает контракты со страховыми компаниями, чтобы получить максимальное возмещение, чтобы врачам платили должным образом.
В нынешней ситуации пандемии VK Consultant Group понимает, что сектор здравоохранения вынужден изменить свою практику, и предлагает им свою помощь. Валери отмечает: «Мы создали платформы, на которых врачи могут звонить по телефону или лично встречаться с пациентом через Интернет». А если возникнет ситуация, когда визит пациентов необходим, VK Consultant Group гарантирует, что практикующие врачи могут провести их через процесс и заверить их в безопасности.
Валери отмечает применимость этих услуг, рассказывая историю успеха Advanced Pathology Solution (APS), одной из крупнейших групп патологов в США. APS теряла много денег, работая с несколькими консультантами. Когда они начали сотрудничать с VK consultant Group, APS сделала значительный скачок со сбора менее 400000 долларов до почти четырех миллионов долларов в месяц. Чтобы добиться этого изменения, компания реализовала несколько важных стратегий, таких как создание новой атмосферы для сотрудников, чтобы они имели четко определенные роли с конкретными целевыми целями.И заставляет их чувствовать себя ценными и защищенными, поскольку они видят, что их личный вклад влияет на общие цели организации. Донелл Беркетт, главный операционный директор APS, отвечает на эту трансформацию, заявляя: «Я доверился вам, прислушался к вашему совету, и это определенно окупилось для меня с точки зрения доверия, но, что более важно, это окупилось с большим успехом для APS». После этого успешного результата APS начала сотрудничать с VK Consultant Group, чтобы изучить аспекты биллинга и аутентификации.В те дни у них не было отдела аттестации, поэтому VK Consultant Group создала его, наняла нужных сотрудников и обучила их.
Предоставляя такие оригинальные услуги для удовлетворения всех потребностей практикующих врачей, Валери считает, что ключевым отличительным фактором, который отличает VK Consultant Group от других участников рынка, является личная заинтересованность компании в успехе каждого клиента. Она считает бизнес клиентов своим и со страстью стремится сделать их бизнес успешным.
Как установить королевский клиент Вконтакте или как сидеть офлайн ВК с iPhone
Вконтакте — самая популярная социальная сеть в России. И количество пользователей
Сидя в нем с мобильных устройств iPhone и iPad, растет с каждым днем. Но из-за политики Apple «ВКонтакте» пришлось удалить из своего мобильного клиента многие важные функции, такие как прослушивание музыки в фоновом и автономном режимах.К счастью, пользователи, установившие jailbreak, могли установить твик VKsettings и использовать все возможности.Но из-за последних задержек джейлбрейка iOS 9.2 — iOS 9.3.2 вопрос о прослушивании музыки Вконтакте в автономном режиме и в фоновом режиме снова стал актуальным. К счастью, разработчик Илья Камбаров (Preciserf0x) интегрировал в клиент ВКонтакте замечательный твик VKsettings. Далее мы расскажем, как установить королевский клиент Вконтакте без джейлбрейка и о его преимуществах.
p>- 1. Как установить королевский клиент Вконтакте
- 2. Инструкция по бесплатной установке королевского ВК на iOS 10, 11 с помощью Cydia Impactor
- 3.Установка VKSettings + Cache 2.10 онлайн через браузер
- Откат на старую версию ВК с безлимитом музыки
- Как сесть Вконтакте офлайн
Поддерживается iOS
- iOS 9.3 — iOS 9.3.5
- iOS 10.0.1 — iOS 10.2.1
- iOS 11 — iOS 11.2.2
Инструкция обновлена
Внимание! Команда Вконтакте периодически закрывает возможность прослушивания музыки онлайн через сторонние клиенты, поэтому данный функционал может быть недоступен в текущих версиях королевского ВКонтакте.
1. Как установить королевский клиент Вконтакте
Увы, для iOS 10, 11 этот способ стал ПЛАТНЫМ, так что жалко 225 руб. Перейти к следующему способу. Однако этот метод позволяет использовать клиент в течение года, в отличие от бесплатного метода, где период составляет 7 дней.
Процесс установки королевского клиента чрезвычайно прост и не занимает много времени, выполните следующие действия:
- Удалить текущий клиент Вконтакте
- Откройте мобильный браузер Safari на своем iPhone.
- Зайдите на сайт и следуйте дальнейшим инструкциям по покупке клиента
https://f0x.pw/ - Нажмите на значок ВКонтакте
- Быстро заходим в настройки и меняем дату на июль 2015
- После установки поменять дату обратно.
- Начнется установка, после чего перейдите в Настройки -> Основные -> Профили и элементы управления настроены
- Нажмите на ASTRID MOBILE, OOO и подтвердите разрешение
1Если появляется ошибка «Невозможно проверить программы из« iPhone Distribution: ASTRID MOBILE, OOO »», перезагрузите устройство и повторите попытку.
2После 6 шагов (дата возврата) проверьте свой часовой пояс, обязательно оставьте свой. В противном случае появится ошибка.
2. Инструкция по бесплатной установке королевского ВК на iOS 10, 11 с помощью Cydia Impactor
- Загрузите Cydia Impactor с официального сайта (www.cydiaimpactor.com) (доступны версии для Windows, Mac и Linux)
- Тогда нам понадобится IPA-файл (царского ВК), скачать его здесь (на момент обновления статьи — 2.15.2 + ВКС_3.8.4)
- Открыть Cydia Impactor
- Перетащите файл VKApp * .ipa, загруженный на шаге 2, в это окно и нажмите «Пуск».
- Затем программа попросит вас ввести адрес электронной почты и пароль для вашей учетной записи AppleID. На этом этапе мы рекомендуем использовать специально созданную учетную запись, которую вы не должны терять в случае непредвиденных обстоятельств.
- Тогда начнется установка королевского ВК на ваш девайс.
- После успешной установки перейдите в Настройки -> Основные -> Профили и элементы управления настроены найдите здесь профиль с именем вашего адреса электронной почты из пункта 5 и нажмите Trust.
- Поздравляю, вы установили королевский ВК на iOS 10.
Минусы этого метода
- Через 7 дней вам придется повторить все ранее выполненные действия.
- У вас не установлена последняя версия VK
Вы также можете сделать джейлбрейк своего устройства и установить твик VKsettings.
- Как сделать джейлбрейк iOS 10
- Приложения для взлома iOS 10 — iOS 10.3.3
3. Установка VKSettings + Cache 2.10 онлайн через браузер
Этот способ позволяет установить королевский ВК на iPhone без использования компьютера.
- Для этого вам необходимо зарегистрироваться в Telegram.
- Затем перейдите по ссылке на канал TheAppBox https://t.me/theappbox/32
- Нажмите «Установить» и следуйте инструкциям.
После этого у вас есть рабочее приложение Вконтакте со всеми скрытыми функциями, например:
- Автономный режим
- Возможность не читать сообщения
- Скрыть набор текста
- Мультисчет
- Smart Post (создание сообщения на стене без выхода в Интернет)
- Вкладки настройки VK
- Замена идентификатора клиента (iPhone, iPad, Android, Windows Phone, Windows 8 и многие другие)
- Отключить безопасный поиск видео
- Воспроизведение музыки с свернутым приложением Vk (в фоновом режиме)
Откат на старую версию ВК с безлимитом музыки
Видеообзор заявки
Как сесть Вконтакте офлайн
Нет полноценного оффлайн режима (невидимость при просмотре новостей, написании сообщений и т. Д.))!
ВКонтакте закрыл доступ к офлайновым методам работы, теперь даже с самыми продвинутыми приложениями такого рода при выполнении определенных действий вы моментально выходите в онлайн («только что вошел» и потом обратный отсчет с этого времени)
Для того, чтобы другие пользователи ВКонтакте не знали, что вы в данный момент онлайн, вы можете использовать королевский клиент ВКонтакте.
- Для этого следуйте инструкциям, описанным ранее.
- Откройте установленное приложение и прокрутите вниз.
- Активировать тумблер в автономном режиме
Вот и все, мы надеемся, что наши инструкции помогли вам установить королевский клиент ВКонтакте, и теперь вы можете пользоваться всеми его функциями.
Обновлено
Перестал работать сайт, с которого можно было скачать клиент Вконтакте. Разработчик сообщил, что больше не может поддерживать его работоспособность и предлагает установку на платной основе.
Источник: https://vk.com/onescript
Не забывайте присоединяться к нашей группе Вконтакте, Facebook, читать нас в Twitter и Google+, а также подписываться на еженедельную рассылку новостей.
Скачать тему для социальной сети ВКонтакте. Как сделать черный фон в ВК на iOS и android
Инструкция
Internet Explorer по изменению внешней страницы социальной сети Вконтакте Найдите интересную для вас тему с расширением «.css» и сохраните ее содержимое в блокнот и буфер обмена. Затем нажмите «Сохранить как» и назовите файл, как вам нужно, и напишите ему расширение «.csss». Именно этот файл будет отвечать за настройку внешнего вида вашей страницы.Затем в браузере Internet Explorer перейдите в: «СЕРВИС» (Инструменты), затем «Свойства обозревателя», «Общие» (Общие) и «Регистрация» (Доступность). После установки флажка рядом с полем «Дизайн с использованием пользовательского стиля» (Форматировать документы с помощью моей таблицы стилей). Щелкните «Обзор» и откройте сохраненный файл. Теперь ваша страница в социальной сети Вконтакте будет иметь вид выбранной вами темы. Чтобы выключить тему, снимите флажок с поля «составить в пользовательском стиле» («Форматировать документы с помощью моей таблицы стилей»).
Оператор Переход на внешнюю страницу социальной сети Вконтакте через Интернет-браузер Opera, перейдите: «Инструменты» / «Настройка» / «Дополнительно» / «Контент» / «Настройки стиля» (Настроить стили) / «Режимы просмотра» (Режимы отображения). Поставьте галочку возле поля «Моя таблица стилей». Затем скопируйте текст каскадной таблицы в блокнот или другой текстовый редактор. Нажмите «Сохранить как», назовите файл так, как вам нужно, и напишите в него. Расширение «.css» к нему. Щелкните правой кнопкой мыши в любом месте страницы Вконтакте и в открывшемся меню выберите «Изменить настройки узла» (Настройки для сайта).На вкладке «Отображение» нажмите «Обзор» и укажите место, в котором вы сохранили файл с расширением «.css». Теперь ваша страница выглядит иначе. Чтобы выключить тему на вкладке «Отображение», просто удалите путь к файлу и нажмите «Окей».
Mozilla Firefox Установите дополнительные настройки в свой браузер, щелкнув ссылку http://addons.mozilla.org/ru/firefox/Addon/2108, и перезапустите Firefox. В правом нижнем углу браузера найдите и нажмите значок Стильный, выберите «Создать стиль», а затем «для вконтакте».ru ». Далее в меню« Вид »установите флажок рядом с элементом« Строка состояния ». В появившемся окне в поле« Описание »введите любое имя. Затем в нижнее окно между скобками () вставьте текст каскадная таблица и сохраняем.
Видео по теме
Статья по теме
Источники:
- как сменить группу вконтакте
Второй этап на пути к своему новому. Если вы не привыкли красить, то это будет сложно.Также советуем покупать цветные контактные линзы для полной смены имиджа. Они как с диоптриями, так и без них. И на основе цвета глаз планирует цветовую гамму своего макияжа.
Третий этап — подбор одежды. Чем дольше вы были сторонником одного стиля, тем большее впечатление произведут на другие, кардинально изменив гардероб. Однако, выбирая вещи, имейте в виду, что как бы новый стиль для вас не обессилен, ведь эти вещи должны вам подойти.А главное, чтобы в них вам было комфортно.
Четвертое — сделай свою фигуру. Согласитесь, пышечка и слим очень разные внешне, поэтому, если вы слишком худы, занимайтесь мускулами, если слишком полными — тоже ходите в спортзал, но для того, чтобы расстаться с лишними сантиметрами.
Видео по теме
Источники:
- как поменять носимый в 2019 году
Сегодня для разработки и дизайна современного веб-сайта . уже недостаточно простого языка HTML — Все веб-разработчики используют удобные и функциональные таблицы стилей CSS, которые содержат набор элементов форматирования страниц, упрощают файлы HTML, уменьшают их размер и упрощают изменение внешнего вида веб-сайта .. Меняя стили, вы получаете множество возможностей редактирования сайта. и изменение массы его параметров за короткий промежуток времени — если вы измените параметр стиля, он автоматически будет применен ко всем страницам сайта. .
Инструкция
Добавить стили на сайт можно разными способами. Один из них — добавить стиль — с помощью атрибута Style, который расширяет теги веб-страницы. Использование внутреннего стиля не упрощает работу ЦО, а наоборот, усложняет изменение элементов страницы.Более оптимальным является использование таблиц глобального стиля — элемента Style. В этом случае вы определяете стиль в самом документе, помещая его в заголовок страницы.
Используйте глобальные таблицы стилей, чтобы одновременно учесть все стили страницы в документе и формате. большое количество элементов стиля. Стоит использовать тег
Также к сайту можно подключать внешние таблицы стилей, которые являются наиболее удобным и качественным использованием CSS для Интернета. В этом случае все стили хранятся в отдельном файле CSS, который можно загрузить на любой сайт и использовать для любой страницы.
Чтобы не редактировать вручную, можно использовать принудительный поиск информации о файлах в сети. Найдите нужное в библиотеке, щелкните правой кнопкой мыши изображение и в появившемся меню выберите «Найти информацию об альбоме». Из предложенных вариантов поиска выберите нужный и нажмите «Далее», а затем «Готово». Если такой информации нет, остается только нажать «Отменить».
Если вы не защитите измененные данные от перезаписи, плеер может перезаписать их на основе сетевой базы данных.Для этого нажмите «Упорядочить»> «Параметры»> «Библиотека». Найдите автоматическое обновление информации о мультимедийных файлах и выберите вариант «добавлять только недостающую информацию».
Воспользуйтесь такой программой как Internet Explorer для того, чтобы поставить новую тему «ВКонтакте» или вернуться к стандартному виду. Найдите меню «Сервис», выберите Свойства наблюдателя. Найдите вкладку «Общие» и раздел «Дизайн».
Необходимо поставить галочку там, где стоит пункт «макияж в индивидуальном стиле».Затем нажмите кнопку «Обзор» и откройте файл, который был сохранен ранее. Далее жмем «ОК». Перезагрузите браузер. Теперь вы можете зайти на сайт «ВКонтакте». Если вы хотите убрать фон, снимите галочку напротив пункта «Макияж в индивидуальном стиле».
Скачать Стильную программу для нового дизайна ВКонтакте с помощью браузера Mozilla Firefox. Надо в браузере и скопировать текст для выбранного дизайна. При входе в Стильный нужно создать стиль ВКонтакте.Напишите любой текст в поле «Описание». В нижнем поле вы должны вставить текст из того файла, который содержит таблицу в виде каскада. Затем сохраните его и перезапустите браузер. Далее вам необходимо перейти на сайт «ВКонтакте».
Если нужно отключить это дополнение, в меню «Инструменты» -> «Дополнения» можно найти Стильный. Нажмите на нее, затем выберите «Отключить» и «Удалить» — все будет использоваться как раньше.
Используйте браузер Opera, если вам нужно удалить или добавить новый фон на вашу страницу.Зайдя в настройки этого браузера, нужно выбрать пункт под названием «Дополнительно». Найдите «Содержание», затем «Настройки стиля» и «Режимы просмотра». В поле «Моя таблица» поставьте галочку.
Скопируйте текст из таблицы выбранного формата, откройте «Блокнот» и вставьте в него этот текст. Теперь вам нужно сохранить файл под своим именем с расширением CSS. Зайдите во «ВКонтакте» и кликните правой кнопкой мыши по этому фону. Вы увидите название пункта «Изменить настройки узла». Зайдите в «Просмотр», выберите «Обзор» и найдите этот файл — в нем вы сохранили таблицу.Щелкните ОК. Остается ее.
Если вам нужно удалить фон, на вкладке «Вид» найдите вкладку «Настройки» и снимите флажок перед элементом «Включить стиль формы» — таким образом вы удалите путь к файлу стиля (CSS). Нажмите «ОК», перезапустите браузер.
Видео по теме
Источники:
- как удалить тему в ВКонтакте
При смене почтового ящика пользователь должен сменить has на всех сайтах, где у него есть регистрация. Иногда график, куда нужно вводить обновленные данные, найти не так-то просто.Конечно, на ресурсе При контакте с также потребуется сменить Имале.
Инструкция
Для смены почтового ящика перейдите на свою страницу. В контакте с . Левой кнопкой мыши щелкните ссылку «Мои настройки», которая находится в меню слева. После того, как вы перешли по ссылке, вам откроются дополнительные настройки, где вы можете указать новый адрес электронной почты.
Опустите страницу вниз или прокрутите ролик мыши. Вы увидите один из дополнительных параметров «изменить основной адрес электронной почты».Именно с ним надо работать.
Укажите свой новый почтовый ящик в строке «Новый адрес электронной почты», а затем нажмите кнопку «Изменить адрес электронной почты». После этого на обе ваши почты придет письмо с подтверждением смены. Об этом вас уведомит система В контакте с После того, как данные упадут на сервер.
Теперь вам нужно зайти в старый почтовый ящик, который вы изначально использовали для работы с сайтом, найти письмо от администрации В контакте с и открыть его. В письме будет сказано о необходимости подтвердить желание сменить почту.Это сделано для того, чтобы злоумышленник, взявший ваш пароль, не смог полностью завладеть вашей страницей. Для подтверждения смены почтового ящика перейдите по ссылке, указанной в письме.
Для подтверждения последнего кода перейдите на свою новую почту, которую вы указали в настройках. Там же вы увидите письмо от администрации В контакте с откроется который вам нужен. Для завершения смены почтового ящика вернитесь по ссылке, указанной в письме. Теперь вы ввели последний требуемый код.
Видео по теме
Источники:
ВКонтакте — одна из самых популярных и старейших российских социальных сетей. Ее создатель — Павел Дуров. Сайт постоянно развивается, появляются новые функции для пользователей, исправляются системные ошибки.
Инструкция
Чтобы сменить фамилию в личном профиле на сайте Вконтакте, зайдите в онлайн, зайдите на портал, введите свой пароль и логин в верхнем левом углу. Логин — это чаще всего адрес электронной почты.Пароль устанавливается пользователем. Чтобы не забыть об этом, создайте документ, который составляет сложные логины и пароли. Удобнее не запоминать каждый раз комбинацию букв и цифр, а просто скопировать ее и вставить в нужное окно.
Если вы все же забыли код — нажмите «Восстановить пароль». На ваш телефон (если он «привязан» к профилю) или адрес электронной почты, указанный при регистрации, придет новый. Введите его на главной странице ВКонтакте, под логином.Когда вы открываете свой профиль, пароль может быть изменен на другой. Код должен содержать латинские или русские буквы, цифры и отличаться от предыдущего шифра.
Чтобы сменить фамилию ВКонтакте, в профиле ищите ссылку «Моя страница». Вы увидите его в главном меню слева вверху. Рядом будет кнопка «Красная», написанная светло-серым шрифтом. Зайдите в него в новом меню. Здесь вы можете редактировать личные данные — имя, фамилию, пол, семейное положение, дату рождения, родной город и т. Д.
На вкладке «Основные» поменяйте фамилию на новую. С некоторых пор для письма можно использовать только русские буквы. Латиноамериканский сайт не принимает. Но вместо фамилии можно указать псевдоним. Слово должно быть приличным. Также заблокированы страницы с двойниками звезд кино, политики и шоу-бизнеса.
Кроме имени на вкладке «Основные» можно изменить состав семьи, на следующей закладке — «Контакты» — указать телефон, сайт, электронную почту. На вкладке «Интересы» опишите свои пристрастия и увлечения, в «образование» — укажите номер школы и название вуза (чтобы вам было легко найти одноклассников и).Также можно заполнить строчки в закладках «Карьера», «Служба» и «Жизненная позиция».
Видео по теме
Источники:
- как сменить в контакте фамилию в 2019 году
Псевдоним, или псевдоним придуман пользователями социальной сети «ВКонтакте», чтобы скрыть свое настоящее имя и фамилию. Данные можно изменить, заполнив определенные графики в профиле.
Инструкция
Чтобы сменить ник в личном кабинете на сайте «ВКонтакте», подключитесь к Интернету, зайдите на портал и введите свой пароль и логин в верхнем левом углу.Чаще всего — адрес электронной почты. Пароль устанавливается пользователем. Чтобы не забыть об этом, создайте документ, который составляет сложные логины и пароли. Удобнее не запоминать каждый раз комбинацию букв и цифр, а просто скопировать ее и вставить в нужное окно.
Чтобы сменить ник «Вконтакте», в профиле ищите ссылку «Моя страница». Он расположен в главном меню слева вверху. Рядом будет кнопка «Красная», написанная светло-серым шрифтом.Зайдите в него в новом меню. Здесь вы можете редактировать личные данные — имя, фамилию, пол, семейное положение, дату рождения, родной город и т. Д.
Найдите вкладку «Основные» и измените фамилию или имя на псевдоним. С некоторых пор для письма можно использовать только русские буквы. Latinia не отображается на графиках. Кроме того, ник должен быть порядочным и не повторять псевдонимы, фамилии, имена звезд кино, политиков и шоу-бизнеса.
Отдельной графы «Ник», которая была в старой версии сайта, больше не существует.Поэтому вводить псевдоним придется в графу фамилии или имени. Вторая строка также должна быть заполнена.
Кроме никнейма на вкладке «Основные» можно изменить состав семьи, на следующей закладке — «Контакты» — указать телефон, сайт, электронную почту. На вкладке «Интересы» опишите свои пристрастия и увлечения, в «образование» — укажите номер школы и название вуза (чтобы вам было легко найти одноклассников и). Также можно заполнить строчки в закладках «Карьера», «Служба» и «Жизненная позиция».
примечание
Если вы измените имя и фамилию на ник, то старые друзья, которых нет в списках ваших контактов, не смогут вас найти.
Источники:
- как изменить имя в контакте
Недавно известная социальная сеть «ВКонтакте» представила возможность пользователям самостоятельно менять адрес IIDI. Функция стала доступной для публичных администраторов и сообществ, созданных по событиям, и для главной страницы пользователя.
Инструкция
Выберите название адреса для своей персональной страницы или сообщества ВКонтакте. Помните, что указанный ID (IIDI) будет вашим идентификатором для других пользователей. Поэтому важно правильно выбрать название адреса. Например, если вы человек из деловых кругов, лучше использовать свое имя и фамилию в Iird, Конфетка и Супермен вряд ли подойдет.
Чтобы сменить Ииди в «Вконтакте» своего профиля, сначала зайдите в свой аккаунт или выберите «Мои настройки» в списке слева на странице.На вкладке «Общие» прокрутите колесико мыши немного вниз и найдите здесь «Адрес вашей страницы».
В соответствующее поле введите желаемый адрес, удалив текущий, который содержит только цифры. После выполнения этих шагов нажмите кнопку «Изменить адрес». Если выбранный адрес уже существует, «ВКонтакте» предупредит вас об этом и попросит выбрать другой вариант.
Тем, кто желает изменить idge своей группы или собрания, необходимо перейти на главную страницу сообщества и нажать на пункт «Управление страницей».На вкладке «Информация» выберите «Адрес страницы» и введите желаемое имя. Не забываем сохранить результат.
note
Помните, что имя вашего iIDie должно состоять только из букв латинского алфавита и знаков. Также запрещено использовать пробелы. Вместо этого используйте знак подчеркивания «_».
Полезный совет
Источники:
Социальная сеть Вконтакте обладает очень впечатляющим функционалом. Но, к сожалению, дизайн социальной сети минималистичный и маликариативный.Если вам надоело видеть сайт в традиционных сине-белых тонах, то пора сменить тему ВКонтакте.
Инструкция
Выберите закрывающую тему и скопируйте экранный код с изображенной темой.
Создайте новый текстовый документ на рабочем столе, откройте его блокнотом и вставьте туда скопированный код.
Назначьте расширение CSS текстовому файлу.
В браузере Opera выберите: «Меню», «Настройки», затем «Общие настройки».
Щелкните вкладку «Дополнительно», выберите параметр «Содержимое», затем «Настроить стили» и «Режимы отображения».
Отметьте пункт «Моя таблица стилей» и нажмите «ОК».
Выберите пункт «Настройки сайта», введите «ВКонтакте» и нажмите «Добавить».
Находясь на вкладке, нажмите кнопку «Обзор» и с помощью проводника найдите и выберите ранее созданный файл CSS.
примечание
Если вы не видите расширения файла, а видите только его имя (например, не «новый текстовый документ.txt », а просто« новый текстовый документ »), то вам следует снять флажок с опции« Скрыть расширения файлов ». Это можно сделать, перейдя на вкладку« Просмотр »в« Свойствах папки ».
Полезно совет
Обратите внимание, что выбранную схему оформления можно увидеть только со своего компьютера. Для других пользователей социальной сети ваша страница будет оформлена в старом стиле.
С ростом популярности социальных сетей появилось большое количество предлагаемых сервисов. различные сервисы для пользователей: изменение дизайна страниц, создание аватарок, программы для скачивания видео и музыки и многое другое.Сделать это можно с помощью специальных браузеров, дополнений и программ, большая часть которых распространяется на Интернет бесплатно.
Темы ВКонтакте
Помимо стандартного оформления страницы ВКонтакте, есть еще две доступные темы («дореволюционная» и «соседская»), для которых не нужно скачивать никаких программ или дополнений.
Тема страниц ВКонтакте — графический интерфейс. При смене темы меняется способ отображения страницы в браузере без изменения ПО.Они позволяют изменять не только внешний вид сайта, но и некоторые названия пунктов меню, позволяют ощутить приятную ностальгию. ИЗ последних обновлений Не всегда удается сменить тему, но надписи обязательно станут необычными.
Для применения одной из тем необходимо зайти в «Мои настройки». Там в разделе «Общие» найдите пункт «Язык», пролистайте список до конца и выберите название нужного дизайна. Для возврата к стандартному виду ВКонтакте достаточно просто поменять языковые настройки обратно на русский.
Программа GET STYLES
Если эти темы не удовлетворяют ваше желание выделиться, то есть специальная программа GET STYES. Работает с браузерами Opera, Firefox, Internet Explorer, Google Chrome.
Браузер — Программное обеспечение, используемое для обработки и вывода данных веб-страницы.Необходимо скачать и установить, а после выбрать из списка, разделенного на разные классы, подходящую тему на любой вкус и цвет. Каталог сайта содержит более 10 000 тем.
Скачать программу можно с официального сайта. Размер программы GET STYES составляет 402 КБ.
Перейти на сайт. В правом столбце в заголовке «Информация» нажмите кнопку «Загрузить». Выберите место для сохранения файла и подтвердите свое решение. Откройте файл на жестком диске. Ознакомьтесь с пользовательским соглашением и нажмите «Принимаю». Затем настройте программу в совместимых браузерах, выставив галочки в соответствующих окнах. Нажмите кнопку Далее и дождитесь запуска программы.
После завершения установки откроется окно с рекомендациями по дальнейшим действиям: откройте один из четырех поддерживаемых браузеров, перейдите на сайт GET Styles, выберите тему в каталоге, нажав кнопку «Принять», установите ее. на своей странице ВКонтакте.
После установки программы под адресной строкой браузера появится еще одна строка, из которой можно управлять темой ВК.
Браузер Orbitium.
Для еще большего разнообразия существует браузер Orbitium, разработанный специально для социальных сетей.Скачав его, вы больше не будете нуждаться в дополнительных программах. Просто зайдите в свой аккаунт на сайте, найдите кнопку «Создать тему» в правом верхнем углу и выберите.
Главный плюс двух последних способов в том, что переходя на страницы других пользователей, можно увидеть их дизайн. Если они не используют аналогичные дополнения, он будет заменен вашим. К сожалению, обычные пользователи не смогут увидеть ваши темы. Но это компенсируется тем, что все эти программы бесплатны.
Изменить Язык «ВКонтакте» можно двумя основными способами.Чтобы реализовать первый, перейдите в пункт меню «Мои настройки» и воспользуйтесь вторым методом, прокручивая собственную страницу до ее низа.
Любой пользователь социальной сети «ВКонтакте» может самостоятельно задать язык для своей страницы, в зависимости от принадлежности к определенному государству, личных предпочтений. Аудитория этого проекта постоянно расширяется, поэтому разработчики уделили внимание всем языкам, потребность пользователей может возникнуть у пользователей, а также придумали несколько интересных дополнений.Сменить язык Любой пользователь может двумя основными способами, первый из которых связан с необходимостью использования специальных региональных настроек, а второй, более простой и доступный, — это переключиться по специальной ссылке внизу собственной страницы.
Первый способ смены языка «ВКонтакте»
Для реализации первого способа смены языка ВКонтакте необходимо авторизоваться на своей странице в этой социальной сети. После этого выберите пункт «Мои настройки», расположенный в левом меню на странице любого пользователя.После ссылки в ссылке в названном элементе пользователь оказывается на странице с несколькими разделами. Чтобы изменить язык, вы должны прокрутить эту страницу до раздела «Региональные настройки». Этот раздел находится на вкладке Общие, он содержит раскрывающееся меню со всеми доступными языками. Достаточно выбрать нужный язык, нажать кнопку «Изменить», после чего операция смены языка для конкретного пользователя будет завершена.
Второй способ смены языка «ВКонтакте»
Второй способ смены языка «ВКонтакте» более простой, также необходимо авторизоваться в собственном профиле этой социальной сети.После авторизации необходимо перейти на любую страницу, прокрутить ее вниз. Внизу страницы вы должны найти ссылку с названием языка, используемого в настоящее время. Таким образом, пользователям, использующим русский язык, необходимо будет щелкнуть ссылку «Русский», расположенную внизу страницы. После этого также открывается специальное меню, в котором вы можете выбрать любой язык, доступный в социальной сети. Дополнительным развлечением для пользователей является возможность выбора специальных типов языкового оформления страницы, включая, например, советские или «дореволюционные» языки.При этом существуют все официальные общеязыковые группы, что дает возможность участвовать в проекте практически любому человеку.
Если вы зарегистрируетесь в этой социальной сети и войдете на свою страницу под логином и паролем, вам откроется окно вашей учетной записи. Это выглядит так. В центре страницы находится ваша основная фотография, которую вы выбираете и скачиваете сами. Право на нее — основная информация о вас, которая включает в себя имя, фамилию, дату рождения, родной город, город фактического проживания, место работы, сведения о вашей семье, ваших увлечениях, жизненную позицию, хобби, отношение к вредным. привычки, мировоззрение и взгляды и т. д.Этот раздел можно редактировать по вашему усмотрению, чтобы сделать что-то, очистить, часть информации, которую вы можете скрыть от других пользователей, и сделать ее доступной только вам или некоторым из ваших друзей.
Слева от фотографии находится главное меню, в котором разделы «Моя страница» включают «Мои видео», «Мои аудиторские обзоры», «Мои друзья», «Мои сообщения», «Мои ответы», «Мои Группы »,« Мои настройки »,« Мои документы »,« Мои приложения ». Каждый раздел содержит соответствующую информацию.
Под основной информацией вашего аккаунта вы можете увидеть карту с вашими фотографиями.Здесь размещаются все картинки, которые вы когда-либо загружали на свою страницу. Этот раздел также доступен для редактирования, как и все остальные. Фото Вы можете удалить или добавить новые.
Под фотографиями вы увидите свою стену, на которую вы и ваши друзья можете добавлять различные аудиозаписи, видеозаписи, тексты, фотографии или другие документы.
Под главной фотографией с вашей страницы находятся разделы «Фото со мной», «Мои подарки», «Мои подписчики». Еще ниже представлены списки ваших друзей, ваши фотоальбомы, видео и аудиозаписи.Эта информация также подлежит редактированию и скрытию от некоторых пользователей.
Как другие пользователи видят вашу страницу
Если вы решили скрыть часть информации от любого человека, который находится в списке ваших друзей, вы можете посмотреть на свою учетную запись так, как он видит этого человека. Для этого перейдите в раздел «Мои настройки», «Конфиденциальность». Изменяя доступ к личной информации, перейдите в нижнюю часть открывшегося окна. Там вы увидите надпись: «Смотрите, как видят вашу страницу другие пользователи». Нажмите на нее, а затем наверху деревни введите имя и фамилию человека в специальную строку поиска по имени и фамилии.Так вы сможете посмотреть на свою страницу его глазами и узнать, какая информация ему доступна, а что скрыта.
С надписями перейти в соответствующие разделы. Изображение необходимо довести до удобства его обработки. Определите область, в которой будет расположено меню: используйте инструмент «Правило» по горизонтали под аватаром, используя 370 пикселей. Также нужно измерить место, где будет заканчиваться меню.
Получить для создания кнопок. Для начала нужно с помощью линейки определить середину прямоугольника, в котором будет располагаться меню (185 пикселей) и создать новый слой.Инструментом «Прямоугольник» создайте кнопку и уменьшите прозрачность до 60%, затем создайте дубликат слоя и разместите его в нужном месте. Когда все пуговицы готовы, на них нужно написать названия. Для этого нажмите на слой и примените Инструмент «Т».
После выполнения всех надписей объедините слои, скопируйте получившееся изображение с помощью комбинации клавиш Ctrl + C и создайте новый документ. Вставьте получившееся меню, которое вы скопировали, с помощью кнопок. Далее инструментом «Вырезка» выделяем кнопку с надписями и сохраняем полученные изображения.Все картинки, полученные при работе в «Фотошопе», сохраните в отдельной папке и загрузите из этой папки в свою группу ВКонтакте. Поскольку данные изображения — это ваш рабочий инструмент, в настройках альбома поставьте ограничение на просмотр «только администраторы группы».
Создание кнопок меню и соответствующих страниц
Наведите указатель мыши на группу над меню. Справа от надписи «Меню» вы увидите кнопку «Редактировать». Нажмите здесь. Откроется поле для вставки изображения. Щелкните правой кнопкой мыши кнопку «Режим визуального редактирования».Вставьте изображения, которые вы подготовили с помощью кнопки «Добавить фото». Каждое изображение нужно вставлять в новую строку, чтобы в итоге у вас было заранее одно изображение «вырезанных» частей. Нажмите кнопку «Сохранить».
Щелкните кнопку Wiki Markup Mode. Вы увидите код ваших изображений в форме «[]». Создавайте страницы, на которые будут запускаться ваши кнопки. Для этого отступите на несколько строк от ваших изображений и напишите код для создания кода создания страницы [[Page1]], где текст «Page1» заменяет текст вашей кнопки.Создайте столько страниц, сколько кнопок будет.
Открывайте каждую страницу в новой вкладке браузера. Нажмите кнопку «Изменить» на каждой открывшейся странице. В панели браузера после нажатия на эту кнопку вы получите адреса своих страниц с видом «https://vk.com/page-111111111_11111111_11111111)».
Снова вернитесь в режим визуального редактирования. Нажмите на первую картинку, откроется окно с параметрами, где Ссылка — это строка адреса страницы, на которую будет вести картинка.Вставьте в строку соответствующую ссылку на страницу меню. Щелкните «Сохранить». Аналогичным образом ссылки вставляются для каждого изображения. Если вы вернетесь в режим Wiki-разметки, ваше меню будет состоять из нескольких ссылок, записанных в столбце.
Удалите строки формы [[page1]], чтобы они не дублировали ссылки на страницу меню. Таким образом, у вас будет единое изображение, некоторые части которого являются ссылками на соответствующие страницы вашей группы. Завершите создание меню, нажав кнопку «Сохранить».
Видео по теме
Именно ВК пользуется особой популярностью у молодежи, которая проводит большую часть своего свободного времени. Создавая новую учетную запись, пользователи ищут, как сменить тему в ВК на новую.
Процесс установки и замены темы занимает всего несколько минут, вам нужно только правильно установить плагин в браузере и скачать нужную тему.
Где скачать и как установить темы для ВКонтакте?
Темы для ВКонтакте можно установить только после загрузки тем для ВКонтакте.Вы можете сделать это, установив специальное расширение с каталогом тем. Программа интегрирована с браузером и позволяет просматривать новые темы.
Плагин приложения имеет специальный конструктор, который позволяет пользователю самостоятельно настраивать вид страницы. Изменить цвет фона, шрифт, уровень прозрачности, рамки внешнего вида для того или иного блока разрешено с помощью дизайнера.
Чтобы сменить тему в ВК, используя браузер Google Chrome, стоит выполнить такие действия:
- Открыть браузер.
- Зайдите в настройки «Инструменты».
- Перейдите в раздел «Расширения», где внизу находится опция «еще расширять».
- Нажмите кнопку, откроется интернет-магазин Google.
- В строке поиска укажите get-styles, нажмите «Установить». Начнется процесс установки надстройки браузера.
- Зайдите на сайт get-styles.ru, пройдите процесс регистрации, в результате чего будет создана собственная учетная запись на данном ресурсе на сайте.
- Возьмите лицензионное соглашение, которое появляется в отдельном окне после запуска программы расширения.
- Выберите и примените понравившуюся тему, чтобы сохранить изменения.
Для браузеров Opera, Internet Explorer, Mozilla Процедура установки плагина аналогична. Перед установкой необходимо скачать и установить приложение Get-Styles. Работает только с указанными браузерами. Если скачать для Google Chrome, приложение будет работать с операционной системой Windows 7.
Когда в Opera, Internet Explorer, Mozilla будет установлено приложение, пользователь переходит в Get-Styles.ru, введя логин и пароль из личного кабинета. Это позволит вам выбрать интересующую тему и применить ее для обновления страницы ВКонтакте. Картинки для просмотра увеличиваются посредством щелчка мышью по изображению.
Как сменить тему ВКонтакте?
Если тема устала, всегда можно сменить на новую. Вам нужно зайти в браузер, перейти по ссылке, ведущей в каталог с темами. Есть раздел «Категории». Выбрав категорию, пользователь увидит новую тему браузера в правой части окна браузера.Вам нужно щелкнуть по нему, чтобы применить новый дизайн для страницы. Затем вы можете обновить страницу, и изменения вступят в силу.
Всегда есть шанс вернуться к начальным настройкам, в том числе и по теме. Для этого пользователю необходимо перейти на сайт с темами для ВК, пролистать ту или иную категорию до конца. Есть стандартная тема — нужно кликнуть по ней, чтобы выбрать. Далее нажимается ссылка «Применить», и тема будет изменена. Увидеть начальную тему будет работать, если обновить стартовую страницу ВК.
Как и где скачать новые темы для ВКонтакте: Альтернативные сайты
Помимо плагинов, которые устанавливаются в интернет-браузеры, существует множество ресурсов, где регулярно публикуются новые темы для социальной сети ВКонтакте. Рекомендуется устанавливать только проверенные на которые:
Установив приложение Vktema.com, пользователь увидит дополнительную панель в браузере, которая будет установлена при автозагрузке. При перезагрузке браузера в меню учетной записи будет виден раздел «Вверху менеджера».Вот каталог с темами для Вконтакте.
Расширение vkmod.net устанавливается точно так же, как и другие расширения в браузере — скачать, запустить, установить, перезапустить браузер. В результате в интернет-браузере в меню настроек появится новый пункт «Мои темы».
Таким образом, замена темы в аккаунте социальной сети ВК проходит быстро и просто. Нужно только выбрать наиболее подходящий плагин и совместить его с работающим браузером.Каталог каждого приложения разный, пользователи ВК могут найти себе картинку и разместить свою страничку.
Текст ниже — о темах регистрации (как на иллюстрации)
ВКонтакте (ныне vk.com) для тысяч пользователей стал основным или даже единственным сайтом, на котором они проводят время в сети. Некоторым достается аскетичный (но стильный) бело-синий дизайн сайта, и они ведутся на рекламу, которая предлагает раскрасить внешний вид ВКонтакте с , а именно .
Опасно ли менять тематику оформления?
Если ставить тему у вас не спрашивайте Введите пароль, отправьте смс, установите неизвестную программу — смело. Текстовый код CSS и фоновое изображение, а также инструкции, противоположные приведенным выше, — обычно это выглядит как безопасная тема для сайта.
Однако некоторые темы вредят вашему зрению, будьте осторожны;)
Весь день во ВКонтакте? Много франков и лайков?
Начни оплачивать Интернет в следующем месяце!
В перспективе неограниченный доход! Частичная занятость в удобное для вас время!
Приобретена дополнительная профессия.
- Поделиться с другими | Rakontu Al La Aliaj:
Вы можете сделать это без особых трудностей. Для этих целей необходимо загрузить расширение для вашего браузера, выбрать подходящий стиль оформления и установить его. Ниже вы найдете подробные инструкции.
Что для этого потребуется
В сети есть проект где можно выбрать и скачать тему для ВКонтакте. Это называется «Получить стили». Помимо стилей оформления, разработчики предлагают вам скачать плагин, активирующий новый дизайн Вашей страницы.
В итоге качаем и устанавливаем расширение, выбираем и активируем тему. Давайте сделаем это.
Скачиваем и устанавливаем тему регистрации ВКонтакте
https://get-styles.ru/
Зайти в него. Главная страница выглядит так.
Темы здесь представлены абсолютно бесплатно. Но сначала вы должны установить плагин для своего браузера. Нажмите кнопку «Загрузить» в правом разделе меню. Затем подтвердите настройку расширения.
Теперь найдите подходящий стиль дизайна.Вы можете открыть тему для предварительного просмотра, просто щелкнув курсором мыши по ее изображению.
Когда определитесь с выбором, нажмите кнопку «Применить» в блоке с нужной темой.
Вы получите сообщение о том, что тема установлена и вам необходимо обновить страницу ВКонтакте.
Сделай это. Откройте свою страницу Вконтакте и нажмите F5 + Ctrl (для сброса кеша). И посмотрите на новый вид Регистрации.
Если у вас возникли трудности с установкой, посмотрите наш подробный видеоурок.
Заключение
Не забывайте, что набор украшений будет доступен только вам. Все остальные пользователи войдут на страницу увидят стандартный дизайн (см.).
Вопросы?
В контакте с
Их активно начали использовать люди, и одной из причин этого стала возможность настройки браузера.
Многие любят менять привычный дизайн программ и страниц в Интернете, поэтому через поисковые системы часто ищут, как изменить дизайн.
Вы можете изменить дизайн страниц ВКонтакте , с помощью специальных расширений и программ. Некоторые из них позволяют не только заменить красивым фоном на , но и полностью изменить меню. В этой статье мы рассмотрим лучшие расширения и утилиты, с помощью которых можно изменить дизайн ВКонтакте.
Как сделать красивый дизайн ВКонтакте?
1. Добавочный номер.
Это самый простой способ изменить дизайн популярной социальной сети.На фоновое изображение можно поместить любую картинку, а чтобы основной интерфейс с ней не сливался, доступна функция обводки. Поддерживаются любые форматы изображений, вы можете настроить толщину штриха и прозрачность страницы.
2. Программа от.
Этот сайт предлагает скачать и установить специальную программу, которая изменит оформление ВКонтакте в любом браузере. На выбор предлагается огромный выбор различных дизайнов, разбитых на категории.Установка программы стандартная, и при желании вы легко можете вернуть стандартный дизайн в социальной сети.
3. Расширение для браузера от.
Преимущество этого дополнения в том, что вы можете выбирать темы прямо из настроек вашей страницы. Каталог готовых украшений большой и каждый из них можно добавить в пристройку. Стоит отметить, что темы здесь предлагаются не только с изменением фона, но и с трансформирующимся интерфейсом.
4. Программа от.
Это самая популярная программа для изменения дизайна ВКонтакте. Вам нужно будет установить программу, выбрать тему и после обновления страницы вы увидите ее новый дизайн. База разных дизайнов Впечатляет, и при желании можно разработать собственную тему. Программа работает с любыми браузерами.
5. Программа от.
Еще одна качественная программа, с помощью которой можно легко изменить дизайн ВКонтакте.Вам необходимо скачать определенную версию программы для вашего браузера (Chrome, Opera, Mozilla, IE). Помимо того, что эта программа позволяет изменять дизайн, в вашем браузере появится удобная панель инструментов для использования ВКонтакте.
Переход на телемедицину поразил специалистов в области психического здоровья
Хотя специалисты в области психического здоровья говорят, что они в основном довольны быстрым переходом на телефонные или видеосервисы, большинство из них планируют вернуться к личному уходу, как только опасность COVID-19 утихнет.
Массовое и быстрое развитие технологий отражается и на медицинских услугах. Инновационная волна здравоохранения, называемая телемедициной, медленно, но верно проникает в сферу психического здоровья. Телездравоохранение может помочь нуждающимся пациентам получить доступ к услугам по охране психического здоровья. Это особенно важно, если учесть огромное количество людей, живущих в сельской местности, которые с трудом могут получить доступ к психиатрической помощи.
Основные преимущества, которые телемедицина может принести пациентам, нуждающимся в лечении, заключаются в сокращении числа неявок в последующем, устранении долгих часов работы терапевтов и наличии терапевта, предлагающего помощь большему количеству пациентов, чем раньше.
Основные преимущества для терапевтовПсихотерапевты определенно понимают, в каких временных ограничениях они находятся, чтобы иметь возможность предоставить максимально качественную помощь и в то же время вынуждены жонглировать напряженным графиком. Телемедицина может принести огромную пользу терапевтам, поскольку она может увеличить их доход, увеличить поток пациентов, которых они могут увидеть за более короткий промежуток времени, и, наконец, что не менее важно, улучшить уход за пациентами.Уход за пациентами можно оптимизировать, предлагая им более универсальные и гибкие варианты планирования и посещения медицинских сеансов, поскольку они являются удаленными.
Из-за нехватки психотерапевтов в традиционной системе здравоохранения профессионалам обычно приходится иметь дело с напряженным графиком, и телемедицина может помочь с этим аспектом также через удаленные сеансы, которые не требуют посещения медицинского кабинета.
Основные льготы для пациентов, нуждающихся в психиатрической помощиПациенты могут наслаждаться сильными эмоциональными отношениями, которые устанавливаются между ними и терапевтами, даже если встречи являются удаленными.Специалисты в области психического здоровья хорошо обучены, чтобы строить такие отношения со своими пациентами даже с помощью видео / аудио сессий. Это также может заставить пациента чувствовать себя более защищенным и менее уязвимым, особенно если ему приходится иметь дело с проблемами психического здоровья, такими как беспокойство и чувство стигматизации из-за своих проблем.
Более того, психиатрические услуги становятся более доступными по цене и для пациентов. Мобильные пациенты с ограниченными возможностями также могут воспользоваться удаленными сеансами со своими врачами по очевидным причинам.
В целом, пациенты могут чувствовать себя более защищенными, уединенными и защищенными в интимной обстановке своего дома, в то же время пользуясь преимуществами снижения затрат и получения соответствующего лечения у высококвалифицированных специалистов.
Создайте обложку для группы в контакте. Обложка группы ВКонтакте — эффективный инструмент привлечения клиентов
Группы Вконтакте теперь не самые ленивые. Но создать группу и правильно ее сформировать — это другое дело.
Если вы хотите заинтересовать и подписаться на вас, вам стоит позаботиться о создании обложки для группы ВКонтакте.Желательно сделать это до того, как вы начнете заливать трафик на новую страницу в социальной сети.
Уловка, помогающая сделать имидж компании солиднее: заказать обложку для группы ВК и для страницы в однотипном ФБ. Размеры будут разные, но дизайн лучше сделать одинаковым.
- Сделать обложку для группы ВК привлекательной и информативной важно по нескольким причинам:
- Это шанс произвести первое впечатление и заставить посетителя подписаться на страницу.Второго шанса не будет.
- Это возможность всего за секунду с помощью изображения создать желаемый имидж компании в представлении посетителя. Картинки работают намного быстрее и точнее, чем текст.
- Это подходящее место, чтобы поговорить о самом главном. Грядет большое событие, намечается серьезная распродажа, открывается новое направление? Чем сейчас занимается ваш бизнес? Вы можете написать информацию на обложке и как можно быстрее донести ее до всех, кто войдет в вашу группу.
Прежде чем приступить к изучению того, как сделать прикрытие сверху в группе ВК, стоит определиться, какой путь вам ближе:
1. Сделать обложку для группы Вконтакте на заказ. Результат хорошего дизайнера будет на высоте. Но за качество нужно платить, а также — потратить время и силы на поиск художника и взаимодействие с ним.
2. Разберитесь, как сделать обложку для группы Вконтакте. Этот вариант наверняка будет уступать предыдущему, если, конечно, вы не владеете графическими редакторами хотя бы на уровне продвинутого пользователя.С другой стороны, это даст вам новые знания и навыки, а также сэкономит на дизайне.
Если выбрать второй способ, то возникает вопрос, где сделать обложку для группы Вк. Добро пожаловать в Управление сообществом. Эта функция стоит на первом месте в выпадающем списке, который открывается при нажатии кнопки в виде трех точек. Мы выделили красным:
Параметр «Обложка сообщества» — это четвертый пункт после названия, описания и типа группы. ВК предлагает два варианта: загрузить или удалить обложку.
Если вы сами понимаете, как сделать обложку в ВК в группе, вы можете обнаружить, что сам сайт предлагает пользователям ответить на этот вопрос. Идеальный размер изображения для обложки — 1590 × 400 пикселей, формат — JPG, GIF или PNG.
Осталось сделать дизайн. Для этого вы можете использовать графические редакторы, такие как Photoshop или CorelDRAW, или вы можете использовать возможности более простых онлайн-сервисов изображений.
Один из самых популярных и интуитивно понятных онлайн-редакторов картинок и фотографий — www.canva.com. С ним будет несложно понять, как сделать горизонтальную обложку в группе ВК.
Сервис позволяет использовать готовые стильные шрифты и варианты макета текста на картинках. Некоторые шаблоны доступны бесплатно, некоторые — за плату.
Когда обложка будет готова, загрузите ее в группу ВК — и наслаждайтесь всеми преимуществами красиво оформленного сообщества.
Сегодня мы разобрались, как сделать обложку в ВК в группе, а в следующих выпусках поговорим о других маркетинговых инструментах, которые обязательно пригодятся вашему бизнесу.
Попробуйте свои силы в 10-дневной бизнес-игре «Your Start», , в которой вы начнете зарабатывать деньги на своем бизнесе, используя свои таланты и сильные стороны!
В нем мы постарались собрать наиболее эффективные сервисы, поэтому используйте и интегрируйте их в свои бизнес-процессы.
Оставайтесь на связи!
Если вы не готовы заказывать создание обложки для группы ВКонтакте у дизайнера, то можете попробовать нарисовать ее самостоятельно. Если вы дружите с Photoshop, Avatan или Kanva например, то проблем не будет.Вам нужно знать требования к размеру и формату изображения, а затем — ваше творчество. В этой статье подробно рассказывается, как сделать обложку для группы ВКонтакте в бесплатном онлайн-редакторе Avatan, а также даны рекомендации по работе с Photoshop онлайн и онлайн-редактором Canva.
Обложка ВКонтакте может быть любого размера, но сервис рекомендует использовать размер изображения 1590 на 400 пикселей для сохранения качества изображения. Именно такое соотношение сторон позволит изображению уместиться в отведенном для шапки пространстве — вверху группы или паблика.
Как сделать обложку для группы ВКонтакте онлайн
Если у вас на компьютере нет фотошопа или другой подобной программы, воспользуйтесь онлайн-сервисами для создания обложки для группы ВКонтакте. Подойдут такие онлайн-фоторедакторы, как Avatan, Canva, Photoshop online и некоторые другие. Основное требование к графическому редактору:
- возможность создания макетов определенного размера,
- вставить свой текст на изображение
- использовать несколько фотографий или изображений в одном макете,
- сохранить в jpeg, png.
Если эти операции выполнимы, то прикрыть не составит труда.
Важно! В какой бы программе вы ни делали шапку для Вконтакте, убедитесь, что компьютер у вас готов заранее:
Логотипв формате * png,
картинка для фона (можно скачать с яндекса или любое стоковое изображение),
текст, который вы хотите видеть в шапке Вконтакте.
Как сделать обложку для группы ВКонтакте в редакторе Аватан онлайн
Этот вариант подойдет тем, у кого уже есть какая-либо картинка или фото для обложки группы в контакте, которая будет служить основным фоном вашего макета.Или есть файл-картинка нужного вам цвета. Например, я скачал голубой светлый фон с Яндекс изображений.
Загрузить фоновое фото
Напомню, как создать макет в. Сначала установите приложение ВКонтакте, которое называется Аватан. Зайдите в нее и загрузите с компьютера изображение, которое будет служить фоном для группы.
Загружено фон:
Установить размер макета 1590 на 400 пикселей
Размер загруженного мной изображения отличается.Для того, чтобы получил нужный размер , перейдите к кнопке слева «Обрезать» и введите данные, а именно ширину 1590 пикселей и высоту 400 пикселей. Подтвердите, нажав «Применить».
Вставьте желаемый текст
Добавить логотип группы
Добавьте свой логотип со своего компьютера. Это делается на вкладке «Стикеры» с помощью команды «Пользовательский стикер». Желательно, чтобы логотип был в формате * png, то есть с прозрачным фоном, чтобы он не перекрывал основной цвет макета.
При необходимости часть вставленного изображения можно стереть ластиком-кистью. Этот инструмент открывается, когда вы выбираете вставленное изображение. Таким образом, вы можете удалить ненужный фон со своего логотипа.
Сохранить результат на компьютер
Сохраните макет в формате * jpeg или * png и вставьте в свою группу.
Эта очень простая шляпа была создана всего за 10 минут. На фото ниже показано, как это выглядит уже в установленном виде в группе.Конечно, нужно подумать, какую информацию вы хотите передать в тексте, какие картинки вы хотите вставить.
Подробнее о редакторе читайте в статье «Photoshop Avatan онлайн». Однако напоминаю, что в сети есть настоящий фотошоп, а вовсе не аватан или другой подобный сервис с ограниченным набором операций. Текст о нем ниже, знакомьтесь.
ВКонтакте обложка для группы и фотошоп онлайн
Еще один вариант создания обложки для сообществ ВК — фотошоп онлайн.Бесплатный сервис, в котором сохранены самые важные и необходимые операции обычной «компьютерной» версии этого замечательного фоторедактора.
Дальше описывать не буду: это не составит труда тем, кто до этого работал с фотошопом на компьютере. И если вы никогда ничего не создавали в этой программе, пояснения требуют отдельной статьи — программа слишком сложна, чтобы уместить описание в пару абзацев.
Холст для создания обложки группы ВКонтакте
На мой взгляд, самая удобная и простая онлайн-программа для работы с графикой — Canva.Вполне подходит для создания шапок ВКонтакте. Легко, быстро, доступно как на компьютере, так и в мобильной версии. Несмотря на то, что готовых шаблонов обложек для группы ВКонтакте в Canva нет, вы можете создать их самостоятельно.
Все инструменты, которые могут вам понадобиться для создания обложки в редакторе холста, описаны в.
Скоро будет отдельный урок по ВКонтакте и Canva, следите за обновлениями.
Скоро будет отдельный урок по ВКонтакте и Canva, следите за обновлениями..
Пример моей шляпы, созданной в Canva (я не дизайнер, но у меня получилось неплохо).
Как загрузить обложку в группу ВКонтакте
Вряд ли вы не знаете, где находится обложка сообщества ВКонтакте, но на всякий случай подсказка. Зайдите в Управление сообществом, нажав пресловутые три точки под аватаркой или старой обложкой группы.
Затем во вкладке «Основная информация» нажмите «Загрузить».Далее настройте отображение заголовка, как будет указано.
Удачного Вам творчества, красивых обложек для Ваших групп! Полезные материалы можно найти в разделе на.
Скачать статью в pdf
На моем сайте отключено копирование текста, поэтому если вам нужна полная статья, то вы можете купить МК с записью в формате * pdf и наслаждаться ею на своем компьютере.
Документ содержит все изображения, ссылки и, конечно же, сам текст.
Любая работа должна быть оплачена. Спасибо за понимание!
Группы Вконтакте теперь не самые ленивые. Но создать группу и правильно ее сформировать — это другое дело.
Если вы хотите заинтересовать и подписаться на вас, вам стоит позаботиться о создании обложки для группы ВКонтакте. Желательно сделать это до того, как вы начнете на новой странице в социальной сети.
Уловка, помогающая сделать имидж компании солиднее: заказать обложку для группы ВК и для страницы в однотипном ФБ.Размеры будут разные, но дизайн лучше сделать одинаковым.
- Сделать обложку для группы ВК привлекательной и информативной важно по нескольким причинам:
- Это шанс произвести первое впечатление и заставить посетителя подписаться на страницу. Второго шанса не будет.
- Это возможность всего за секунду с помощью изображения создать желаемый имидж компании в представлении посетителя. Картинки работают намного быстрее и точнее, чем текст.
- Это подходящее место, чтобы поговорить о самом главном. Грядет большое событие, намечается серьезная распродажа, открывается новое направление? Чем сейчас занимается ваш бизнес? Вы можете написать информацию на обложке и как можно быстрее донести ее до всех, кто войдет в вашу группу.
Прежде чем приступить к изучению того, как сделать прикрытие сверху в группе ВК, стоит определиться, какой путь вам ближе:
1. Сделать обложку для группы Вконтакте на заказ.Результат хорошего дизайнера будет на высоте. Но за качество нужно платить, а также — потратить время и силы на поиск художника и взаимодействие с ним.
2. Разберитесь, как сделать обложку для группы Вконтакте. Этот вариант наверняка будет уступать предыдущему, если, конечно, вы не владеете графическими редакторами хотя бы на уровне продвинутого пользователя. С другой стороны, это даст вам новые знания и навыки, а также сэкономит на дизайне.
Если выбрать второй способ, то возникает вопрос, где сделать обложку для группы Вк.Добро пожаловать в Управление сообществом. Эта функция стоит на первом месте в выпадающем списке, который открывается при нажатии кнопки в виде трех точек. Мы выделили красным:
Параметр «Обложка сообщества» — это четвертый пункт после названия, описания и типа группы. ВК предлагает два варианта: загрузить или удалить обложку.
Если вы сами понимаете, как сделать обложку в ВК в группе, вы можете обнаружить, что сам сайт предлагает пользователям ответить на этот вопрос. Идеальный размер изображения для обложки — 1590 × 400 пикселей, формат — JPG, GIF или PNG.
Осталось сделать дизайн. Для этого вы можете использовать графические редакторы, такие как Photoshop или CorelDRAW, или вы можете использовать возможности более простых онлайн-сервисов изображений.
Один из самых популярных и интуитивно понятных онлайн-редакторов картинок и фотографий — www.canva.com. С ним будет несложно понять, как сделать горизонтальную обложку в группе ВК.
Сервис позволяет использовать готовые стильные шрифты и варианты макета текста на картинках.Некоторые шаблоны доступны бесплатно, некоторые — за плату.
Когда обложка будет готова, загрузите ее в группу ВК — и наслаждайтесь всеми преимуществами красиво оформленного сообщества.
Сегодня мы разобрались, как сделать обложку в ВК в группе, и в следующих выпусках поговорим, что обязательно пригодится для вашего бизнеса.
в котором вы начнете зарабатывать на своем бизнесе, используя свои таланты и сильные стороны!
В нем мы постарались собрать наиболее эффективные сервисы, поэтому используйте и интегрируйте их в свои бизнес-процессы.
Оставайтесь на связи!
Как сделать обложку для группы Вконтакте? В новом дизайне появилась новая функция для сообществ — это обложка. Рассказываю несколько вариантов крутого дизайна паблика в ВК. Посетители будут в восторге.
Здравствуйте!
Из этой статьи вы узнаете, как сделать обложку для группы ВКонтакте.
Кроме нее, я покажу еще несколько способов элегантного оформления пабликов, кстати, такие обозначения давно не появлялись, в общем модная фишка, если хотите в этом году поразить!
Пробовал, понравилось).
Всё как на сайте!
Друзья, давайте сначала покажем, как выглядит обложка сообщества ВКонтакте.
Он показал пример картинки из своего блога.
Это кстати новая функция контакта).
Вообще как сказать все новое, давно забытое старое.
Это я к тому, что такая тема в Твиттере.
По мне смотрится прилично.
Да, в этой соцсети много обновлений …
Хотя сначала многие критиковали новый дизайн, в том числе
Мы пытались поменять дизайн на старый), но поначалу это было недостаточно комфортно.
У меня даже была статья по этому поводу).
Сначала все работало, теперь ребята, на старую нельзя перейти.
Хотя уже есть много разных плагинов и расширений, которые люди сделали.
Правда, как старый ВК, не будет смотреться, можно только так сделать.
Но! Друзья, по многим новинкам снимаю шляпу перед админами ВК! Друзья, от слов к делу.
Вы наверняка хотите узнать, как сделать обложку для группы ВК?
Если я расскажу, как это сделать, у вас уйдет много времени).
Для начала нужно выбрать изображение.
Советую зайти сюда
Пройдите по ссылке.
размеров обложки для группы ВКонтакте
Размеры обложки для группы ВКонтакте
Рекомендуемый размер: 1590 × 400.
Минимальный размер: 795 × 200
Нажмите на размер. Далее устанавливаем размеры: 1500 × 400
Как и на скриншоте ниже:
После выбора возникает логичный вопрос, как поставить обложку на группу ВК?
Свяжитесь с вашим сообществом.
Первым делом поставьте аватарку, если у вас ее еще нет!
Так как обложка в аве не показывается, у вас будет такая ерунда).
Далее.
Нажмите 3 точки, в открывшейся вкладке выбираете: «Управление сообществом»
Затем в открывшемся окне «Загрузить»
После выбора и загрузки поверните изображение как хотите).
Это можно закончить … но!
Помните, в начале этой статьи я вам обещал классный паблик, несколько вариантов?)
Посмотрите, а как еще можно устроить.
Это сделано в моем сообществе).
Сделал через фотошоп.
К сожалению, пока статья по оформлению такого плана не готова, скоро напишу).
Для ленивых могу сделать вам такой план, соответственно дизайн подберет вам по теме).
Стоимость 500 руб.
Пишите в личку или в комментариях.
Что еще интересного в ВК?
Новые контактные микросхемы
Нравится
Функционал расположен прямо ВКонтакте.
По сути, это обрезанный фотошоп).
Можно редактировать фото, писать на них, набор смайлов, можно переделывать чью-то фотографию.
Вообщем прикольная штука).
Еще одна интересная штука. Очень близко к нашей теме, а скорее к раскрутке сообщества.
Суть всего, устроить конкурс, подключить бесплатную программу, которая автоматически определяет победителя.
С помощью этого чипа можно прилично увеличить количество абонентов.
В статье я также рассказываю о сообществах, в которых можно давать рекламу, почти за символическую сумму денег.
Если говорить о дизайне, собственно, ребята, сейчас это очень важно.
Как говорится, встречаются по одежде.
Заметил такую вещь у себя в группе.
После обновления дизайна количество переходов по отношению к абонентам значительно увеличилось.
Как будто с таким же количеством переходов подписывались гораздо активнее.
Во всяком случае она была у меня.
Еще советую сделать меню в паблике.
Проводите регулярные конкурсы.
Существенно помогает, в виде лайков и репостов.
Зачем это нужно?
Видите ли, сейчас групп по какой-то теме существует вал.
Если у вас миллион человек, вам будет проще.
Ну, а если нет, то зачем пользователю проводить с вами время?
Стадный инстинкт никто не отменял).
Где подписчиков больше, там и народ.
Винт больше не работает).
Раньше можно было, теперь хоть чуть-чуть).
В общем, правильно начинать изначально, оценивать конкуренцию.
У меня есть статья на эту тему.
Выход единственный — заинтересовать читателя.
Здесь проходят конкурсы и розыгрыши и привлекают их.
Я дал тебе таблетку от головной боли, сделай это).
Друзья, еще много разных фишек.
В одной статье все не расскажешь.
Интересно, читайте этот блог, в нем я до сих пор горю).
Если есть вопросы, пишите в комментариях.
Всегда отвечаю.
Вот и все, всем пока!
Красивый дизайн сообщества ВКонтакте — это не прихоть, а важный элемент, формирующий доверие пользователей к вам и вашей компании.Если публичная страница или группа оформлена непрофессионально, ваши потенциальные клиенты могут вполне логично заключить, что вы так же небрежно относитесь к своей работе. Чтобы этого не случилось, убедитесь, что ваша страница ВКонтакте красивая, аккуратная и удобная в использовании. Как это сделать? Читай ниже.
Текущие размеры картинок ВКонтакте
Некоторое время назад разработчики социальной сети ВКонтакте запустили новый дизайн. Это привело к тому, что изменились размер и принципы отображения изображений.Памятка, которая будет представлена ниже, соответствует всем нововведениям и содержит параметры, актуальные в данный момент времени.
А теперь давайте подробнее рассмотрим каждый предмет.
ВК размер аватара
Минимальный размер аватара — 200 на 200 пикселей. Если вы попытаетесь загрузить изображение размером менее 200 пикселей в ширину или в длину, вы увидите эту ошибку:
Максимальный размер аватара — 200 на 500 пикселей. Но, в принципе, можно загружать изображения и большего размера — до 7000 пикселей с каждой стороны.Главное, чтобы соотношение их сторон не превышало 2: 5.
Покажу пример.
У меня есть образ. Его размер составляет 200 на 800 пикселей (соотношение 2 к 8). При загрузке ошибок не возникает. Однако я все еще не могу использовать это изображение, так как «Контакт» не позволяет мне выделить его полностью.
Крышка
Размер обложки для полной версии сайта 1590 на 400 пикселей.
Обратите внимание: в мобильной версии и приложениях отображается не полная версия обложки, а только ее часть размером 1196 на 400 пикселей.Посмотрите, как это закреплено в приложении на мобильном телефоне:
Чтобы этого не случилось, разместите основные элементы обложки в пределах 1196 на 400 пикселей.
Прикрепленные изображения
В обновленном дизайне «Контакты» ширина ленты новостей стала фиксированной. Это означает, что изображения, прикрепленные к сообщению, больше не растягиваются, а остаются такими, какие есть. Поэтому, если вы хотите, чтобы ваше изображение полностью занимало свое место в ленте новостей, его ширина должна быть не менее 510 пикселей.Лучше всего иметь квадрат или прямоугольник в альбомной ориентации.
Звучит немного запутанно 🙂 Поэтому покажу на примере.
Предположим, у нас есть квадратное изображение со стороной 510 пикселей. Если мы прикрепим его к нашей записи, он будет очень хорошо смотреться в ленте новостей на всех устройствах:
Так выглядит горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):
Как видите, чем уже изображение (по высоте), тем меньше оно выглядит в ленте смартфонов.Чтобы убедиться в этом, посмотрите на картинку ниже:
Понятно, что разница здесь не особо критична, и пользователи смартфонов все равно будут рассматривать ваш имидж, просто во втором случае им будет немного комфортнее.
Картинки для постов со ссылкой
Все эти данные взяты из кода разметки Open Graph:
Если Open Graph не зарегистрирован, заголовок берется из метатега Title, а изображение берется из статьи.При этом его можно легко изменить — или выбрать другое изображение из статьи с помощью специальных стрелок:
Или загрузите свой:
Минимальный размер изображения, которое вы можете использовать в качестве объявления для своей статьи, составляет 537 на 240 пикселей. Однако вы можете загружать изображения большего размера, если они пропорциональны.
Картинка к статье, созданной в редакторе
Размер изображения обложки статьи, созданной в редакторе, составляет 510 на 286 пикселей.Лучше, если она будет темной окраски и более-менее однообразной, так как название статьи и сообщества теряется на светлом фоне.
Хороший пример:
Не очень хороший пример:
Размер фото и видео для рассказов
Размер фото 1080 на 1920 пикселей. Размер видео — 720 на 1280 пикселей.
Технические характеристики видеозаписи:
- до 15 секунд;
- не более 5 МБ;
- ч.264 кодек;
- звук AAC.
В рассказах необходимо использовать фото и видео вертикального формата.
Обратите внимание: истории от имени сообществ на данный момент могут добавлять только крупные сообщества, для которых разработчики ВКонтакте открыли эту функцию. И делается это с помощью официального приложения. С компьютера этого сделать нельзя.
Обложка фотоальбома Размер
Размер изображения для видео
1280 на 720 пикселей.
Вики-страница
Ширина области содержимого вики-страницы составляет 607 пикселей. Если вы загрузите изображение большего размера, оно автоматически загрузится шириной 400 пикселей. Пример: у меня есть изображение размером 1366 на 768 пикселей. Если я добавлю его на вики-страницу, я получу следующее:
Чтобы изменить размер изображения, щелкните по нему и установите необходимые значения:
О том, как работать с вики-страницами, я подробно расскажу чуть ниже. Поэтому на этом мы не будем останавливаться.
Как сделать так, чтобы изображение «ВКонтакте» не сжималось? Влияние фона и размера на качество изображения.
Если вы когда-либо пробовали загружать изображения ВКонтакте (неважно, была ли это картинка на аватаре или просто фотография из вашей поездки), то вы наверняка уже знаете, что они имеют тенденцию к уменьшению. Особенно это заметно на темном (а особенно на красном) фоне и когда изображение не слишком большое. Пример:
Как сделать, чтобы качество снимков не портилось?
Чтобы изображение не было сжатым (точнее сжатым, но в гораздо меньшей степени), необходимо сделать его в 2–3 раза больше требуемого размера.Например, если нам нужно сделать аватар размером 200 на 500 пикселей, сделайте снимок размером 400 на 1000 пикселей. Если хотите сделать меню размером 510 на 400 пикселей, берите — 1020 на 800.
Изображение на темно-синем фоне, которое я перенес немного выше, имеет размер 510 на 350. Я сделал его вдвое больше (1020 на 700) и сохранил. Вот что из этого вышло:
Как исправить? Ответ очень прост — нужно выбрать другой фон. Дело в том, что на темном фоне пиксели видны лучше, чем на светлом.Поэтому, если вы хотите добиться идеального качества (хотя картинка выше уже выглядит вполне нормально), то вам нужно немного изменить цветовую схему. Например, сделайте фон белым, а текст — синим.
Как сделать шапку страницы
Шапка вашей публичной страницы или группы — это первое, что видят пользователи, когда приходят к вам в гости. В большинстве случаев в этом месте размещается навигационное меню на основе общедоступных материалов, интересных постов или важных анонсов.Давайте посмотрим на примеры того, как разные компании используют это пространство.
Крышка
Не так давно ВКонтакте представило обновление — теперь на страницах можно скачивать большие и красивые обложки (1590 на 400 пикселей). Для этого зайдите в настройки и нажмите кнопку «Скачать».
На обложке можно разместить все, что угодно: начиная с названия и девиза вашей компании, заканчивая всевозможными акциями, предложениями и даже конкурсами.
Рекомендую обратить особое внимание на возможности динамического покрытия.Как это работает, для каких целей можно использовать и с помощью каких сервисов устанавливать, читайте в нашей статье.
Примеры динамических крышек:
Обложка + описание сообщества + ссылка на сайт
Некоторые компании специально не фиксируют какие-либо сообщения в шапке, чтобы у пользователей была возможность прочитать основную информацию о странице и перейти непосредственно на сайт.
Описание с хэштегами
Некоторые компании добавляют к стандартному описанию страницы хэштеги, которые ее характеризуют.Это делается для того, чтобы страница имела более четкую релевантность и благодаря этому была выше в поиске по соответствующим запросам. Честно говоря, не знаю, работает этот метод или нет. Кейсов по этой теме не встречал, так что если кто знает, буду признателен, если поделитесь ссылкой.
Пристыкованный пост, рассказывающий, о чем эта страница.
Если вы хотите рассказать о своей странице более подробно (с фотографиями, ссылками и красивым макетом), то вы можете прикрепить в шапку вики-пост или статью в редакторе с яркой картинкой на объявлении, которая будет воодушевлять пользователей чтобы щелкнуть по нему.Пример такого поста:
Но что видит пользователь после перехода по ссылке:
Групповое меню открыто
Открытое меню, я называю это меню, сразу понятно из каких пунктов оно состоит. То есть картинка-анонс вики-сообщения полностью дублирует его содержание. Таким образом, пользователи сразу видят, что их ждет внутри. Я покажу пример.
Вот как выглядит контактный пост в заголовке страницы Flatro:
Групповое меню закрыто
Закрытое меню — это тот же пост вики, что и в предыдущем абзаце, только изображения с пунктами меню нет в объявлении.Обычно на нем пишут: «Меню», «Меню навигации» или «Навигация по общедоступным материалам».
Но что мы видим, когда нажимаем на него:
Кстати, стоит отметить, что это не единственные варианты. На самом деле на этой картинке можно написать все, что угодно. Главное, чтобы пользователь хотел по ней кликнуть, и он понимал, что его ждет после этого. Пример:
Скользящее меню для группы
Объединенное меню — это когда изображение в анонсе вашего меню составляет одно изображение с аватаром.Ниже я подробно объясню, как сделать такое меню, а пока просто посмотрите, как красиво оно выглядит.
Гифка и аватар одно изображение
А вот этот вариант дизайна кепки меня очень поразил. Автоматически проигрываемая гифка сливается с аватаркой в единую композицию и привлекает внимание пользователей, даже если на ней нет никакой информации.
Кстати, я заметил этот пример в группе SMM-маркетолога Сергея Шмакова. Так что спасибо ему за находку 🙂
Скрытое меню
Скрытое меню доступно только для групп (у страниц такого функционала нет).Чтобы его увидеть, нужно перейти по соответствующей ссылке. Преимущество этого метода проектирования заключается в том, что основная информация сообщества видна пользователям, и если они хотят использовать меню, все, что им нужно сделать, — это всего лишь один щелчок. Однако есть и небольшой минус — не все пользователи знают о существовании этой функции, поэтому вашему меню может быть уделено меньше внимания, чем если бы оно было зафиксировано вверху страницы.
Автоматически воспроизводимое видео
В конце ноября 2015 года в социальной сети ВКонтакте появилось интересное нововведение — как только пользователь заходит на вашу страницу, видео, прикрепленное к шапке, начинает проигрываться автоматически.С помощью этой техники можно привлечь еще больше внимания пользователей (особенно тех, кто впервые зашел на вашу страницу), и в то же время не раздражать тех, кому не нравится, когда они навязывают свой контент, потому что видео воспроизводится без звука. и почти не мешает.
Как добавить это видео в шапку своей страницы?
Для этого необходимо выполнить три условия:
- Прикрепите видео к сообщению и закрепите его в топе сообщества.
- Кроме видео к записи больше ничего не надо прикреплять.Только видео и текст по желанию.
- Видео необходимо загрузить во ВКонтакте — сторонние плееры не поддерживаются.
Запись, получившая много репостов
Еще один способ продуктивно использовать пространство в заголовке вашей страницы — это исправить в нем один из самых успешных постов — тот, который уже получил и продолжает набирать большое количество лайков и репостов. Зачем это делать, думаю, всем понятно — чем больше репостов, тем больше покрытие, тем больше подписок получает страница.
Анонсы новых клипов, альбомов, событий
Презентация новых продуктов / услуг
Акции и скидки
Корпуса, отзывы покупателей
Рекламное приложение
Розыгрыши
Правила сообщества
Ссылки на другие социальные сети
Я перечислил далеко не все варианты дизайна крышки. Фактически, на обложке и в фиксированном посте вы можете разместить любую информацию: вакансии, объявления, ссылки на самые продаваемые товары и т. Д.Так что не ограничивайтесь приведенными выше примерами. Включите воображение и используйте дизайн вашего сообщества для достижения своих целей.
Какой должна быть аватарка
Аватар — это не только красивая картинка с логотипом вашей компании, но и рабочий инструмент маркетолога, с помощью которого он добивается своих целей. Давайте подробно рассмотрим, каким он должен быть, чтобы привлечь внимание пользователей и побудить их совершить целевое действие. Начнем с эскиза.
Миниатюра аватара
- Текст на эскизе аватара должен быть достаточно большим, чтобы его можно было прочитать.
- Текст не должен выходить за рамки миниатюры.
- Пользователям должно быть понятно, что изображено на аватаре.
- По возможности лучше не использовать стоковые изображения, так как они часто снижают доверие к компании.
- Нежелательно, чтобы миниатюра аватара была слишком блеклой и скучной, иначе она потеряется на фоне более ярких аватарок конкурентов.
- Если вы хотите, чтобы ваш аватар выглядел современно, сделайте его минималистичным: меньше текста, теней, градиентов и никаких элементов, несущих какой-либо смысл. Ваш аватар должен быть максимально простым и точным. Этот стиль сейчас в тренде.
- Если перед вами стоит цель привлечь внимание пользователей и выделиться среди других аватарок на ленте, вам придется включить фантазию. Подумайте, на что вы сами обращаете внимание, ища интересное сообщество? Вот, например, меня неоднократно привлекали аватары с горящей лампочкой, которая обычно означает, что пришло новое сообщение.Это очень старый трюк, но по какой-то причине он все еще влияет на меня — когда я вижу такой свет, я обязательно смотрю на него.
Я не утверждаю, что эта техника будет работать с вашей страницей. Идея, которую я хочу донести, заключается в том, что есть много способов выделиться, вам просто нужно задать этот вопрос и проявить немного творчества. Вот, например, еще одна интересная идея, на которую я сам вряд ли бы подумал:
Аватар — черный круг: большой и маленький.Казалось бы, зачем это вообще? Но когда вы пролистываете список сообществ, такие аватарки привлекают к себе внимание, потому что они сильно отличаются от всех остальных.
Какую информацию можно разместить на миниатюрном аватарке
Несмотря на то, что миниатюра аватара имеет очень маленький размер, ее можно (и нужно) использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Рассмотрим несколько вариантов:
Объявление о новом продукте / услуге / событии
Преимущества компании / услуги / стр.
Телефон компании
Выгодные цены
Бесплатная доставка
Кстати, очень часто информация о том, что компания предоставляет бесплатную доставку, добавляется к самому названию группы, чтобы пользователи точно обратили на нее внимание.
Акции
Конкурсы
вакансий
Каким должен быть сам аватар?
Придумал, какой должна быть миниатюра аватара и какой текст на ней можно разместить. А теперь перейдем к самому аватару. Полная версия аватара будет отображаться только в том сообществе, в котором не установлена обложка. Именно для таких случаев я написал этот раздел.Итак, каким должен быть аватар вашего сообщества, чтобы пользователи сразу поняли, что ваша компания подошла к созданию страницы ответственно и профессионально.
- Аватар должен быть качественным. Как этого добиться, я написал чуть выше. Для тех, кто пропустил эту часть, скажу кратко — размер аватара должен быть в 2-3 раза больше, чем вы планировали.
- Желательно, чтобы аватар был совмещен с меню: был такой же цветовой гаммы, имел одинаковые шрифты, элементы и т. Д.Благодаря этому заголовок вашей страницы будет выглядеть более аккуратно и профессионально. Пример:
- Сам аватар и миниатюра аватара могут быть разными. Например, вы можете нарисовать круг на аватаре, расположить его по своему усмотрению, выбрать эту область в качестве миниатюры и выполнить остальную часть аватара в другом стиле.
- Чтобы побудить пользователей подписаться на вашу страницу или написать сообщение представителю компании, вы можете разместить соответствующий призыв к действию в самом низу аватара и сопровождать его стрелкой, указывающей на кнопку.
- Старайтесь не размещать на аватаре слишком много информации, иначе он будет выглядеть перегруженным и неопрятным. Добавьте к нему только самые важные моменты и убедитесь, что между ними есть «воздух».
Другой вариант — разделить аватар на две части. Один предназначен для миниатюры, а второй — для остальной части аватара.
Какую информацию можно разместить на аватаре?
На самом деле вы можете разместить на аватаре что угодно. В отличие от миниатюр здесь действительно есть где побродить. Главное не злоупотреблять 🙂
Домен сайта
Телефон / Адрес / Время работы
Конкурсы / Акции
Лучшие товары / новинки
информация о доставке
Реклама в мобильных приложениях
Основные преимущества компании / страницы / товара и др.
Обновление ассортимента / новое творчество и др.
Информация о том, что ваше сообщество является официальным
Информация о ближайших событиях
Адреса аккаунтов в других социальных сетях
Расширенное описание страницы
Hvast
В общем, на аватаре можно размещать абсолютно любую информацию.Я просто привел несколько идей, чтобы вы могли видеть, что делают другие, и вдохновлялись их примерами. Что ж, учтите основные рекомендации: аватар должен быть качественным, шрифт должен быть крупным, а между элементами будет больше «воздуха».
Как создать цельный аватар и меню
Для того, чтобы сделать аватар и меню единообразными, вам понадобится программа Adobe Photoshop или ее аналог. Я объясню весь процесс на примере «Фотошопа». Итак, начнем.
- Скачайте шаблон для Photoshop, который я специально подготовил для этой статьи. В нормальном размере (меню — 510 пикселей по ширине, аватар — 200) или в увеличенном (меню — 1020 пикселей по ширине, аватар — 400).
- Откройте изображение, которое хотите взять за основу.
- Скопируйте его, вставьте в шаблон и поместите так, как хотите вырезать.
- Добавить эффекты, текст, графику и т. Д.
- Если вы не хотите потерять часть изображения (в пространстве размером 50 пикселей), переместите его вправо, как показано на следующем гифке:
- Выберите инструмент «Макет» и нажмите кнопку «Фрагменты по направляющим».
- Удалите ненужные фрагменты (щелкните правой кнопкой мыши — «Удалить фрагмент») и отредактируйте существующие (щелкните правой кнопкой мыши — щелкните пустое место — возьмите нужную область и растяните ее до нужного размера).
- Перейдите в раздел «Файл» и выберите команду «Сохранить для Интернета».
- Перейдите в то место, где вы сохранили изображения (рабочий стол или какую-то конкретную директорию), и найдите там папку под названием «Изображения».Здесь будут ваши изображения. Теперь осталось только загрузить их на страницу.
П.С. Высота аватара может быть изменена на ваше усмотрение. Я взял максимальный размер — 500 пикселей, но у вас это значение может быть меньше. Например, как на странице разметки вики:
Как использовать виджеты
Виджеты также являются частью дизайна сообщества ВКонтакте. С их помощью пользователь может: оформить заказ, подписаться на вашу рассылку новостей, принять участие в конкурсе, прочитать и оставить отзывы, открыть поиск в сообществе, получить подарок, купон на скидку и т. Д.
Вот несколько примеров того, как виджеты выглядят на странице ВКонтакте:
Как делать изображения для постов
Если вы занимаетесь веб-дизайном или обладаете художественным вкусом и чувством прекрасного, то вам не составит труда придумать фирменный стиль для своих изображений. Однако мне кажется, что таких людей в этой статье будет меньшинство (я, кстати, к ним тоже не отношусь). Итак, давайте подробнее рассмотрим, как это делается, на примерах успешных компаний.
Кстати, обратите внимание, что практически все известные компании ВКонтакте брендируют свои изображения, то есть добавляют небольшой логотип, адрес своей страницы или водяной знак. Это повышает узнаваемость бренда и защищает ваши изображения от копирования. Стоит ли, каждый решает сам. Единственное, что хотелось бы посоветовать: если вы решили это сделать, постарайтесь сделать свой логотип не слишком ярким и не занимать слишком много места, иначе на нем будет весь акцент и изображение потеряет привлекательность.
Где взять хорошие изображения?
У нас есть хорошая запись в блоге по этой теме — «». Все они бесплатны, но для некоторых требуется регистрация. Если вы не нашли для себя ничего подходящего, попробуйте поискать по ключевому слову + обои (или, если на английском, обои). Обычно по такому запросу выходят качественные изображения. Но здесь нужно быть внимательным и проверять тип лицензии, иначе при серьезном бизнесе можно нарваться на неприятности.
А что делать тем, кто не умеет работать в фотошопе?
Если вы никогда не работали в Photoshop (или других графических редакторах) и еще не готовы выделить время на его разработку, вы можете воспользоваться сервисами, в которых уже есть готовые шаблоны изображений для разных социальных сетей:
1.Fotor.com
После этого в левой части экрана выбираем интересующий нас шаблон. Обратите внимание, что бесплатно доступны только те шаблоны, у которых нет значка в виде ромба.
Вставьте его в шаблон, выберите его левой кнопкой мыши, выберите команду «Слой» (значок сэндвича) и нажмите «Переместить вниз». Таким образом, наша картинка уйдет на задний план, а все надписи будут наложены поверх нее.
После этого меняем текст, шрифт, размер шрифта, положение метки и т.д.
Затем щелкните значок в виде дискеты, выберите имя, формат изображения, качество и нажмите кнопку «Войти для загрузки».
2. Canva.com
Еще один сервис, который поможет красиво нарисовать свой образ. Он работает по тому же принципу, что и предыдущий. Зарегистрируйтесь в сервисе (вы можете использовать свою учетную запись Google+ или электронную почту).
Выбираем сферу деятельности. Шаг, на котором вас просят пригласить друзей, пропускается. Попадаем в главное меню, где выбираем пост в Facebook, если нам нужна прямоугольная фотография, или пост в Instagram — если он квадратный.
Выбираем шаблон (если в шаблоне помечено «БЕСПЛАТНО», значит он бесплатный), меняем текст.
При необходимости загрузите изображение, отрегулируйте размер, измените текст, шрифт и положение этикетки.После этого нажмите кнопку «Скачать», выберите формат изображения и сохраните его на свой компьютер или любое другое устройство.
Как делать статьи в редакторе
В последнее время ВКонтакте можно использовать для создания статей в специальном редакторе. Для создания статьи необходимо нажать на букву «Т»:
Как использовать вики-разметку
Итак, мы подошли к самому интересному и в то же время сложному разделу. Возможно, среди читателей есть люди, которые не знают, что такое вики-разметка, и вообще слышат этот термин впервые.Поэтому специально для вас я дам определение, которое дает «Контакт».
РазметкаWiki — это язык разметки, который используется для форматирования текста на веб-сайтах (обычно относится к классу вики-проектов) и позволяет упростить доступ к функциям языка HTML. На нашем сайте вики являются хорошей альтернативой обычным сообщениям и текстовой навигации. Если вам нужно создать большую статью с разным форматированием текста (жирным шрифтом, подчеркиванием, заголовками и т. Д.) Или добавить к ней графику, или просто создать красочное меню навигации для вашего сообщества — wiki незаменима.
Так же, как WordPress (или любая другая CMS) имеет редактор HTML, с помощью которого вы создаете статьи, «Контакт» имеет собственный редактор для создания и редактирования вики-страниц. Выглядит это так:
С помощью этого редактора создавайте меню навигации, а также статьи с изображениями, видео и аудиозаписями. Ниже я подробно расскажу, как работать в этом редакторе, но сначала прошу добавить две ссылки в свои закладки. Они очень помогут вам в изучении вики-разметки.
.