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

Дата публикации: 28.06.2021

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


site_little_1-3

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

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


1-10

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

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


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


2-11

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

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


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

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


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


3-11

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


4-10

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

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

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

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


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


5-5


6-4


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


7-4


8-2


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


9-2


10-1


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

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

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


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

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

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

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


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

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

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

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


11


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



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

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

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

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


12

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

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

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

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


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


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

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


13


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

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


14


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

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


Выводы

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


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

  • сделать краткий обзор темы;
  • объяснить сложный процесс;
  • показать результаты исследования или данные опроса;
  • подвести итоги;
  • повысить осведомленность о чем-либо.

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

FacebookTwitterTelegramViberWhatsApp


Поделиться в соц. сетях:

Обратная связь
Обратная связь