Как сделать инфографику для соцсетей: структура, размеры и правила дизайна

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

1. Начните с мысли, а не с шаблона

Чаще всего инфографика не удаётся потому, что её собирают из шаблона, а содержание вливают потом. Начните с обратного вопроса: что читатель должен понять или сделать, посмотрев на неё? У хороших тем для инфографики есть понятная форма:

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

Сначала запишите главную мысль как заголовок: «Выбор матраса — четыре вопроса» работает лучше, чем «Инфографика про матрасы». Если не хватает идей, наш материал о форматах контента для контент-плана показывает место инфографики среди других форматов.

2. Соберите и сократите содержание

Инфографика — не место для всего, что вы знаете. Ориентир: 20–60 слов основного текста для одной картинки и 15–40 слов на слайд карусели. Полезный приём: напишите полный текст, сократите вдвое, затем ещё раз.

• Используйте проверенные факты. Если приводите цифру, знайте источник и дату. Не выдумывайте цифры и не округляйте их до ложной точности.
• Предпочитайте свои данные и опыт: назначенные вами цены, ваши шаги, вопросы клиентов. Это оригинальнее и вызывает больше доверия, чем пересказанная чужая статистика.
• Заменяйте предложения фрагментами, абзацы — списками, а абстрактные слова — конкретными.

3. Выберите структуру

Большинство хороших инфографик строятся по простой схеме:

1. Заголовок. Главная мысль простыми словами, сверху, самым крупным текстом.
2. Короткое вступление (по желанию). Одна строка с контекстом или обещанием результата.
3. Тело блоками. От трёх до семи блоков: цифра или иконка, короткий заголовок и одна строка пояснения.
4. Вывод или призыв. Одно предложение внизу: что делать дальше.
5. Источник и знак бренда. Небольшим шрифтом внизу или в углу: ваше имя или логотип и источник, если приводите данные.

Порядок чтения должен быть очевиден. Взгляд идёт с левого верхнего угла, не заставляйте искать, что дальше. Цифры, стрелки и одинаковые отступы выполняют роль проводника.

4. Одна картинка или карусель?

Выбор	Когда	Почему
Одна картинка	Одно сравнение, короткий процесс, одна сводка или карта	Считывается с одного взгляда, легко сохранить и переслать, работает в любой сети
Карусель	Пошаговые инструкции, списки с пояснениями, истории с нарастанием	На каждом слайде достаточно воздуха; пролистывание увеличивает время на вашем посте
Короткое видео или анимация	Процесс, меняющийся во времени	Движение помогает, но требует больше усилий на производство

В карусели первый слайд делайте заголовком с обещанием результата, последний — итогом и одним действием, и пусть каждый слайд будет понятен сам по себе: люди могут остановиться на середине. Больше идей — в нашем материале про идеи каруселей для Instagram.

5. Размеры и форматы

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

Где	Рабочий размер	Заметки
Лента Instagram, портрет	1080 × 1350 px (4:5)	Занимает больше всего места на экране; обычно лучший выбор для инфографики
Лента Instagram, квадрат	1080 × 1080 px (1:1)	Надёжный универсальный вариант; в карусели у всех слайдов одно соотношение сторон
Сторис и обложки Reels	1080 × 1920 px (9:16)	Держите текст подальше от верхнего и нижнего краёв, где находятся элементы интерфейса
Одно изображение в LinkedIn	1200 × 1200 px или 1080 × 1350 px	Карусели в формате документа часто загружают как PDF
Лента Facebook	1080 × 1350 px или 1080 × 1080 px	Обрезка в ленте может отличаться на разных устройствах
Пост в Telegram	До примерно 1280 px по длинной стороне; хорошо читается квадрат или 4:5	Очень высокие изображения обрезаются в превью; если текст должен остаться чётким, отправляйте крупный файл как документ

Чтобы быстро свериться с размерами, можно воспользоваться бесплатным инструментом с размерами изображений: он показывает актуальные параметры для каждой сети. Всегда оставляйте поля примерно 60–80 px по краям и держите главный текст в центральной безопасной зоне: ленты и сетки профиля обрезают края.

6. Иерархия: ведите взгляд

Иерархия — разница между «оформлено» и «набито». Используйте три уровня, не больше:

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

Контраст создавайте размером, насыщенностью шрифта и цветом, а не декором. Выравнивайте всё по сетке, держите одинаковые отступы между блоками и оставляйте пустое пространство: воздух — не потеря места, а то, что делает содержание читаемым. Хороший тест: уменьшите картинку до размера миниатюры; если заголовок и структура всё ещё различимы, иерархия работает.

7. Шрифты

