Единицы
1. Введение в искусственный интеллект в презентации и визуализации данных: роли, границы, проверка и этика 2. Структура презентации и художественная литература: отправляем аудиторию в путешествие 3. Текст слайда и создание контента: название, статья, заметка докладчика 4. Дизайн слайдов и визуальное производство: макет, цвет, иконки и визуальные эффекты искусственного интеллекта 5. Понимание данных и выбор правильного типа диаграммы 6. Генерация графики с помощью искусственного интеллекта: от кода к визуализации с проверкой 7. Дизайн информационной панели: делаем большие числа понятными на экране 8. Рассказ о данных: превращение цифр в повествование 9. Производство инфографики: понятная информация в одном изображении 10. Как избежать вводящей в заблуждение визуализации: графическая этика и честность 11. Сквозной поток: от брифинга к репетиции, проверке, конфиденциальности и доставке
Единица 9 / 11

Производство инфографики: понятная информация в одном изображении

Прибыль:

  • Умение создать четкий поток, выбрав подходящий для этой цели тип инфографики и сократив информацию до 3-7 ключевых моментов.
  • Возможность применить правило не печатать текст на изображении, заставив искусственный интеллект создавать порядок для искусственного интеллекта, который создает текст/структуру и визуальные эффекты.
  • Способность создать честную инфографику, контекстуализируя цифры и проверяя их источник, избегая предвзятости по площади/масштабу.

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

Когда и какой тип инфографики?

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

  • Инфографика статистики: подчеркивает несколько поразительных цифр («1 из 3 человек…»).
  • Инфографика процесса/шага: делит задание на этапы (1→2→3).
  • Инфографика сравнения. Сопоставляет два варианта рядом.
  • Временная шкала: показывает события в хронологическом порядке.
  • География/карта: связывает информацию с пространством.

Цель

Тип инфографики

Внимание

Несколько поразительных цифр

Статистика

Число должно иметь контекст

«Как»

Процесс/шаг

Количество ступеней: 3-7

А или Б?

Сравнение

Нормально, тот же масштаб

История/дорожная карта

график времени

Масштаб согласован

Региональное распространение

карта

Нормализовать по численности населения

Подсказка: инфографика живет «сама по себе». Как только вы его подготовите, покажите его кому-нибудь без каких-либо объяснений; Если он этого не понимает, значит, слишком тесно или течение неясно.

Шаг за шагом: инфографика с искусственным интеллектом

  1. Определите единственное сообщение и целевую аудиторию.
  2. Выберите 3-7 ключевых фрагментов информации; остальное выбросьте (инфографика требует подведения итогов).
  3. Установите поток: куда должен быть направлен взгляд? (сверху вниз, слева направо, по кругу).
  4. Распечатайте текст: заголовок + короткий тег и номер для каждого раздела.
  5. Создание изображения/макета: искусственный интеллект или инструмент дизайна, создающий изображение; значки и цвета совпадают.
  6. Проверьте: соответствует ли каждое число своему источнику, понятен ли поток?

По тексту и структуре:

Ваша роль: редактор инфографического контента. Тема: [ ... ]. Целевая аудитория: [ ... ]. Одно сообщение: «[предложение]». Имеющаяся у меня информация: [необработанные заметки/цифры]. Задача: выберите 5 шагов для инфографики ПРОЦЕССА (каждый шаг: слоган ≤5 слов + описание в одном предложении + номер, если применимо). Предложите яркий главный заголовок вверху и завершающее одно предложение внизу. НЕ СОСТАВЛЯЙТЕ ЦИФРУ; Если источник неясен, напишите [подтверждение]. Поток: сверху вниз.

Для визуала/макета (для ИИ, генерирующего изображение):

Создайте вертикальную (9:16) инфографику ФОН/макет. Тема: [ ... ]. Стиль: простые, плоские, линейные значки, 1 основной цвет + 1 выделение. Оставьте 5 равномерно расположенных областей (пронумерованных) для вертикального потока из 5 шагов. ДОБАВЛЕНИЕ текста/цифр (текст нанесу я). Не используйте слишком много деталей и теней; Убедитесь, что он удобочитаем и на нем достаточно места.

Для языка значков:

Предложите последовательные идеи значков в виде линий для этих 5 шагов (по одному значку на каждый шаг, все на одном визуальном языке). Шаги: [...]. Дайте описание каждого значка в 1 предложение, не требуйте сложных сцен.

Показываем номер честно и понятно

