Как создать инфографику: 5 этапов [пошаговое руководство]

Организация

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

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

Инфографика на Рис. 4 о землетрясениях является результатом сотрудничества между GOOD и Column Five Media. Дизайн не играет здесь главной роли, хотя информация и факты очень удачно организованы. Инфографика включает в себя некоторые важные данные, а также некоторые демонстративные графики.

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

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

Infogram

Цена: бесплатный базовый тариф, 19 $ в месяц за Pro, 67 $ в месяц за Business, 149 $ в месяц за Team (тариф для команды) и гибкая цена за план Enterprise, на котором можно создавать до 10 тысяч проектов в месяц, скачивать свои проекты в виде HTML кода и даже запрашивать доработку сервиса под свои потребности. Чем выше тариф — тем больше шаблонов, возможностей редактирования и аналитики.

Этим инструментом интуитивно легко пользоваться, на базовом тарифе он предлагает больше 20 готовых шаблонов, более 35 интерактивных графиков и 550 карт. Если вы не нашли подходящее изображение, можно загрузить свое. Перетаскивайте графики, настраивайте их под свои потребности. Скачивать созданную инфографику и приватно хранить ее в сервисе можно только на платных тарифах.

У сервиса есть боковая панель управления со всеми доступными элементами, меню редактирования, а также управление слоями и масштабирование.

Интерфейс Infogram

Мы использовали Infogram, чтобы показать ключевые моменты нашего исследования о триггерных письмах по брошенным корзинам:

Инфографика, созданная с помощью Infogram

Время на знакомство с сервисом: 60 минут.

Время на создание инфографики: 30 минут.

Canva

Цена: бесплатный базовый тариф, на котором можно покупать отдельные нужные элементы, и Pro — 12,95 $ в месяц при оплате помесячно и 9,95 $ в месяц при оплате на год вперед.

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

Canva — один из самых популярных инструментов для создания инфографики благодаря большой базе элементов. Миллионы фотографий, 60 тысяч готовых шаблонов, больше 100 шрифтов. Редактируйте и настраивайте свой контент, делитесь им по почте, в любых соцсетях или блоге.

На боковой панели расположено меню элементов, которые можно перетягивать на рабочую область. Большую часть элементов можно настраивать.

Интерфейс Canva

Мы использовали Canva для краткой памятки по сохранению репутации отправителя:

Инфографика, созданная с помощью Canva

Время на знакомство с сервисом: 30 минут.

Время на создание инфографики: 10 минут.

Venngage

Цена: бесплатный «студенческий» тариф, 19 $ в месяц за индивидуальный и 49 $ в месяц за бизнес-тариф. Платные тарифы дают доступ к дополнительным диаграммам, иконкам и шаблонам. Также на них можно настраивать приватность своих работ, общаться с поддержкой в чате или по почте и скачивать инфографику в разных форматах.

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

Интерфейс Venngage

С помощью Venngage мы рассказали о трех важных письмах из реактивационной серии:

Инфографика, созданная с помощью Venngage

Время на знакомство с сервисом: 30 минут.

Время на создание инфографики: 15 минут.

Еще сервисы, которые можно попробовать:

• Visme;
• Piktochart;
• Easelly;
• Creately.

Что такое инфографика? Определение инфографики

Согласно Оксфордскому словарю английского языка инфографика (или информационная графика) — это «визуальное представление информации или данных».

Однако лучше дать этому термину более конкретное определение.

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

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

ИСПОЛЬЗОВАТЬ ШАБЛОН

Самая оригинальная и креативная инфографика часто оказывается наиболее эффективной

Она привлекает внимание и не дает пройти мимо

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

Посмотрите, как этот принцип реализован в посвященной хиромантии инфографике Джинг Чжан (Jing Zhang)

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

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

Содержательную и привлекательную инфографику создают, следуя определенным правилам. Основные этапы обозначили Джарред Ромли и Тиффани Фаррант-Гонзалез из JESS3:

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

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

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

Что для этого нужно знать

Профессиональный инфограф — немного дизайнер, маркетолог и статист:

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

Необходимы навыки в программировании, умение рисовать, знать 3D Max или Adobe Illustrator и владеть английским, так как многие программы не переведены на русский язык.

Составляющие успеха инфографики

Инфографика: Яндекс в 2013 году

Практикующие дизайнеры выделяют несколько аспектов, учёт которых позволяет сделать инфографику успешной:

