Главная → Блог → Презентации → Дизайн инфографики: когда данные рабо…

Презентации

Дизайн инфографики: когда данные работают лучше текста

Автор: Герман, основатель V³ Creative · Обновлено 18 августа 2026 · Чтение 6 мин · Тип: разбор

Тёмный стол: лист с плотной таблицей цифр лежит в тени, рядом освещённый лампой лист с одной столбчатой диаграммой — Из таблицы вывод приходится добывать, с одной диаграммы он считывается сразу

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

Когда инфографика нужна

Не каждый набор данных стоит превращать в картинку. Инфографика оправдана в трёх ситуациях.

Сравнение нескольких объектов по нескольким параметрам. Тарифы, продукты, конкуренты — всё, где есть таблица с более чем тремя столбцами.
Процесс с последовательными шагами. Производственный цикл, путь клиента, инструкция по подключению — любая последовательность длиннее трёх шагов выигрывает от визуализации.
Данные, которые должны осесть в памяти. Если цифру потом будут пересказывать по памяти, её надо показать: в строке текста она пролетит мимо.

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

Задача читателя	Текст	Инфографика
Понять одну мысль без сравнения	справляется	лишняя работа
Сравнить четыре варианта по пяти параметрам	читатель теряет нить	всё лежит рядом
Удержать порядок из шести шагов	шаги путаются местами	порядок задан положением
Снять точное число для расчёта	точнее	с графика число снимается с ошибкой
Объяснить причину, условие, оговорку	справляется	без текста не работает

Какие данные превращать в визуал

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

Рыночные доли и динамика. Рост выручки, доля сегмента, сезонность спроса.
Структура продукта или услуги. Из чего состоит пакет, что входит в стоимость.
До/после. Результаты редизайна, изменение метрик после запуска рекламы.
Карты и географические данные. Охват, региональное распределение клиентов.
Временные шкалы. История компании, дорожная карта проекта, сроки этапов.

Три принципа хорошей инфографики

Одна мысль на один блок

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

Визуальная иерархия

Глаз движется по экрану неравномерно, он ищет точки входа. Самая важная цифра должна быть крупнее всего остального. Второстепенные данные — меньше и светлее. Подписи и источники — минимальным кеглем внизу. Когда иерархия нарушена, читатель не знает, с чего начать, и закрывает страницу.

Честные графики

Ось Y, начинающаяся не с нуля, растягивает разницу в несколько процентов до вида провала. Это не спор о вкусе: в эксперименте, где людям показывали графики с типовыми искажениями, участники снимали с обрезанной оси именно преувеличенное сообщение, а там, где искажение переворачивало вывод, ошибались с высокой частотой (Pandey и др., CHI 2015). Тафти назвал меру этого явления фактором лжи — отношением размера эффекта на картинке к размеру эффекта в данных; у честного графика оно около единицы.

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

Порядок точности установлен экспериментами Кливленда и Макгилла (1984): выбор типа графика решает, насколько верно читатель снимет число.

Инфографика выигрывает не оформлением, а тем, что снимает с читателя работу по разбору данных.

Разборы упаковки и брендинга — в Telegram

Пишем, как выглядит сильная упаковка бизнеса: разборы, приёмы, до/после. Без спама.

Подписаться в Telegram

Где использовать инфографику в бизнесе

Презентации для клиентов и инвесторов. Здесь инфографика работает особенно точно — у аудитории ограниченное внимание, каждый слайд должен нести вес. Какие цифры выносить на слайд, разобрано в статье о дизайне презентации для инвесторов, а как устроены презентации для бизнеса — на странице услуги.
Лендинги и сайты. Блок «как мы работаем» или «что входит в пакет» в виде визуала держит читателя на странице дольше, чем маркированный список. Куда его ставить, зависит от порядка блоков — разбор в статье о структуре продающего лендинга.
Коммерческие предложения. Одностраничная инфографика-КП читается быстрее и производит более профессиональное впечатление, чем вордовский документ. Об этом подробно — в статье о дизайне коммерческого предложения.
Соцсети и контент-маркетинг. Инфографику сохраняют, чтобы вернуться к цифрам позже, и это заметно по статистике сохранений. Открытых замеров по площадкам с описанной методологией нет, поэтому ориентируйтесь на собственные цифры за пару месяцев, а не на чужие обещания.
Внутренние коммуникации. Оргструктура, KPI отдела, регламент процесса — там, где нужно быстро ввести человека в контекст.

