Для привлечения внимания к постам в социальных сетях принято прикреплять фотографии или графические карточки. Чтобы такие посты корректно отображались на разных устройствах у разных пользователей и полностью выполняли возложенные на них задачи — выделялись из общей ленты и заставляли подписчика потратить время на прочтение — лучше соблюдать несколько простых правил.
— с соотношением сторон 1:1 от 1080×1080 pх и выше.
— с соотношением сторон 3:2 от 800×533 px и выше.
Например: 900×600 px, 1200×800 px, 1920×1280 px.
— миниатюра 200×200 px;
— минимальный размер целого аватара — 400×400 px;
для аватара лучше использовать формат JPG, а не PNG.
— статичная 1920×768 px;
— живая (полный размер) 1080×1920 px — можно загружать до 5 фото или видео.
— живая (превью) 1080×832 px — живая обложка раскрывается полностью только после клика по ней, изначально пользователи видят сокращенный вид обложки — превью.
— минимальный размер для фотографий и видео — 720×1280 px.
— карточка товара 1000×1000 px;
— обложка для подборки 1280×720 px;
в мобильной версии видимая область 1060×720 px.
— в десктопной версии (с ПК) — 1200×800 px;
— в мобильной версии видимая область — 1200×600 px.
— минимальный размер для качественного отображения видео — 1280×720 px.
Карточки — отличный способ привлечь внимание аудитории и донести до неё важную информацию простым языком.
В нашем случае на графические карточки можно вынести, например, расписание матчей, результаты прошедших встреч, цитату тренера или игрока и многое другое.
Есть несколько простых советов, которые помогут создавать классную и полезную графику для ваших соцсетей.
Главное, чтобы ваша карточка была «читабельна» — чтобы пользователь без дополнительных усилий мог быстро уловить, какой посыл вы хотите донести. На читабельность влияют:
Безусловно, яркие цвета заметнее в ленте, но иногда на них сложно разобрать надписи. На хороших карточках текст должен быть хорошо виден даже на экранах мобильных телефонов.
Обилие деталей и эффектов иногда приводит к «перегрузке» карточки — пользователь попросту не понимает, куда смотреть, чтобы найти нужную информацию.
Как правило, карточки с простыми шрифтами читать легче и быстрее. А если вы хотите использовать «красивые» шрифты — рукописные, со сложными вариантами начертания — их лучше оставить для заголовков.
Лучше подобрать такой, чтобы пользователь мог прочитать текст карточки без дополнительных усилий. Если на карточке много текста мелким шрифтом, ее придется увеличивать — читатель должен быть сильно мотивирован, чтобы сделать это.
Лучше не заполнять все пространств карточки текстом — это создаёт впечатление громоздкости и обилия информации. Кажется, что на такую карточку нужно потратить много времени, поэтому возникает эффект «прочитаю потом».
Выносите на карточку самое главное, а детали — оставляйте в подводке к посту. Но помните: карточки не должны дублировать текст поста и наоборот :)
Посмотрите, как по-разному может выглядеть одна и та же информация, оформленная с соблюдением правил и вопреки им.
Сегодня ВКонтакте предлагает два варианта расположения более чем одной карточки в посте: сетка или слайдер.
При выборе варианта «сетка» миниатюры всех изображений будут сразу видны читателю. При выборе варианта «слайдер» читатель сразу увидит только первую карточку, а чтобы просмотреть остальные ему необходимо будет перелистнуть на них.
Если со «слайдером» всё понятно, то «сетка» даёт дизайнеру некоторые дополнительные возможности для оформления поста. Например, если прикрепить к посту две, четыре, шесть или девять квадратных карточек, в ленте они будут отображаться как своеобразная мозаика или единое полотно. Можно экспериментировать с фоном, расположение элементов и текста на них, чтобы создавать уникальные посты.
Если неправильно подобрать размер карточек или их количество, часть контента при предварительном просмотре может оказаться скрыта от читателя.
Например, снова возьмем четыре карточки — но на этот раз не квадратных, а прямоугольных — и разместим их в «сетке». В зоне видимости при предварительном просмотре остаётся лишь квадрат. А это значит, что если вы именно так разместите карточки с текстом, пост потеряет задуманную визуальную привлекательность, и некоторые пользователи могут им не заинтересоваться.