• Своевременность
• Привлекательная, понятная тема
• Плавный, красивый, эффективный дизайн
• Удобство распространения
• Учёт целевой аудитории
• Цифры могут говорить сами за себя
• Внутренняя целостность
• Эмоциональные цвета
• Качественные диаграммы
• Выбор масштаба
• Создание истории
• Выбор интересных фактов
• Визуализация
• Упрощение
• Использование линии времени
• Определение концепции и цели
• Авторитетность и надёжность источников
• Учёт отзывов от заказчика

Кроме того, можно выделить три столпа, на которых основывается хорошая инфографика:

• Полезность (практическая ценность) — насколько достигаются поставленные цели коммуникации.
• Пригодность — наличие смысла для зрителей и читателей, насколько полно, достоверно, интересно содержание.
• Красота — качество формы и дизайна преподнесения информации.

Разновидности

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

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

По способу отображения инфографика подразделяется на следующие виды:

• Статичная инфографика — одиночные изображения без элементов анимации;
• Динамическая инфографика — инфографика с анимированными элементами. Основными подвидами динамической инфографики являются видеоинфографика, анимированные изображения, презентации.

По типу источника различают 3 основных вида инфографики:

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

Инфографика различных видов

Статистика по проекту Wikipedian in Residence   Линия времени о работах Джона Баскервиля   Инфографика на тему Social media brandsphere   Принцип создания и восприятия инфографики

Этап 3. Визуализация собранных данных в инфографике

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

Мы разработали для вас метод ИСПОРА, который облегчает выбор диаграмм и графиков при визуализации данных. Итак, сначала нужно определить цель предоставления каждого фрагмента визуализируемых данных. Это может быть:

• информирование,
• сравнение,
• показ изменений,
• организация,
• раскрытие взаимосвязей,
• анализ.

Затем необходимо выяснить, какие диаграммы и графики лучше всего подходят для ваших данных.

Рассмотрим все цели и соответствующие диаграммы/графики по порядку.

Информирование

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

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

Акцентируйте внимание, добавив к тексту иконки:

Представьте данные в процентном выражении или отношении с помощью круговой диаграммы или пиктограммы:

Сравнение

Вы хотите показать сходства или отличия данных или частей целого.

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

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

Используйте гистограмму или ленточную диаграмму с накоплением для сравнения категорий и частей целого.

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

Показ изменений

Вы хотите показать изменения, произошедшие за определенное время или в определенных регионах.

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

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

Используйте картограмму, чтобы показать геопространственные данные.

Используйте серию карт, чтоб показать изменения, касающиеся и времени, и пространства.

Организация

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

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

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

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

Используйте простые рамки или границы, чтобы представить организованные группы (как на интеллект-карте или диаграмме Венна).

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

Раскрытие взаимосвязей

Вы хотите показать сложные взаимосвязи между различными показателями, данными и т. д.

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

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

Анализ

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

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

Вот мы и рассказали вам о нашем методе ИСПОРА. Теперь вы знаете, как выбрать диаграмму или график для каждого типа визуализируемых данных. Вам нужно лишь определить, на чем вы хотите сделать акцент, и выбрать соответствующую диаграмму или график.

Дополнительные примеры и советы в отношении выбора способа визуализации данных можно найти здесь: как правильно выбрать диаграмму/график для инфографики.

СОЗДАТЬ ДИАГРАММУ

Инфограм

Помогает, когда в тексте десяток цифр и все они важные.

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

Пример

Что можно делать в infogr.am

• Создавать графики, диаграммы, таблицы.  
• Вставлять заголовки и подписи: есть 8 вариантов текстовых блоков.
• Вставлять видео с YouTube.
• Копировать Google-карту.
• Загружать изображения.
• Поделиться результатом в Твиттере, Фейсбуке, ВКонтакте, встроить изображение на сайт или блог, отправить его по почте.

Сложности и особенности

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

Как выглядит работа с сервисом

