9 видов инфографики и их применение (+ шаблоны инфографики)

By Yaroslav, Nov 30, 2019

types of infographics

Хотите знать, какую инфографику выбрать для представления своих данных? Тогда эта статья для вас.

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

В чем тут подвох? Да в том, что есть МНОГО направлений инфографики. Настолько много, что можно легко растеряться, особенно если создаете инфографику впервые.

В каталоге шаблонов Venngage инфографика разделена на 9 категорий.

9 самых популярных видов инфографики:

    1. Статистическая инфографика.
    2. Информационная инфографика.
    3. Хронологическая инфографика.
    4. Процессуальная инфографика.
    5. Географическая инфографика.
    6. Сравнительная инфографика.
    7. Иерархическая инфографика.
    8. Инфографика со списком.
    9. Инфографическое резюме.

Видеообзор 9 видов инфографики с примерами применения:

 

Давайте подробнее разберем каждый вид инфографики.

1. Шаблоны статистической инфографики

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

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

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

Например, в этой инфографике элементы статистики проиллюстрированы значками:

statistical infographic


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

statistical infographic template


 

Вот еще одна статистическая инфографика, в которой визуализированы данные локального SEO-исследования.

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

statistical infographic template


 

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

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

statistical infographic template


 

Лучшие рекомендации по созданию статистической инфографики:

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

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

 

2. Шаблоны информационной инфографики

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

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

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

informational infographic template


 

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

informational infographic template


 

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

informational infographic template


 

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

informational infographic template


 

Лучшие рекомендации по созданию информационной инфографики:

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

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

3. Шаблоны таймлайнов

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

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

Например, в этом шаблоне таймлайна каждый год выделен более крупным шрифтом по сравнению с основным текстом. Моменты времени проиллюстрированы красочными значками:
timeline infographic template


 

Цветовой переход — один из приемов, помогающих визуализировать течение времени.

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

timeline template


 

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

timeline infographic template


 

Лучшие рекомендации по созданию таймлайна:

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

Хотите больше примеров и шаблонов таймлайнов и советов по дизайну? Ознакомьтесь с нашим руководством по созданию таймлайнов и статьей с 20 шаблонами таймлайнов.

 

4. Шаблоны процессуальной инфографики

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

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

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

process infographic template


 

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

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

process infographic template


 

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

process infographic template


 

Лучшие рекомендации по созданию процессуальной инфографики:

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

Хотите больше шаблонов процессуальной инфографики и советов по визуализации процессов? Ознакомьтесь с нашим руководством по созданию процессуальной инфографики.

 

5. Шаблоны географической инфографики

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

Главный элемент географической инфографики — это карты. Для различных типов данных лучше использовать различные карты-графики.

Например, в этом шаблоне географической инфографики для демонстрации региональной иерархии используется тепловая карта:
geographic infographic template


 

Если надо просто отметить места на карте, достаточно значков и кратких подписей:

geographic infographic template


 

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

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

geographic infographic template


 

Лучшие рекомендации по созданию географической инфографики:

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

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

 

6. Шаблоны сравнительной инфографики

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

catsup

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

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

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

comparison infographic template


 

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

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

comparison infographic template


 

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

comparison infographic template


 

Лучшие рекомендации по созданию сравнительной инфографики:

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

Еще 20 шаблонов сравнительной инфографики и советы по дизайну вы найдете в нашем руководстве по созданию сравнительной инфографики.

 

7. Шаблоны иерархической инфографики

В иерархической инфографике данные упорядочены по степени их важности.

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

pyramid chard template

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

hierarchical infographic template


 

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

organizational chart template


 

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

8. Шаблоны инфографики со списком

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

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

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

list infographic template


 

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

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

list infographic template


 

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

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

list infographic template


 

Лучшие рекомендации по созданию инфографики со списком:

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

 

9. Шаблоны инфографического резюме

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

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

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

infographic resume template


 

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

infographic resume template


 

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

infographic resume template


 

Лучшие рекомендации по созданию инфографического резюме:

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

Хотите более подробное руководство по созданию инфографического резюме? Жмите сюда!

Или просмотрите нашу подборку с более чем 20 шаблонами инфографических резюме.

БОНУС: инфографические диаграммы

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

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

Для использования метода ИСПОР нужно сначала определить цель представления визуализируемых данных:

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

    types of infographics


     

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

    Не до конца понимаете, что такое инфографика и зачем ее использовать? В нашей статье «Что такое инфографика?» вы найдете ответы на эти вопросы.

    Готовы приступить к созданию инфографики? В этом коротком видео рассказывается, как создать инфографику за 5 шагов: