Что такое инфографика? Примеры и шаблоны инфографики, советы по дизайну

By Yaroslav, Aug 31, 2019

what is an infographic

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

Но если вы новичок в дизайне, то слово «инфографика» может быть вам незнакомо.

Вам может быть интересно:

 


Создано с помощью GIPHY
 

Сегодня мы предлагаем вам пройти интенсив-курс по инфографике и дизайну инфографики (с примерами шаблонов инфографики) и получить ответы на эти и другие вопросы!

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

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

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

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

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

what is an infographic

 

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

Однако важно не забывать, что графические объекты инфографики должны не только нравиться или вызывать интерес. Они должны помогать людям понять и запомнить содержание инфографики. Посмотрите, как этот принцип реализован в посвященной хиромантии инфографике Джинг Чжан (Jing Zhang):

what is an infographic

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

 

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

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

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

Это значит, что инфографика применима почти в любой области.

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

what is an infographic

 

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

marketing project timeline template

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

what is an infographic

Источник

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

what is an infographic

 

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

what is an infographic

 

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

 

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

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

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

А из этого короткого видео вы узнаете, как создать инфографику за 5 шагов:

 

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

what is an infographic

Источник GIF

Для начала продумайте структуру инфографики.

Упорядочьте информацию, продумав структуру инфографики

Работа над структурой поможет собраться с мыслями и подобрать материал для инфографики.

4 этапа разработки структуры инфографики на основе имеющихся данных:

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

what is an infographic

 

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

Более подробная информация по этому вопросу представлена в нашем руководстве по разработке структуры инфографики.

Выберите шаблон инфографики

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

Создано с помощью GIPHY

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

what is an infographic

 

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

Но самое главное — выбрать шаблон необходимого вам вида инфографики.

Какие же бывают виды инфографики?

 

Какие бывают виды инфографики?

Шаблоны инфографики Venngage разбиты на 9 категорий:

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

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

 

Разные виды инфографики предназначены для визуализации различного контента.

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

what is an infographic

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

Обычно в ней намного меньше текста, чем в информационной инфографике, и реже встречается нарратив. Данные представлены цифрами (крупным шрифтом) и выборочными фактами, как в этой инфографике Mobile Future:

what is an infographic

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

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

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

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

Создано с помощью GIPHY

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

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

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

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

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

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

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

what is an infographic

 

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

what is an infographic

 

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

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

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

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

what is an infographic

 

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

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

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

what is an infographic

 

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

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

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

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

what is an infographic

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

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

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

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

what is an infographic

 

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

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

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

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

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

what is an infographic

 

Еще лучше — создать наглядные примеры ко всем ключевым тезисам, как в инфографике компании Elle & Company:

what is an infographic

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

what is an infographic

Источник

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

Заключение

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

Придерживайтесь проверенных практикой рекомендаций по дизайну инфографики:

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

Дополнительную информацию о создании инфографики читайте в нашей статье «Как создать инфографику: 5 этапов [пошаговое руководство]».