1. Выбираем шаблон. В бесплатной версии их около десятка. Иногда прибавляются тематические шаблоны: рождественский или к Хеллоуину. Выберите тот, что по цветовой гамме и оформлению лучше впишется в публикацию. Например, будет похож на стиль оформления сайта, где будет опубликована статья.
2. Начинаем работу с шаблоном. Для наглядности в нем уже есть базовые элементы: заголовок, график, подзаголовок. Необязательно все это оставлять. Неподходящие элементы удаляем: наводим курсор на блок, в левом верхнем углу появляется изображение корзины, нажимаем на него.
3. Выбираем новые блоки. В левой части экрана есть столбик с иконками: шаблоны диаграммы или графика, карт, текстов, картинок, видео. Добавляем нужные элементы. Для этого кликаем по нужному разделу. Ищем подходящий элемент, например, график с линиями. Кликаем по нему. График появляется в шаблоне. Но в нем пока видны стандартные данные.
4. Заполняем графики и диаграммы. Дважды кликните по блоку, который хотите отредактировать. Вы увидите таблицу, в которую вместо данных примера, нужно ввести свою информацию. Обычно я оформляю информацию в виде таблицы в Word, а потом копирую по очереди столбцы и вставляю их в таблицу шаблона. Такой метод мне кажется удобным, потому что на этапе правки текста редактором, компоновка данных может измениться. И проще не переверстывать инфографику, а переписать текст.
5. Публикуем. Нажмите на кнопку Share, которая расположена на инфографике и продублирована в правом верхнем углу окна сайта. Вы увидите 3 варианта публикации.

Social & link — для тех, кто хочет поделиться ссылкой на инфографику в соцсетях. Выберите подходящую иконку или скопируйте ссылку вручную и вставьте ее в свою публикацию.

Embed — для тех, кто намерен встроить код на страницу сайта или блога. Просто скопируйте и вставьте его.

Что делает инфографику эффективной?

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

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

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

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

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

Даже такая простая вещь, как расположение и группировка элементов на странице влияет на то, как читатели воспримут инфографику.

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

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

ИСПОЛЬЗОВАТЬ ШАБЛОН

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

ИСПОЛЬЗОВАТЬ ШАБЛОН

Хотите узнать больше о том, как структурировать данные в инфографике? Предлагаем прочесть наш пошаговый разбор в статье о резюмировании и визуальном представлении данных.

Используйте один контрастный цвет для управления вниманием читателей

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

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

ИСПОЛЬЗОВАТЬ ШАБЛОН

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

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

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

Ярко-желтые круги контрастируют с голубым фоном, благодаря чему значки (наиболее важный визуальный элемент данной инфографики) оказываются в центре внимания. Этот прием пользуется невероятной популярностью: яркие цветовые пятна — это один из самых мощных трендов в графическом дизайне в 2019 году

Возьмем, к примеру, инфографику ниже. Ярко-желтые круги контрастируют с голубым фоном, благодаря чему значки (наиболее важный визуальный элемент данной инфографики) оказываются в центре внимания. Этот прием пользуется невероятной популярностью: яркие цветовые пятна — это один из самых мощных трендов в графическом дизайне в 2019 году.

ИСПОЛЬЗОВАТЬ ШАБЛОН

Нужно вдохновение, чтобы подобрать цветовую палитру для инфографики? Читайте наше руководство по выбору цвета для инфографики.

Создайте иерархию текста с помощью трех различных шрифтов

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

Наш обзор популярных шрифтов поможет вам сделать правильный выбор.

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

Шрифт главного заголовка должен быть самым крупным и может быть самым стилизованным. С его помощью вы задаете инфографике определенное настроение.

Шрифт заголовков разделов должен быть немного меньше. Для заголовков разделов стоит выбирать менее выдающийся, но все же хорошо заметный на странице шрифт.

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

Не уверены, какие шрифты удобочитаемые, а какие нет? Вот памятка по шрифтам, отлично подходящим для основного текста:

ИСПОЛЬЗОВАТЬ ШАБЛОН

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

Canva

Основные преимущества: Длинный список бесплатных функций, 30-дневная free-версия

Бесплатная версия: Да

Платная подписка: 12,95 $ в месяц

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

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

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

Вы можете синхронизировать профили Facebook и Instagram с конструктором инфографики онлайн. Это позволит быстро интегрировать видео в проект. Некоторые функции конструктора доступны только вручную с боковой панели.

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

Принципы и примеры

Перед тем, как рассматривать классические примеры инфографики, стоит разобраться в ключевых особенностях метода работы с контентом:

Основная задача – легко и непринужденно рассказать о «сложном, но важном». А потому полезная нагрузка должна приближаться к 100 %

Визуальное описание последовательно, а каждый факт сопровождается иконками, стрелочками, или отдельными изображениями
Цветовая гамма – эмоциональная и красочная, то есть сразу же привлекающая внимание. И целевая, и нецелевая аудитория должны, если не разобраться в каждом факте или аспекте, то хотя бы зацепиться взглядом за дизайн
Графические объекты в инфографике составляют ассоциативный ряд и помогают в уме складывать информационно-визуальный пазл, который надолго осядет в голове.

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

Пример инфографики с вертикальным повествованием. По клику — оригинальная статья.

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

