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

Самая подробная статья о том, как красиво оформить группу « Вконтакте ». Скачайте шаблон для « Фотошопа », который я специально. Здесь вы можете бесплатно скачать PSD исходники для Фотошопа. Лучшие коллекции ПСД: шаблоны, исходники, макеты, рамки, визитки, логотипы и др. Мы вконтакте. PSD исходник аватара для группы или паблика ВКонтакте, изменить можно очень легко. 3D текст в смарт слое, нужно кликнуть 2 раза по слою в фотошопе. Готовые шаблоны/шапки Twitch/Ютуб/Youtube PSD.

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

Шаблоны оформления группы вконтакте.

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

Шаблон для группы по игре DOTA 2.Тем кто ведет свой паблик или группу понадобится. Все,что надо сделать.Это поменять надписи. Моя группа ВКОНТАКТЕ : https://vk.com/mrgraferon Привет, дорогой вконтакте, оформление групп вконтакте шаблоны, оформление. Скачать PSD аватар, меню для группы Вконтакте. На тематики SAMP, Counter STrike, CSS, CS:GO, 3D текст в смарт слое, нужно кликнуть 2 раза по слою в фотошопе. Готовые шаблоны /шапки Twitch/Ютуб/Youtube PSD. Еще на этапе создания группы вКонтакте нужно учесть заранее, как меню уже созданной группы понадобится программа бесценная Photoshop и вы.

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

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

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

Главное, чтобы соотношение их сторон не превышало 2 к 5. Покажу на примере. У меня есть изображение. Его размер: 2. 00 на 8. При загрузке не возникает никаких ошибок. Однако использовать это изображение я все равно не могу, т. Это значит, что изображения, прикрепленные к посту, больше не растягиваются, а остаются такими, какие они есть.

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

Звучит слегка запутано : ) Поэтому покажу на примере. Допустим, у нас есть изображение квадратной формы со сторонами 5. Если мы прикрепим его к нашей записи, оно будет очень хорошо смотреться в ленте новостей на всех устройствах: А вот так смотрится горизонтальное изображение в альбомной ориентации (ширина 5. Как вы видите, чем уже изображение (по высоте), тем мельче оно смотрится в ленте смартфонов. Чтобы убедиться в этом, посмотрите на картинку ниже: Понятно, что разница здесь не особо критична, и пользователи смартфонов все равно рассмотрят ваше изображение, просто во втором случае им будет немного комфортней. Изображения к постам со ссылкой.

Изображения к постам со ссылкой – это изображения, которые автоматически «подтягиваются» к посту, когда вы вставляете в него ссылку. Вот как это выглядит: Все эти данные берутся из кода разметки Open Graph: Если Open Graph не прописан, заголовок и описание берутся из метатегов Title и Description, а изображение – из статьи. При этом, его можно легко изменить – либо выбрать другое изображение из статьи с помощью специальных стрелочек: Либо загрузить свое: Минимальный размер изображения, которое вы можете использовать в качестве анонса к вашей статье, – 5. Однако вы можете загружать и более крупные изображения, если будет соблюдена пропорция (~2,2 к 1). Вики- страница. Чтобы изображение занимало всю ширину вики- страницы, оно должно быть не менее 6. Вы можете взять картинку и большей ширины, но тогда она автоматически уменьшится до нужного размера. Пример: у меня есть изображение размером 1.

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

Пример: Как сделать так, чтобы качество картинок не портилось? Для решения этой проблемы команда поддержки «Вконтакте» рекомендует следующее: открыть картинку в «Фотошопе», выбрать команду «Сохранить для Web», в появившемся окне указать максимальные настройки качества (1. Преобразовать в s. RGB». Однако мой опыт (да и опыт всех людей, которые занимаются SMM) говорит о том, что этот метод не дает нужного результата. Единственный способ сделать так, чтобы изображение не ужималось (точнее, ужималось, но в гораздо меньшей степени) – делать его в 2- 3 раза больше нужного размера.

Например, если нам нужно сделать аватар размером 2. Если нужно сделать меню размером 5. Изображение на темно- синем фоне, которое я привела чуть выше, имеет размер 5. Я сделала его в два раза больше (1.

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

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

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

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

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

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

То есть картинка- анонс вики- поста полностью дублирует его содержимое. Таким образом, пользователи сразу видят то, что их ожидает внутри. Multipoint Speakerphone Bluetooth Manual на этой странице. Покажу на примере. Вот как выглядит закрепленный пост в шапке страницы нашей компании: А вот что мы видим, когда кликаем по нему: Еще один пример. Здесь все то же самое.

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

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