Как сделать инфографику своими руками

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

Что такое инфографика

Можно посмеяться, но в целом самая ранняя инфографика появилась еще до компьютеров. Очень сильно ДО компьютеров. К примеру, один из старейших наскальных рисунков родом из французской «Пещеры забытых снов» был создан за 37 000 лет до нашей эры. Сейчас считается, что он изображает извержения вулканов того периода.

Самые старые карты из найденных были сделаны в 25 000 году до нашей эры. На них показаны части земли и неба — тоже информация, представленная в графическом виде. 

В 649 и 684 годах нашей эры была найдена самая ранняя версия графики — атлас звездного неба Дуньхуана.

Начиная с 18 века, ученые начали визуализировать информацию и составлять диаграммы. К примеру, вот график, показывающий цены на пшеницу в зависимости от затрат на рабочую силу, разработанный Уильямом Плейфэром.

Таким образом к инфографике можно отнести все виды информации, представленной в графическом формате. 

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

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

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

Например, вот визуализация Serpstat по самым частым ошибкам в поисковой оптимизации:

А вот пример от Marketing Kit, как инфографика позволяет презентовать продукт компании более понятно и графически приятно.

Зачем нужна инфографика

Идея в том, что показывать пользователю информацию максимально просто. К примеру, у вас есть сложные данные: отчеты, сводки, статистика. Их можно представить в оригинальном виде, к примеру, в виде таблиц. Этот формат удобный для работы, но сложный для быстрого считывания в процессе презентации или публичного выступления. Диаграммы, графики и другие средства позволяют легче воспринимать сложные концепции.

Как сделать инфографику своими руками

Как сделать инфографику? Чтобы создать эффективную инфографику, она должна содержать набор базовых элементов:

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

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

3. Дизайн. Инфографика. Название тонко намекает, что графическая сторона вопроса здесь исключительно важна. Так что дизайн действительно является неотъемлемой частью привлечения людей; он должен работать на понимание данных и при этом соответствовать корпоративному стилю, чтобы встроиться в стратегию по повышению узнаваемости бренда. 

Шаг №1. Планирование

Инфографика начинается не с графики, а с информации. Поэтому первый шаг, как делается инфографика: продумать содержание и прописать контент для будущей картинки. Уже когда вы знаете, ЧТО показывать, можно думать, КАК это показывать, т.е. планировать расположение и дизайн элементов.

Для первого шага продумайте цели и задачи контента; выделите основную информацию, которая должна считываться; проведите брейнсторминг, чтобы сформировать ключевую идею вашего дизайн-продукта. Обсудите все идеи, пропишите заголовки, подзаголовки разделов и основные тезисы для текста, прежде чем решать, как создать инфографику.

Шаг №2. Выбор формата и шаблона

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

Что насчет площади показа? От нее зависит выбор кегля для шрифтов и элементов визуализации. Если презентация будет показана на онлайн-митинге через демонстрацию экрана, элементы могут быть меньше. Если она будет показана на мониторе в большом помещении, важно обеспечить видимость содержания для всей аудитории.

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

Шаг №3. Прототипирование

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

Прототипирование можно делать как на бумаге, так и в цифровом формате. 

Вот пример бумажного прототипирования плаката от Саши Волковой, выпускницы Школы Редакторов.

Вот пример цифровых прототипов плаката-инфографики агентства Penguin-team для выбора ориентации страницы и расположения элементов:

Шаг №4. Создание чистовой инфографики

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

Для этого замените «рыбный» текст настоящим контентом и добавьте иллюстрации; ориентируйтесь на модульные сетки для дизайнеров, чтобы инфографика смотрелась сбалансировано и аккуратно.

К примеру, вот использование типовой модульной сетки для веб-дизайна от Tilda.

Узнать больше вы можете в статье «Визуализация данных для новичков: практика» в блоге Nextel.

Инструменты для создания инфографики

Как сделать красивую инфографику? Для создания инфографики можно использовать графические редакторы — в них могут быть готовые шаблоны для инфографики под разные задачи и цели бизнеса, что, однозначно, упростит работу. К примеру, сервисы вроде Canva или Crello подойдут для не-дизайнеров (маркетологов, SMM-специалистов, веб-редакторов). А профессиональные программы вроде Figma или Adobe Illustrator / Photoshop — для дизайнеров, которые планируют разработку с нуля. 

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

Итак, где и как сделать инфографику самому?

Canva для создания инфографики

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

Crello для создания инфографики

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

Gravit Designer для создания инфографики

Gravit Designer — это полнофункциональное бесплатное приложение для дизайна, которое также поможет маркетологам и другим специалистам, которым нужно быстро и просто создать дизайн-продукт. В нем довольно удобный интерфейс и масса иконок, картинок, форм для более простой работы; а также туториалы о том, как делать инфографики и другие маркетинговые материалы.

Выводы

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

Инфографика полезна для таких целей:

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