Как создать инфографику в PowerPoint — руководство для начинающих

Введение

НЛО над стадионом оставляет сильное впечатление. Я впервые увидел похожую картинку в 1984 году, сидя у экранa телевизора в девять лет, и это изображение запомнилось на всю жизнь.

Я не всегда помню подробности. Но дайте мне хорошую визуальную метку — и я её запомню. Мозг человека уделяет огромное внимание зрению. Второго пробуждения нейроны тут же начинают обрабатывать то, что видят глаза. Это очень быстрый процесс — как отмечал R.S. Fixot ещё в 1957 году.

Зрение правит бал.

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

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

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

Компании используют статические и интерактивные инфографики повсеместно. New York Times и USA Today публикуют их часто. NASA имеет раздел публичных инфографик. PepsiCo применяет их в годовых отчётах. Так почему бы не начать и вам?

Инфографика — не просто «картинка в презентации». Презентация опирается на ведущего, который рассказывает историю. Инфографика должна рассказать её сама. Здесь графика и данные работают вместе, чтобы зритель с первого взгляда понял суть. Плохая графика в презентации может пройти, но в инфографике она убьёт сообщение.

Польза инфографики для офисного сотрудника

Инфографика делает информацию интереснее.

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

Если этого мало, вот список практических применений:

• Рассказать вдохновляющую историю бренда.
• Провести визуальное введение для новых сотрудников.
• Превратить скучный опрос в запоминающуюся диаграмму.
• Объяснить клиентам сложную процедуру.
• Визуализировать миссию компании.
• Оформить внутреннюю памятку в виде наглядной инфографики.

Почему PowerPoint подходит для создания инфографики

PowerPoint кажется странным выбором. Но он — не только инструмент для слайдов. Это полноценный графический редактор в лёгкой обёртке. PowerPoint установлен на сотнях миллионов компьютеров. Он даёт базу для быстрых экспериментов и ручного контроля всех элементов.

Существуют онлайн-сервисы и шаблоны. Но PowerPoint даёт гибкость: вы создаёте векторные формы, комбинируете их и сохраняете готовые элементы для повторного использования.

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

Коротко:

• Доступность — установлен практически повсеместно.
• Простота изучения — базовый набор инструментов понятен.
• Развитие дизайн-навыков — практика в PowerPoint повышает визуальную грамотность.
• Гладкий путь к более сложным инструментам — вы подготовитесь к Illustrator, Inkscape или другим программам.
• Множество готовых шаблонов и иконок доступно для PowerPoint.

Как выбрать первую инфографику

Инфографика — место встречи данных и дизайна. В этой статье мы сосредоточимся на создании графических блоков инфографики с нуля в PowerPoint. Если вам нужен полный workflow от идеи до дистрибуции, см. раздел “Узнать больше”.

Чтобы упростить объяснение, я взял доступную в сети инфографику по защите электронной почты (Email Self-Defense) и попытался воспроизвести её в PowerPoint. Оригинал взят из Wikimedia Commons.

Мы применим те же методы, что и при создании настраиваемого PDF-шаблона в PowerPoint ранее.

Причины выбора этой инфографики:

• Хороший баланс графики и текста.
• Большинство графических элементов можно легко воссоздать в PowerPoint.
• Некоторые элементы демонстрируют ограничения PowerPoint — это полезно знать заранее.

Запустите PowerPoint и приступайте

Главное различие между слайдом презентации и полотном инфографики — пропорции. Слайды обычно шире, чем выше (4:3, 16:9). Инфографика чаще вертикальна: высота обычно вдвое превышает ширину — хотя это зависит от платформы публикации.

Настройте полотно

Рекомендуется сначала набросать план на бумаге или сделать wireframe. Размер инфографики зависит от того, где она будет показываться: Pinterest, блог, печатный постер или рассылка.

Для веба чаще выбирают скринформат: ширина экрана и большая высота. Максимальный размер слайда в PowerPoint — 56” на 56” (примерно 142 см). Этого достаточно для большинства постеров.

