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

Уже подобрал актуальные источники: для требований возьму общие принципы дизайна и доступности, а для заданий — реальные примеры инфографики и сервисы вроде Canva, Piktochart, Infogram, Datawrapper, Genially и Flourish.

Инфографика должна быть не просто «красивой картинкой», а способом быстро понять информацию. Поэтому требования к ней я бы формулировал так.

1. Требования к инфографике и их обоснование

1. Понятная цель.
Перед созданием инфографики нужно определить, что именно она должна объяснить: показать статистику, сравнить варианты, описать процесс, расположить события во времени, показать карту или структуру. Без цели инфографика превращается в набор значков и текста. Распространённые виды инфографики как раз различаются по задаче: статистическая, процессная, информационная, временная, географическая, сравнительная, иерархическая, списочная, резюме-инфографика. Venngage+1

2. Достоверность данных.
Если в инфографике есть цифры, проценты, карты, диаграммы, обязательно должны быть указаны источник, дата данных и единицы измерения. Иначе зритель не может проверить информацию. Особенно это важно для статистики, медицины, экологии, экономики и общественных тем.

3. Один главный смысл.
Хорошая инфографика отвечает на один основной вопрос. Например: «Как правильно мыть руки?», «Как менялась детская смертность?», «Какие цели устойчивого развития существуют?». Если попытаться поместить слишком много идей, внимание рассеивается.

4. Логичная структура и визуальная иерархия.
Заголовок, ключевые цифры, основные блоки и пояснения должны быть расположены так, чтобы глаз двигался в нужном порядке. Визуальная иерархия создаётся размером, контрастом, цветом, группировкой и расстояниями между элементами; она помогает пользователю понять, на что смотреть сначала. Nielsen Norman Group+1

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

6. Контраст и доступность.
Цвет текста и фона должен быть достаточно контрастным. В рекомендациях WCAG для обычного текста часто используется минимальный контраст 4,5:1, потому что низкий контраст мешает чтению людям со слабым зрением и при плохом освещении. W3C+1

7. Цвет должен помогать, а не мешать.
Цвета нужны для группировки, выделения и сравнения, но не стоит использовать слишком много оттенков. Также нельзя передавать смысл только цветом: например, «красный — плохо, зелёный — хорошо» без подписи может быть непонятно людям с нарушениями цветового восприятия.

8. Правильный выбор диаграмм и символов.
Для сравнения величин лучше подходят столбчатые диаграммы, для динамики — линейные графики, для долей — аккуратные круговые или составные диаграммы, для территории — карты. Нельзя искажать масштаб, начинать ось произвольно там, где это вводит в заблуждение, или использовать объёмные 3D-эффекты ради украшения.

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

10. Минимум лишних элементов.
Декор не должен конкурировать с информацией. Фон, рамки, тени, иллюстрации и значки допустимы только тогда, когда они помогают понять содержание.

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

2. Задания по уровням

Уровень А. Примеры на каждый вид инфографики

Уровень В. Ресурсы для создания инфографики

Уровень С. Анализ примеров инфографики

1. ВОЗ «How to Handwash?»

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

2. Our World in Data «Child mortality rate»

Вид: статистическая и интерактивная инфографика.
Оценка: сильная сторона — достоверность и прозрачность данных: указаны источники, можно сравнивать страны и смотреть динамику во времени. График хорошо подходит для темы, потому что детская смертность меняется именно во времени, а значит линейная визуализация уместна. Есть интерактивность, что помогает изучать данные глубже. Недостаток в том, что такая инфографика требует от зрителя некоторой статистической грамотности; для младшей аудитории её пришлось бы упростить. По требованиям к дизайну пример очень качественный: данные не перегружены украшениями, акцент сделан на содержании. Our World in Data

3. Постер ООН с 17 Целями устойчивого развития

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