Наиболее распространенные искажения в инфографике возникают при числовой визуализации:

  • Ошибка площади: при представлении числа в виде круга, если увеличить его диаметр вдвое, площадь станет в 4 раза больше; Зрителю кажется, что оно в 4 раза больше. Указывайте стоимость в чистых цифрах и в линейном масштабе, а не в площади.
  • Большое число без контекста: «1 000 000 человек» само по себе абстрактно; «Каждый пятый человек» с большей вероятностью будет понят.
  • Сбор вишни: просто вводим одну впечатляющую статистику и опускаем контекст.

плохой результат

сильное впечатление

Огромные «400%» (без контекста)

«4 этажа: от 200 до 800»

«2 этаж» на две квартиры (помещение расширяется)

Четкая метка «2×» + одинаковый масштаб

«1 284 000 пользователей»

«≈1,3 миллиона (1 из каждых 8 человек)»

Внимание: при использовании повторения символов (пиктограмм) каждый символ должен представлять равное значение; Отображение «2,5» с половиной символа читаемо, но увеличение или уменьшение символов вводит в заблуждение.

три мини-кейса

Кейс 1 — От отчета к инфографике. Неправительственная организация, никто не читал 20-страничный отчет. Они собрали пять основных выводов в одну вертикальную инфографику. Расшаривание в социальных сетях увеличилось более чем в 6 раз; Загрузки отчетов также выросли, поскольку инфографика вызвала любопытство.

Случай 2 — Исправление ошибки поля. Одна команда продемонстрировала увеличение бюджета на две квартиры; Когда диаметр был в 2 раза, увеличение выглядело как 4 раза. ИИ понял это; вместо этого они использовали шкалу равного масштаба и четкую метку «2×». Обманчивое впечатление исчезло.

Случай 3. Диета с подсчетом шагов. Преподаватель объяснял процесс с помощью 11-шаговой инфографики; никто не мог последовать за ним. Шаги логически сгруппированы в 5. В опросе на понятность уровень «Я мог бы следовать» увеличился с 52% до 85%.

Слабая подсказка / Сильная подсказка

Слабый:

Сделайте инфографику по этому поводу.

Не существует единого сообщения, аудитории, жанра или потока; вывод становится перегруженным и беспорядочным, а модель печатает на изображении искаженный текст.

Сильный:

Ваша роль: редактор инфографического контента. Тема: экономия воды. Аудитория: старшеклассники. Одно сообщение: «маленькие привычки, большие сбережения». Тип: 5-этапный процесс. Каждый шаг: заголовок ≤5 слов + 1 предложение + номер (номер назову, он вымышленный). Яркий заголовок вверху, призыв внизу. Поток идет сверху вниз. Изображение сделаю отдельно; Вы даете текст и структуру.

Второй дает сообщение, аудиторию, жанр и поток; разделяет текст и изображение (предотвращает риск искажения текста).

Распространенные ошибки

  • Информационная перегрузка: попытка уместить 15 чисел в одно изображение.
  • Печать текста на изображении: Создаваемый текст искажается; Добавьте текст в инструменте дизайна.
  • Ошибка площади/масштаба: преувеличение значения за счет указания диаметра круга.
  • Число без контекста: невозможно преобразовать большое число в понятное соотношение.
  • Неопределенность потока: незнание, куда направится взгляд.
  • Статистика из неисточников: размещение в инфографике неподтвержденных цифр.

В заключение

Инфографика объясняет небольшое количество важной информации в одном визуальном изображении, понятном само по себе. Выберите тип по цели (статистика, процесс, сравнение, временная шкала, карта), сузьте его до 3–7 ключевых сведений, установите четкий поток. ИИ полезен при создании текста/структуры и визуального представления; но не печатайте текст на изображении, избегайте ошибок площади/масштаба, контекстуализируйте каждое число и сверяйте его с источником.

Задача приложения

Выберите тему и отдельное сообщение. (1) Попросите ИИ создать текст для инфографики пятиэтапного процесса (название + метки этапов + цифры, без вымыслов). (2) Попросите ИИ, генерирующий изображения, создать макет с правилом «добавить текст». (3) Напишите число в инфографике так, чтобы оно выглядело одновременно ярким и честным (соотношение + четкая надпись). (4) Покажите это кому-нибудь и проверьте, можно ли понять это без объяснений.

контрольный список

  • [ ] Единое послание и целевая аудитория инфографики ясны.
  • [ ] Я сузил круг до 3–7 ключевых фрагментов информации; Остальное я выбросил.
  • [ ] Поток, за которым будет следить глаз, ясен.
  • [ ] Я не печатал текст на изображении; Я добавил его в инструмент дизайна.
  • [ ] Я контекстуализировал цифры; Я избежал ошибки площади/масштаба.
  • [ ] Я проверил источник каждой статистики.