Практическое начало:

1. Создайте пустой слайд.
2. Измените ориентацию на Портрет.
3. Перейдите в Дизайн > Размер слайда > Пользовательский размер.

Я использовал размер 11 × 17 дюймов (примерно 28 × 43 см) для примера по защите почты.

Окрасьте фон

Белый фон не всегда подходит: веб-страницы часто белые, и инфографика теряется. Рассмотрите светлый нейтральный тон или темный фон, чтобы элементы выделялись. В этой инструкции мы разделим инфографику на цветные секции, поэтому заливка всего полотна не используется.

В Ribbon > Дизайн > Формат фона можно задать цвет или градиент.

Включите линейки, сетку и направляющие

Включите Rulers, Gridlines и Guides. Они помогут точно выравнивать объекты. Линейка измеряет расстояния, направляющие фиксируют объекты по горизонтали и вертикали.

Перейдите во View и включите Rulers, Gridlines, Guides. Чтобы убрать — снимите галочки.

Совет: ALT + F9 — переключает видимость направляющих. SHIFT + F9 — переключает сетку.

Для тонкой настройки используйте настройки Grid and Guides.

Опция Snap objects to grid помогает позиционировать объекты по ближайшему пересечению сетки. Если нужно временно отключить привязку — удерживайте ALT при перетаскивании.

Начинаем создавать элементы инфографики

PowerPoint имеет все необходимые инструменты для создания простых элементов: прямоугольники, круги, треугольники, линии и набор команд для объединения форм.

В примере фон секции — прямоугольник с заливкой нужного цвета и без границы, который «приклеивается» к краям полотна.

Добавление текста — простая задача. Выберите шрифты, которые установлены на вашем компьютере, или скачайте их из библиотек. FontSquirrel и Google Fonts — отличные ресурсы.

Короткие правила по типографике:

• Минимизируйте объём текста.
• Используйте читаемые шрифты.
• Ограничьте набор шрифтов до двух-трёх.
• Выделяйте важное через размер и цвет.

Два подхода к графическим элементам

При добавлении графики используйте один из двух путей:

1. Скачать иконки и элементы из интернета (PNG или вектор).
2. Нарисовать собственные элементы в PowerPoint, комбинируя базовые фигуры.

Скачать иконки

Ищите векторные иконки. Они масштабируются без потери качества и позволяют изменять цвета и форму. PNG с прозрачным фоном подойдёт, если не планируете масштабировать или редактировать иконку.

Ресурсы:

• Dry Icons
• Icon Finder
• Icon Monster
• The Noun Project
• Icon Store
• Free Icons

Важно: некоторые иконки требуют указания авторства.

Рисовать самостоятельно

Рисование даёт полный контроль. Это требует терпения, но результат — редактируемая векторная форма. Главное — освоить три навыка:

• Комбинирование простых форм.
• Объединение форм с помощью Merge Shapes.
• Доработка Fill, эффекты и тени.

Справочник по созданию форм в PowerPoint поможет углубиться в эти приёмы.

Рисуем облака

Стандартная форма облака в PowerPoint может не подходить. Проще собрать его из нескольких кругов, сгруппировав их, и убрать обводку (No Outline).

Рисуем домики

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

Не забудьте сгруппировать элементы после завершения.

Рисуем людей и иконки

Часто проще взять готовую векторную иконку. Для примера была использована иконка человека с ноутбуком из The Noun Project.

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

В Windows есть шрифты-символы (Webdings, Wingdings), которые дают простые пиктограммы. Также полезны таблицы для сложной композиции: одна ячейка таблицы может служить фоном с необходимыми границами.

Сложные кривые и линии удобно рисовать через инструмент Curve в разделе Shapes.

Подсказка: Selection Pane (Главная > Редактирование > Выбрать > Панель выделения) помогает управлять множеством перекрывающихся объектов.

Для точной подгонки размеров используйте диалог Size and Position (правый клик > Размер и положение).

Работа с более сложной фигурой GnuPG