Что проверить перед публикацией

Короткий список, по которому мы принимаем свою инфографику. Он же годится, чтобы принять работу у подрядчика.

Ось Y начинается с нуля, если график показывает величину столбиками. Обрезали ось — объясните прямо на картинке, зачем.
Тип графика соответствует задаче. Сравнение величин — столбики. Доля целого при двух-трёх частях — круг, при большем числе частей — снова столбики.
Цвет не единственный носитель смысла. Критерий WCAG 1.4.1 требует, чтобы информация не передавалась одним лишь цветом: подпишите линии прямо у их концов, а не только в легенде.
Мелкий текст держит контраст. WCAG 1.4.3 просит для обычного текста не ниже 4,5:1 к фону, для крупного — не ниже 3:1. Светло-серые подписи на белом это требование не проходят.
У картинки есть текстовая альтернатива. WCAG 1.1.1 требует передать назначение изображения текстом; для диаграммы это описание рядом, а не подпись из трёх слов. Заодно это единственный способ дать поисковику содержание картинки.
Каждая цифра прослеживается до источника. Если под числом нет ссылки или файла, из инфографики оно уходит.

Сколько стоит дизайн инфографики

Рынок в РФ в 2026 году выглядит примерно так. Фриланс-исполнитель без портфолио берёт 5 000–15 000 ₽ за одну статичную инфографику. Исполнитель с опытом — 20 000–60 000 ₽. Студийная разработка с аналитикой, структурированием данных и финальной вёрсткой стартует от 30 000 ₽ за единицу и зависит от сложности: количества блоков, наличия кастомных иллюстраций, форматов под разные каналы. Это порядок величин по нашим сделкам и открытым прайсам, а не статистика по рынку.

Отдельная история — серии и системы. Когда инфографика становится частью фирменного стиля (одинаковая палитра, типографика, иконографика), разработка шаблонов стоит дороже, но каждая следующая единица производится быстрее и дешевле. Это особенно актуально для компаний, которые регулярно публикуют аналитику или готовят квартальные отчёты.

При выборе исполнителя стоит смотреть портфолио именно в этом жанре: дизайнер сайтов и дизайнер инфографики — разные специализации с разным набором компетенций. Подробнее о критериях — в статье как выбрать дизайн-студию.

Мы в V³ Creative проектируем инфографику как часть более широкой задачи: КП, презентация, раздел сайта. Обращайтесь через страницу контактов — разберём задачу и назовём стоимость после брифа.

Частые вопросы

Чем инфографика отличается от обычного графика в Excel?

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

Нужно ли готовить данные перед заказом инфографики?

Желательно, но не обязательно в идеальной форме. Достаточно передать исходный массив — таблицу, текстовый документ, набросок от руки. Хороший дизайнер сначала структурирует смысл: выявит ключевые тезисы, предложит иерархию, и только потом возьмётся за визуал. Если у вас на руках только «куча цифр», это нормальная стартовая точка.

Почему дизайнеры не любят круговые диаграммы?

Из-за точности чтения. Эксперименты Кливленда и Макгилла (1984) показали: человек точнее всего снимает величину с положения на общей шкале и с длины, а угол и площадь читает заметно хуже. Круг из шести секторов держится как раз на углах, поэтому читатель видит порядок долей, но легко ошибается в их размере. Два-три сектора круг ещё вытягивает, дальше надёжнее столбики.

В каком формате сдают готовую инфографику?

Стандартный комплект: PNG и SVG для цифровых каналов, PDF для печати. Если инфографика идёт в презентацию, добавляем PowerPoint или Keynote с редактируемыми элементами. Для соцсетей часто нарезают на форматы 1:1 и 4:5. Хорошая студия уточняет каналы распространения до начала работы и сдаёт все нужные форматы в одном пакете.

Источники:

Пока вы выбираете подрядчика, конкурент уже упаковался

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

Обсудить проект