Лучшие примеры инфографики (51 фото): простые, сложные, крутые

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

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

• Аналитическая – в инфографике приводятся статистические и цифровые показатели;
• Новостная – материал включает в себя наглядное разъяснение новостного материала (сравнение нового и старого, хронологию, аналитику и последствия);
• Реконструкция – включает хронологическое воссоздание какого-то процесса или события;
• Презентация – когда в виде инфографики делают презентацию (рекламу) чего-либо.

Формы подачи:

• Единая – когда вся информация инфографики собрана в одном блоке и взаимосвязана между собой;
• Раздельная – данный вид инфографики имеет разделение на блоки, которые не связаны между собой.

Категории:

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

Интерактивная инфографика

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

Как сделать инфографику самому: 6 бесплатных сервисов

Время чтения: 3 минуты Нет времени читать? Нет времени?

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

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

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

• Бесплатная (или почти бесплатная).
• Находится в интернете.
• Простая в использовании.
• Классно, если работает по drag-and-drop.
• Не требует установки дополнительных программ.

Google Docs

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

Ease.ly

Простой в использовании англоязычный сервис. В бесплатной версии Ease.ly доступно:

• 10 готовых шаблонов.
• 65 инфографических символов и 25 фотографий.
• Экспорт jpeg низкого качества.
• 10 шрифтов.
• 4 вида графиков.

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

Piktochart.com

На бесплатном тарифе Piktochart доступно:

• Множество графиков, картинок и фотографий.
• Десятки шаблонов.
• Сотни символов в разных стилях.
• Технология drag-and-drop.
• Шрифты.

Можно сохранить рисунок в виде файла с расширением png или в формате raw.

Canva

Интерфейс Canva напоминает Piktochart, шаблоны такие же, как на Ease.ly. Сервис дает много бесплатных инструментов:

• Шаблоны и фоны.
• Графики и диаграммы.
• Разные шрифты.
• Яркие картинки.
• Фотографии и графические символы.
• Сохранение рисунка в формате png.

В целом – круто. Что неудобно – бесплатные и платные инструменты находятся в одной куче.

Visme.co

Англоязычный ресурс с простым интерфейсом. Бесплатные возможности Visme.co:

• Шаблоны и фоны.
• Возможность сделать видеоинфографику.
• Шрифты.
• Графики, диаграммы, схемы, карты.
• Графические картинки и фотографии.
• Сохранение в формате jpg.

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

«Следи за графиком»

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

• Фоны и инфографические картинки.
• Схемы, диаграммы, графики.
• Шрифты.
• Сохранение в формате png.

Есть одно неудобство в сервисе «Следи за графиком» – при сохранении на картинке появляется лого сервиса.

P. S. Как сделать инфографику, если никогда этого не делал

Ваша задача – помочь читателю лучше понять тему. В этом помогут следующие рекомендации:

1. Определитесь с идеей, упростите ее. Потом вернитесь и упростите еще раз.
2. Оставьте самое главное и интересное. Текста не должно быть слишком много, в идеале он должен стремиться к нулю.
3. Посмотрите на готовую схему, будет ли она понятна вашей аудитории. Если нет – переделайте.
4. Объясните идею в инфографике с помощью сервисов из нашей подборки.

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

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

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

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

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

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

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

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

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

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

Новостная

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

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

Рекламная

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

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

Алгоритм

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

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

Иерархия

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

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

Карта

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

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

Таймлайн

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

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

Список

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

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

Резюме

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Этап 5. Работа над дизайном инфографики

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

Как выбрать шрифт для инфографики

Начните с вашего текста.

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

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

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

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

Повторение, распределение и выравнивание объектов при создании инфографики

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

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

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

Или использовать основу, чтобы акцентировать внимание на заголовке или пунктах:

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

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

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

Всегда применяйте к повторяющимся элементам выравнивание! Даже малейшее отклонение нарушит гармонию:

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

Есть несколько способов улучшить инфографику

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

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

Негативное пространство — это область страницы, где нет ни текста, ни изображений

Любой дизайнер скажет вам, что негативное пространство не менее важно, чем любой другой элемент дизайна

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

Это означает, что у границы объектов (текста или изображения) должны быть отступы:

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

Интервалы между рядами помогают выделить разбивку по категориям:

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

Пустые области также влияют на наше цветовосприятие. Если добавить между цветами пустую область, то они смотрятся контрастней:

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

Как выбирать цвета при создании инфографики

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

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

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

Или чтобы сгруппировать связанные элементы:

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

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

СОЗДАТЬ РЕЗЮМЕ

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

ЕЩЕ ЦВЕТОВЫЕ СХЕМЫ

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

Примеры инфографики

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

4 примера хорошей инфографики

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

Пошаговый рецепт – хорошая инфографика

Пример инфографики-статистики

Пример Алфавит

Пример бизнес-инфографики

2 примера плохой инфографики

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

Пример перегруженной инфографики статистики

Пример плохой статистической инфографики

Такая инфограмма может оттолкнуть пользователей.

Что такое инфографика и чем она интересна

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

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

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

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

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

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

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

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

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

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

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

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

Сравнение

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

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

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

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

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

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

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

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

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

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

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

Организация

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

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

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

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

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

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

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

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

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

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

Анализ

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

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

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

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

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

Что же мы должны запомнить из этой статьи?

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

Спасибо что дочитали эту статью. Как и обещали даем вам супер бонусы от автора. Чтобы создавать яркие и запоминающиеся презентации, и доносить информацию наглядно и понятно, пройдите курс по инфографике от Павла Лебедева. Бесплатный доступ открыт только для читателей infogra.ru.

Если вы не хотите ждать следующей статьи, вы можете посмотреть мои лекции на канале: https://www.youtube.com/channel/UCjPiNc_0J6iq5rPBnx-cI6g или в телеграм канале http://t.me/marketograf

С наилучшими пожеланиями, Павел Лебедевлебедевпавел.рф

Для чего используется?

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

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

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

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

Как заработать на инфографике и где ее можно продавать?

Есть три варианта заработка на инфографике:

• Найти постоянную работу. Такие вакансии для дизайнеров нечасто, но встречаются. Мониторить их стоит на крупных порталах по поиску работы, например, HH.ru. Предложения штатной и внештатной работы, а также стажировок есть на Behance.net – крупной международной площадке для дизайнеров.
• Сотрудничать с издательствами, крупными СМИ и блогами, которые могут заказывать графику для своих статей. Например, такие вакансии могут открываться в Тинькофф-Журнале.

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

Как искать заказы на инфографику?

1. Чтобы начать работать с клиентами, вам потребуется портфолио с примерами работ. Без портфолио потенциальные заказчики не смогут оценить ваш уровень, а значит, вряд ли решатся сотрудничать. Если у вас пока нет работ, но вы рассматриваете заработок на инфографике, сделайте их для «гипотетических» клиентов. Есть учебные работы, сделанные на курсах? Отлично, выберите лучшие и показывайте потенциальным заказчикам в качестве примера.

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

• Kwork.ru – популярная биржа фриланс-услуг. На сайте можно выставить готовые работы на продажу, а также откликаться на проекты клиентов. Биржа лояльна к новичкам. Здесь можно получить первый заработок на инфографике. Почитайте, как зарабатывать на Кворке.
• Fl.ru – одна из самых крупных фриланс-бирж в рунете. Здесь можно откликаться на проекты клиентов, а также разместить портфолио. Для получения заказов потребуется платный аккаунт.
• Freelance.ru – еще одна популярная биржа.

• Weblancer.net – еще один сервис для фрилансеров, где можно искать заказы.

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

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

Где брать изображения

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

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