GnuPG в примере — более сложный объект. Он симметричен, поэтому его удобно собирать из повторяющихся частей и группировать.

Одна рука создана из нескольких базовых фигур; вторая — копия с поворотом. За звёздой-подложкой стоит многоточечная фигура с полупрозрачной заливкой.

Порядок слоёв регулируется командами Bring Forward/Send Backward.

Объединение форм

Для ключей и других сложных объектов используйте Merge Shapes: Union, Combine, Fragment, Intersect, Subtract. Эти команды позволят создать новые формы из нескольких базовых фигур.

Выберите формы, на вкладке Drawing Tools Format нажмите Merge Shapes и выберите нужную опцию.

Также можно взять базовую форму и правкой точек (Edit Points) превратить её в нужный силуэт.

Черные точки — узлы, белые — контроль кривизны между узлами. После правки добавьте цвета и эффекты.

Превращаем форму в силуэт ключа

Соберите тело ключа из многоугольника и прямоугольников. Объедините их через Union, затем доработайте Edit Points и примените форматирование.

Используйте Format Shape для теней, градиентов и стиля.

Финальная композиция

Многие созданные объекты можно сохранять в отдельном PPT-файле библиотекой. Это экономит время: готовые значки и блоки переносятся в новые проекты.

Остановимся на этом этапе. Вы уже знаете, как использовать инструменты PowerPoint для базовой инфографики. Держите под рукой файл с элементами для повторного использования и создавайте шаблоны по тематике.

Расширение набора инструментов дизайнера инфографики

PowerPoint имеет ограничения — наступает момент, когда удобнее перейти на более мощные инструменты. Adobe Illustrator и Photoshop дают полный контроль над вектором и пикселями, но у них крутая кривая обучения и стоимость лицензии. Есть бесплатные альтернативы: Inkscape, а также платные решения вроде SmartDraw.

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

Узнать больше о создании инфографики

Это руководство фокусируется на технических приёмах в PowerPoint. Для полного процесса создания инфографики (идея, сбор данных, дизайн, распространение) полезны следующие ресурсы:

• Lynda.com: обучение инфографике.
• Infographic How to: Data, Design, Distribute.
• Ресурсы с уроками по созданию инфографик (Tuts+, блоги дизайнеров).

Попробуйте сами

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

Начните с простого. Не обязательно использовать PowerPoint — главное, чтобы вы полюбили процесс.

Вы уже пробовали создавать инфографику? Какие инструменты используете? Попробовали ли вы PowerPoint?

Изображения и иконки взяты из источников: Lauren Manning (Flickr); иконки из The Noun Project: Worker by Juan Pablo Bravo; Laptop by Hans Gerhard Meier; User by Luis Prado; Email by Lorena Salagre; CIA by Luke Anthony Firth; Spy by Dan Hetteix.

Дополнения и практические материалы

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

Мини-методология: быстрый рабочий процесс

1. Определите цель. Что вы хотите, чтобы читатель сделал или понял?
2. Соберите данные. Минимально достаточный набор фактов и источников.
3. Сделайте скетч. Бумага или цифровой wireframe.
4. Выберите размеры и ориентацию полотна.
5. Определите визуальную иерархию: заголовки, блоки, цветовые акценты.
6. Создайте базовые формы и иконки.
7. Соберите композицию, выровняйте элементы с помощью направляющих.
8. Текст — коротко и ясно. Привлекайте внимание через контраст.
9. Проверьте читаемость на экране и на печати.
10. Экспорт для веба (PNG или SVG) и подготовьте PDF для печати.

Чек-лист для ролей

Роль: Дизайнер

• Проверил размеры и ориентацию полотна.
• Настроил сетку и направляющие.
• Создал или импортировал векторные иконки.
• Применил правила типографики.
• Экспортировал финал в нужных форматах.

Роль: Контент-редактор

• Сократил текст до необходимого минимума.
• Проверил факты и даты.
• Уточнил заголовки и подзаголовки.
• Убедился в логике переходов между секциями.

Роль: Менеджер продукта / маркетинг

