Руководство для авторов: как оформить карточки для соцсетей

Зачем использовать карточки для соцсетей

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

Вот чем хороши карточки:

• Карточки проще воспринимать. По сравнению с текстовым форматом у карточек больше возможностей, чтобы структурировать информацию и выделить важные моменты. Читатель быстрее пробежится глазами, легко воспримет и запомнит ваш текст. Это особенно важно в социальных сетях, где контент потребляется быстро и выборочно.
• Информация собрана удобно для пользователя. Текст на карточках разбит на небольшие, логически завершенные блоки: компактно и лаконично. Мысль на каждой карточке самостоятельная: можно прочитать и сохранить выборочно.
• Карточки с оформлением выглядят эстетично. Хорошо оформленные карточки создают позитивное впечатление о бренде или продукте. Через цвета и элементы бренд запоминается, а визуально привлекательные посты чаще лайкают и активно ими делятся.

Как создавать визуальный контент

Требования к изображениям

У соцсетей разные требования к изображениям. Если их нарушить, картинка может некрасиво обрезаться или соцсеть срежет охваты за нарушение правил.

ВКонтакте

Формат. Лучше использовать формат PNG, чтобы при загрузке карточки сжимались без потери качества.

Размер карточек для поста. Минимум 510 × 510 рх (пикселей), оптимально брать размер 1200 × 1200 рх. Если изображение прямоугольное, то минимум 510 × 650 рх, оптимально — 1800 × 1200 рх (соотношение 3:2).

Размер обложек для статей. Минимум 510 × 286 px, оптимально — 1926 × 1080 px. Название статьи автоматически накладывается поверх изображения.

Реклама. Если делаете карточки для рекламной кампании, прочитайте требования на официальной странице.

Инстаграм*

Формат. Лучше использовать файлы PNG для сохранения качества.

Размер. Минимальный размер — 320 × 320 px, максимальный — 1080 × 1080 px. Если изображение прямоугольное, то максимальный размер — 1080 × 1350 px. Вес файла — не более 30 МБ.

Соотношение сторон. Для вертикального изображения используйте соотношение 1:1 или 4:5, для горизонтального — 16:9.

Телеграм

Формат и соотношение сторон. Фото могут быть любыми. Мессенджер не обрезает их при загрузке. Но если делаете несколько карточек, на Android они могут отобразиться не полностью. Лайфхак: попробуйте сделать карточки размером 720 × 1280 px.

Сжатие. Если при загрузке выбрать опцию «Сжать изображение», загрузится полноразмерная картинка с текстом под ней. Если выбрать опцию «Не сжимать изображение», вместо картинки будет небольшая кликабельная плашка над текстом.

Размер. Изображения размером до 1280 × 1024 рх отобразятся полностью при любом варианте сжатия.

Фейсбук*

Формат. Лучше использовать файлы PNG для сохранения качества.

Размер. Оптимальный размер для поста — 1200 × 630 px, для картинок к внешним ссылкам — 1200 × 628 px.

Одноклассники

Размер. Оптимальный размер для поста — 900 × 600 px или 1080 × 1080 px, для обложки статьи — 1944 × 600 px.

Яндекс Дзен

Формат и размер. Четких требований у площадки нет. Минимальная ширина картинки — 300 px. Вес — до 30 МБ.

Совет: используйте горизонтальные изображения с соотношением 16:9.

На что обратить внимание

Размещайте на карточках тезисы. Представьте, что делаете саммари на статью, интервью или лонгрид:

1. выпишите основные тезисы;
2. уложите мысль в 1–2 предложения;
3. дополните жизненным примером или изображением.

Помните: тезисы должны быть интересными и полезными для читателя.

Сокращайте текст. Идеально — до 2–3 предложений. Если хотите рассказать больше, сделайте карточки цепляющими, а на последней в CTA упомяните, где читать подробнее.

Выделяйте текст. Выбирайте контрастный для фона цвет текста, делайте подложку, если фон пестрый. От сочетания цветов глаза не должны уставать. Используйте удобный для чтения шрифт.

Учитывайте контекст поста в оформлении. Наша задача — усилить текст. Если текст о том, как взять интервью у эксперта, а в оформлении появится рандомный мем, читатель ничего не поймет и уйдет.

Оставляйте «воздух». Между графическими элементами, абзацами и строками должно быть свободное пространство.

Используйте единый дизайн для всех карточек. Выберите фирменные цвета и элементы, повторяйте их в оформлении разных карточек. Со временем по одному только дизайну пользователь начнет узнавать бренд.

Как соблюдать авторские права на изображения

Полезные ресурсы

Canva — онлайн-сервис для новичков. Много готовых дизайнов: карточки для социальных сетей, обложки, иконки, рекламные баннеры и др. Некоторые дизайны и функции — например, удаление фона — доступны только с платной подпиской. Доступ только с VPN.

Figma — универсальный редактор. Удобный графический сервис с несложным интерфейсом. Не требует много памяти, потому что все данные хранит в облаке. Можно работать с направляющими, подгружать свои шрифты и отрисовывать элементы. Здесь же можно удалить фон или найти стоковое изображение при помощи плагинов.

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

Zebra — удалить или затемнить фото, добавить зерно и рамку. Все функции внизу страницы, настройки контролируются бегунком. Быстрое сохранение без кучи настроек. Сохраняется качество изображения.

Лето.Шрифты — авторские шрифты и элементы. Много прикольных деталей, которые рисуют вручную: от необычных шрифтов до стрелок, рамок и других графических элементов.

Unsplash, Pexels, Pixabay, Freepik — фотостоки. Нужная в дизайне вещь, чтобы не случилось юридических претензий.

FusionBrain.AI — бесплатная нейросеть, которая генерирует изображения. Можно работать на русском, выбирать примеры стилей и исправлять отдельные кусочки картинки.

15 нейросетей для генерации текста, картинок, видео и музыки

Частые ошибки при оформлении карточек

Сделать красивые карточки с первого раза бывает сложно, особенно если не хватает насмотренности и базовых навыков в дизайне. Чтобы облегчить вам задачу, собрали частые ошибки оформления и рассказываем, как их исправить.

Много ярких цветов. Бывает, авторы используют сразу несколько цветов, которые плохо сочетаются. Получается слишком броско, и информация на такой карточке не считывается. Совет: используйте 2–3 цвета и подложки для текста.

Нечитабельный текст. Иногда на карточку пытаются уместить большой кусок текста и для этого уменьшают шрифт. Читать такой текст тяжело, приходится вчитываться или увеличивать картинку. Совет: лучше разбить текст на несколько карточек — например, разместить по одному пункту на каждую.

Мало воздуха. Хорошо, когда на карточке, кроме текста, есть скриншот или иллюстрация. Так можно наглядно что-то показать читателям или привлечь внимание. Но если добавить всё и сразу, карточка получится перегруженной. Совет: используйте 1–2 визуальных элемента и следите, чтобы оставалось достаточно свободного пространства.

Кратко: как оформить карточки

• Пишите тезисно: сформулируйте основные мысли кратко и ясно, добавьте иллюстрации для наглядности.
• Сокращайте текст: не больше 2–3 предложений на карточке.
• Учитывайте требования платформы, чтобы избежать искажений и снижения охватов.
• Обеспечьте читаемость: выбирайте контрастные цвета и удобные шрифты.
• Соблюдайте единый стиль: используйте фирменные цвета и элементы, чтобы карточки ассоциировались с брендом.
• Оставляйте «воздух»: между элементами должно быть пустое пространство.

* Принадлежат Meta, которая признана в РФ экстремистской и запрещена.