Классический пример инфографики от Яндекса о распределении поисковых запросов по времени суток в 2017 году

Виды инфографики

Статистическая (аналитическая)

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

Статистика чтения

Сравнительная

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

Сравнительная характеристика машин

Конструкционная

Схематично показывает устройство механизма, продукта или явления.

Инфографика — из чего складывается цена на бензин

Новостная

О новостях недели, месяца или года тоже можно рассказать коротко и систематично — вынести на инфографику.

Новостная инфографика от РИА НОВОСТИ

Рекламная

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

Инфографика о компании

Алгоритм

С помощью этой инфографики расписывают последовательность действий. Часто такие инфографики учат нас чему-то. Например, как завязать галстук или наклеить защитное стекло на экран телефона.

Инфографика с алгоритмом действий при ДТП

Иерархия

Часто с помощью такой инфографики компании изображают структуру рабочей организации. Ещё иерархично показывают статистику.

Инфографика в виде иерархии

Карта

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

Инфографика в виде карты российских вузов

Таймлайн

Способ показать какие-либо события в датах. Часто такой формат используется в обучающих целях. Например, на уроках истории.

Пример инфографики таймлайна

Список

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

Пример инфографики в виде списка

Резюме

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

Резюме-инфографика

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

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

Завладеть вниманием человека нелегко. Поэтому делать инфографики нужно качественными.

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

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

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

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

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

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

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

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

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

Выделяйте главное

Делайте акценты, чтобы привлечь внимание читателей к важным фактам.

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

История

В СССР инфографика широко применялась при оформлении павильонов ВДНХ, где был создан «Производственно-оформительский комбинат» (ПОК ВДНХ), на котором работали в том числе выпускники художественно-оформительского отделения МГАХУ памяти 1905 года и МГХПА им. Строганова.

Одними из первых в газете стали использовать сочетание графики и текста издатели USA Today, запустившие свой проект в 1982 году. За несколько лет газета вошла в пятерку самых читаемых изданий страны. Одним из наиболее заметных и востребованных читателями нововведений USA Today стали детальные, хорошо прорисованные картинки с поясняющими комментариями — инфографика. Американские читатели быстро поняли и приняли преимущества такого способа передачи информации — инфографика передавала сообщение быстрее, чем текст (один качественно сделанный рисунок заменял несколько страниц текста) и подробнее, чем стандартная иллюстрация (благодаря детальности рисунка и точным тезисным комментариям).
Со временем выяснилось, что инфографика является не только технологией, не только сферой бизнеса, но и искусством. При этом, степень владения этим искусством напрямую влияет на доходность издательского бизнеса. Именно поэтому сегодня такие журналы как «Эсквайр» и «Нью-Йоркер» выделяют на создание инфографики 3—4 ведущих дизайнеров и одного журналиста — автора стержневой идеи.

Одним из пионеров в создании интерактивной графики можно считать Дона Виттекинда (Don Wittekind), приглашённого газетой . Мультимедийная галерея The Edge, созданная в Sun-Sentinel с помощью программы Adobe Director и позднее перенесённая на Macromedia Flash, стала образцом для подражания многих профессионалов. Интерактивную графику приняли на вооружение и другие онлайн-медиа.

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

Работа над инфографикой

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

• данные;
• история;
• форма \ подача.

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

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

Хорошая история должна быть понятной и в логике зрителя

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

Любая сфера содержит данные, которые можно показать как графическую историю. Я решила разобраться, как это сделать, и пошла на курс инфографики.

10 советов по созданию качественной инфографики

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

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

Обработайте информацию

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

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

Ищите проблемы и спорные темы. Статьи формата How to (“Как сделать”) отлично подходят в качестве основы для инфографики, ведь таким образом можно создать краткое руководство по решению определенной проблемы, что принесет пользу читателям. Не менее хорошо работают и спорные темы, которые при активном расшаривании в соцсетях могут  привлечь на сайт большое количество трафика.

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

Инфографика здесь не исключение, и первым делом в данном контексте стоит  обратить внимание на социальные сети

Расставляйте акценты

После того как данные будут «причесаны», а логическая конструкция определена — выберите самые интересные факты и выделите их таким образом, чтобы читатель сразу обратил на них внимание

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

• • круговые диаграммы. Четкий ответ на вопрос в виде цифр или процентов;
  • карты данных. Больше выборки данных;
  • линейные графики (или их комбинации). Демонстрация тенденции с течением времени;
  • гистограммы. Графики распределения данных.

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