Адаптация обложек ВК
20-08-2017Неоднократно, просматривая различные группы ВКонтакте с мобильных устройств, замечаешь, что обложка выглядит какой-то обрезанной. Половина информации просто не вмещается. Выглядит это не очень презентабельно. Как же это исправить?
Обойдёмся без воды — просто и по делу:
Поэтому если Вы хотите оформить группу ВКонтакте красиво, как для ПК, так и для смартфонов, следует учитывать эти особенности.
[ — БОНУС — ]
Держите файл Adobe Photoshop с уже размеченными отступами, чтобы самим не сидеть и не высчитывать пиксели: Скачать файл Adobe Photoshop.
С уважением, команда «Pixel-One».
Обойдёмся без воды — просто и по делу:
1. Размер обложки ВК = 1590*400 px (Ш*В).
2. Не вся обложка отображается корректно на экране мобильного устройства. Края с обоих сторон обрезаются на 197 px. Если вы на обложке решили поместить призыв, девиз, УТП, то стоит это учитывать и помещать информацию в центре обложки.
3. Также обратите внимание на то, что иконки верхнего поля мобильного устройства (время, уровень заряда батареи, Wi-Fi и т.п.) отнимают ещё 83 px сверху. А также ещё по 140 px по краям: на обложку попадут кнопки приложения. Правда эти элементы имеют прозрачность и не так сильно будут влиять на отображение.
2. Не вся обложка отображается корректно на экране мобильного устройства. Края с обоих сторон обрезаются на 197 px. Если вы на обложке решили поместить призыв, девиз, УТП, то стоит это учитывать и помещать информацию в центре обложки.
3. Также обратите внимание на то, что иконки верхнего поля мобильного устройства (время, уровень заряда батареи, Wi-Fi и т.п.) отнимают ещё 83 px сверху. А также ещё по 140 px по краям: на обложку попадут кнопки приложения. Правда эти элементы имеют прозрачность и не так сильно будут влиять на отображение.
Поэтому если Вы хотите оформить группу ВКонтакте красиво, как для ПК, так и для смартфонов, следует учитывать эти особенности.
[ — БОНУС — ]
Держите файл Adobe Photoshop с уже размеченными отступами, чтобы самим не сидеть и не высчитывать пиксели: Скачать файл Adobe Photoshop.
С уважением, команда «Pixel-One».
Рейтинг записи
Метки
Поделиться
Читайте также
Меню-гамбургер
19-06-2017Кто-то остаётся сторонником того, чтобы использовать меню-гамбургер, кто-то же наоборот — считает подобное использование неудобным и лишь мешает пользователю без каких-либо проблем перемещаться по страницам вашего сайта.
Визуальный контент
16-06-2017Больше половины людей лучше усваивают визуальную информацию, поэтому если вы хотите донести до пользователя нужную информацию, то необходимо воспользоваться каким-либо из основных видов его представления.
Создание идеального поста
05-05-2017В этом небольшом материале мы расскажем Вам, какой пост для социальной сети ВКонтакте считается идеальным и какие правила необходимо соблюдать, чтобы запись получилась успешной.