• Не больше двух шрифтов: один для заголовков, один для основного текста, либо одно семейство в двух начертаниях.
• Выбирайте ясные открытые формы букв. Декоративные и тонкие рукописные шрифты ломаются на маленьком экране.
• Проверьте, что шрифт поддерживает все языки, на которых вы публикуетесь, включая кириллицу и диакритику, чтобы символы не подменялись другим шрифтом.
• Минимальный размер основного текста. На изображении шириной 1080 px текст мельче примерно 28–30 px плохо читается на телефоне; заголовки обычно от 60 px.
• Длина строки и интерлиньяж. Короткие строки, щедрый межстрочный интервал, выравнивание по левому краю для большей части текста.
• Не набирайте длинный текст заглавными: это замедляет чтение.

Больше базовых правил — в материале про советы по дизайну графики для соцсетей.

8. Цвета

Возьмите два-три цвета бренда и один нейтральный. Один яркий цвет оставьте для акцентов (цифры, ключевые слова, иконки), фон пусть будет спокойным. Проверьте контраст: тёмный текст на светлом или светлый на тёмном, без серого на сером. Практическое правило: обычный текст должен достигать контраста не ниже 4,5:1, который рекомендуют руководства по доступности WCAG, а крупный — не ниже 3:1. Бесплатные проверяльщики контраста существуют, и на проверку основных сочетаний уходит несколько секунд.

Используйте цвет для смысла последовательно: например, один акцент для «делать», другой для «избегать», но никогда не полагайтесь на один только цвет, потому что некоторые зрители не различают определённые пары. Добавляйте иконки или подписи.

9. Иконки, диаграммы и иллюстрации

• Один стиль иконок во всём макете: все контурные или все заливкой, с одинаковой толщиной линии.
• В диаграммах — одна диаграмма на одну мысль, значения подписывайте прямо на элементах вместо легенды, столбцы начинайте с нуля и не используйте декоративные 3D-эффекты.
• Фото: по возможности свои. Не кладите текст на пёструю фотографию без сплошной или затемнённой подложки.
• Не используйте чужие логотипы и узнаваемых персонажей без разрешения и проверяйте лицензии на любые стоковые или сгенерированные AI материалы.

10. Сделайте доступно

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

11. Простой порядок работы в восемь шагов

1. Запишите главную мысль-заголовок и целевое действие.
2. Соберите и проверьте факты, сократите текст.
3. Выберите формат: одна картинка или карусель.
4. Набросайте структуру на бумаге или списком.
5. Соберите на шаблоне с вашими шрифтами и цветами.
6. Проверьте на телефоне в реальном размере: читается ли на расстоянии вытянутой руки?
7. Напишите подпись с ключевыми пунктами и понятным призывом.
8. Опубликуйте в привычное время и через неделю посмотрите на сохранения и пересылки.

12. Как это делается в AI SMM

AI-студия контента помогает с теми частями, которые обычно занимают больше всего времени. Дайте ей тему и ключевые пункты, и она набросает текст блоков, вариант заголовка и подпись в тоне вашего бренда, а также может создать или адаптировать изображения в стиле бренда для обложек, фонов и иллюстраций. Точные цифры, подписи и вёрстку проверьте и поправьте сами или доведите макет в привычном вам графическом редакторе. Когда пост готов, поставьте его в календарь: карусели и одиночные изображения можно планировать в Instagram, LinkedIn, Threads и другие сети из одного места. Учтите, что страницы Facebook не поддерживают карусели, поэтому там публикуйте одну картинку. После публикации аналитика покажет охват и вовлечённость в сетях, которые это поддерживают, и вы увидите, сохраняют ли и пересылают ли вашу инфографику.

Вопросы и ответы

Какой лучший размер инфографики для Instagram?

Портретное изображение 1080 × 1350 px (4:5) занимает больше всего места в ленте и обычно лучший выбор. Квадрат 1080 × 1080 px тоже подходит. Проверяйте актуальные рекомендации, потому что сети меняют правила обрезки.

Сколько текста должно быть в инфографике?

Для одной картинки примерно 20–60 слов помимо заголовка, для слайда карусели — 15–40. Если нужно больше, разбейте на большее число слайдов или вынесите подробности в подпись.

Карусель или одна картинка?

Одна картинка — для одного ясного сравнения или сводки. Карусель — для пошагового содержания и списков, которые требуют пояснений. Если сомневаетесь, проверьте оба варианта на своём аккаунте и сравните сохранения и пересылки.

Нужен ли дизайнер?

Нет, если держаться простой системы: два шрифта, три цвета, сетка и шаблоны. Дизайнер полезнее всего при создании первых шаблонов и фирменного стиля, дальше вы сможете пользоваться ими сами.

Возьмите тему, о которой клиенты спрашивают каждую неделю, напишите заголовок и пять блоков и сделайте из них карусель. Набросайте её в AI-студии контента AI SMM и дорабатывайте дальше.