Инфографика — это цифры, факты и процессы, превращённые в картинку, которую понимают за несколько секунд. Её используют в презентациях, отчётах, соцсетях и на сайтах. Рассказываем, какой бывает инфографика, по каким правилам она строится и как сделать её в Claude Design: от запроса до готового слайда.
Что такое инфографика
Инфографика — это способ показать информацию визуально: через диаграммы, иконки, схемы, шкалы и крупные цифры. Хорошая инфографика отвечает на один вопрос и делает это быстрее текста. Таблицу из двадцати строк читают минуту, а столбчатую диаграмму с одним выделенным столбцом понимают сразу.
Инфографика — это не просто «красивая картинка с цифрами». Это работа дизайнера с иерархией: что главное, что второстепенное и куда посмотрит глаз первым.
Виды инфографики
| Вид | Что показывает | Пример |
|---|---|---|
| Статистика | цифры и сравнение | доли рынка, рост продаж |
| Процесс | шаги по порядку | как оформить заказ |
| Хронология | события во времени | история компании |
| Сравнение | два или три варианта рядом | тарифы, «до и после» |
| Иерархия | уровни и подчинение | структура отдела |
| Географическая | данные на карте | продажи по странам |
Часто в одной инфографике сочетаются два вида: например, хронология с крупными цифрами на каждом этапе.
Правила хорошей инфографики
- Одна мысль. Сформулируйте, что зритель должен понять, одной фразой. Всё, что не помогает этой мысли, убирайте.
- Иерархия. Главная цифра крупнее всего, подписи мельче. Глаз должен сначала увидеть вывод, потом детали.
- Мало цветов. Один акцентный цвет для главного, остальное спокойное. Правило 60–30–10 из статьи о цветовом круге работает и здесь.
- Честные пропорции. Столбец вдвое выше должен означать вдвое большую цифру. Обрезанная ось или «объёмные» диаграммы искажают данные.
- Читаемый текст. Один-два шрифта, подписи не мельче 12–14 px на экране. Подробнее в статье «Типографика для начинающих».
- Воздух. Элементам нужно пространство, иначе инфографика превращается в кашу.
Как сделать инфографику в Claude Design
Claude Design — инструмент Anthropic, в котором макет собирается по описанию словами. Он подходит для инфографики, потому что сразу работает с текстом, цифрами и вёрсткой, а не только с картинкой. Подробно об инструменте мы писали в статье «Claude Design: что это и как делать в нём дизайн».
Шаг 1. Подготовьте данные и вывод
Соберите цифры в простой список и напишите главный вывод одной фразой. Например: «Онлайн-курсы выбирают в три раза чаще, чем пять лет назад». Без вывода получится набор цифр, а не инфографика.
Шаг 2. Опишите задачу как бриф
Хороший запрос похож на техническое задание для дизайнера: формат, назначение, данные, стиль. Пример:
«Сделай инфографику для слайда 16:9. Тема: как изменился спрос на онлайн-курсы. Данные: 2021 — 12 %, 2023 — 24 %, 2026 — 37 %. Главная мысль: спрос вырос в три раза. Столбчатая диаграмма, акцентный цвет только у последнего столбца, много воздуха, один шрифт без засечек».
Шаг 3. Проверьте первый вариант глазами дизайнера
Claude Design быстро выдаёт аккуратный макет, но решение принимаете вы. Проверьте: видна ли главная мысль за две секунды, совпадают ли цифры с вашими данными, нет ли лишних иконок и украшений.
Шаг 4. Доведите правками
Правки можно давать текстом («подписи крупнее, убери тень», «выдели 37 % цветом»), комментарием к конкретному месту или поменять текст прямо в макете. Обычно хватает двух-трёх точных правок.
Шаг 5. Выгрузите в нужном формате
Готовую работу можно выгрузить в PDF, PPTX или HTML. Для презентации подойдёт PPTX, для печати и рассылки — PDF, для сайта — HTML.
Инфографика для презентаций
В презентациях инфографика заменяет слайды с длинным текстом. Несколько приёмов:
- Один слайд — одна цифра или один вывод. Заголовок слайда формулирует мысль, инфографика её доказывает.
- Единый стиль на всю презентацию. Claude Design умеет держать дизайн-систему (цвета, шрифты, компоненты) и применять её ко всем слайдам, поэтому диаграммы не выглядят собранными из разных источников.
- Сначала структура, потом красота. Попросите Claude Design сначала сделать черновую раскладку всех слайдов, а потом доводите каждый.
Частые ошибки
- Слишком много данных на одной картинке.
- Диаграмма выбрана «для красоты», а не под задачу: круговая диаграмма с десятью долями нечитаема.
- Цвета без смысла: каждый столбец своего цвета, хотя акцент нужен один.
- Цифры в инфографике не совпадают с исходными данными. Нейросеть может ошибиться, поэтому каждую цифру проверяйте сами.
- Мелкие подписи, которые не читаются на проекторе или в телефоне.
Где научиться делать инфографику и презентации
Инфографика держится на трёх основах дизайна: композиции, цвете и типографике. На курсе «Основы графического дизайна с Claude» вы разберёте эти основы и сделаете макеты в Claude Design: за 7 недель 13 работ в портфолио, каждая с разбором преподавателя. Если основы уже есть, углублённый курс с Claude даёт 12 проектов уровня middle, от брендбука до наружной рекламы. Academy Graphicmania — партнёр по учебной карте Töötukassa, подробнее на странице «Обучение по учебной карте».
Частые вопросы
Можно ли сделать инфографику бесплатно?
Простую инфографику можно собрать в бесплатных онлайн-конструкторах по шаблону. Claude Design доступен в платных подписках Claude, зато макет делается под вашу задачу, а не подгоняется под шаблон.
Чем инфографика отличается от диаграммы?
Диаграмма показывает данные. Инфографика добавляет к ним вывод, иерархию, подписи и оформление, чтобы мысль понимали без пояснений.
Нужно ли уметь рисовать, чтобы делать инфографику?
Нет. Важнее понимать композицию, цвет и типографику: они решают, будет ли инфографика понятной.