• Утвердил целевую аудиторию.
• Дал обратную связь по тону и CTA.
• Проверил соответствие брендбуку (цвета, логотипы).
• Подготовил описание для публикации и метаданные.

Когда инфографика не сработает

• Когда данных слишком мало. Инфографика плохо подходит для одного-двух фактов.
• Когда тема требует подробного текста и юридических уточнений.
• Когда аудитория предпочитает интерактивные отчёты с фильтрами.
• Когда нужен строгий формат отчёта (например, финансовая отчётность в формате, принятым регулятором).

В таких случаях лучше использовать длинную статью, таблицы или интерактивные дашборды.

Альтернативные подходы и инструменты

• Adobe Illustrator — мощная векторная графика, лучше для печати и детализированных иллюстраций.
• Inkscape — бесплатная альтернатива для векторной графики.
• Canva — быстрый онлайн-сервис с шаблонами.
• Piktochart, Visme — специализированы на инфографиках.
• Tableau / Power BI — для интерактивных дашбордов и анализа данных.

Выбор зависит от целей: быстрый визуал — PowerPoint/Canva; макет для печати и сложный вектор — Illustrator; интерактивность и аналитика — Tableau/Power BI.

Шаблон рабочего плана для создания инфографики (SOP)

1. Бриф: цель, аудитория, ключевое сообщение, срок.
2. Исследование: данные, источники, подтверждения.
3. Структура: блоки, последовательность, приоритеты.
4. Визуальная концепция: цвет, шрифты, стиль иконок.
5. Создание: элементы, тесты читаемости, правки.
6. Проверка качества: орфография, проверка фактов, тесты на разных устройствах.
7. Экспорт: форматы и размеры для каждой платформы.
8. Публикация и распространение.

Блок «Факты и советы» — кратко

• Максимальный размер слайда PowerPoint: 56” × 56”.
• Рекомендуемые форматы для веба: PNG для растровых изображений, SVG или EMF для векторных.
• Используйте векторные иконки, если планируете масштабировать или редактировать.
• Сохраняйте библиотеку повторно используемых элементов в отдельном PPT-файле.

Глоссарий (1 строка на термин)

• Вектор: графика, описанная линиями и кривыми, масштабируется без потери качества.
• Растровая графика: изображение, представленное пикселями; ухудшается при масштабировании.
• Merge Shapes: набор команд PowerPoint для объединения и вырезания форм.
• Edit Points: режим редактирования узлов векторной формы.

Примеры кейсов и когда подход применим

Кейс 1: Внутренняя обучающая памятка.

• Задача: объяснить новый процесс сотрудникам.
• Рекомендуется: вертикальная инфографика, простые пиктограммы, короткие шаги.

Кейс 2: Маркетинговая публикация для соцсетей.

• Задача: привлечь внимание и вызвать действие.
• Рекомендуется: яркий контраст, сильный заголовок, краткий CTA.

Кейс 3: Отчёт по исследованию.

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

Чек-лист при публикации

• Тест на мобильных устройствах и десктопах.
• Проверка контрастности текста и фона.
• Тест читаемости мелких шрифтов.
• Указание авторства и источников данных.
• Экспорт в нужных форматах: PNG для веба, PDF для печати, SVG/EMF для архива.

Социальная превью версия и анонс

OG title: Инфографика в PowerPoint: практическое руководство

OG description: Пошаговое руководство: от идеи до готовой инфографики в PowerPoint — советы по размерам, сетке, векторным иконкам и шаблонам.

Короткий анонс (100–200 слов):

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

Важно: Инфографика работает только тогда, когда у вас есть чёткое сообщение и данные, которые его подтверждают.

Краткое резюме

• Infographics работают потому, что мозг любит визуальные подсказки.
• PowerPoint — доступный инструмент для создания инфографики, особенно для быстрого прототипирования.
• Используйте сетку, направляющие, векторные иконки и команды Merge Shapes.
• Храните повторно используемые элементы в библиотеке и готовьте шаблоны.

Заметки и примечания

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