Виды инфографики: 9 направлений и 2 подхода

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

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

Описание инфографики

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

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

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

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

Задачи, решаемые инфографикой

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

• Объяснение каких-либо явлений и фактов.

• Помощь в принятии определенного решения.

• Убеждение.

• Предоставление данных в наглядной форме.

• Продажа какого-либо продукта.

• Повышение доверия к некой информации.

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

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

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

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

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

Плюсы и минусы инфографики

Для начала перечислим преимущества:

• Более простая запоминаемость информации по сравнению с текстом.

• Возможность выделиться среди конкурентов.

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

• Более сильное привлечение внимания читателя по сравнению с обычным текстом.

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

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

• Помощь в развитии бренда при указании в инфографике логотипа компании.

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

Далее укажем основные недостатки инфографики:

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

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

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

• Более высокие затраты времени на создание инфографики по сравнению с текстовым контентом.

• Зачастую плохая читаемость на мобильных устройствах с небольшим экраном.

• Отсутствие индексации текстовой составляющей поисковыми системами и, как следствие, плохая оптимизация средствами SEO.

2 подхода к созданию инфографики

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

• Исследовательский подход

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

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

  

  Это интересно!

  Программы для создании инфографики: топ-5 сервисов

  Подробнее

• Объяснительный подход

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

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

  

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

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

9 видов инфографики

1. Статистическая инфографика

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

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

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

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

   При создании статистической инфографики желательно следовать следующим советам:

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

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

   • Грамотно составленный заголовок инфографики отразит всю суть предоставленной информации. Не стоит избегать этого.

   • Ключевые сведения полезно выделить контрастными цветами либо дополнительными элементами.

2. Информационная инфографика

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

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

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

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

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

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

   • Разделы нумеруются — это позволяет читателям легче воспринимать информацию.

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

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

   

3. Хронологическая инфографика

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

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

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

   При создании таймлайнов желательно следовать следующим советам:

   • Различные события можно объединять в единую хронологию центральной линией.

   • Использование жирных и контрастных шрифтов позволяет акцентировать внимание на конкретных датах и событиях.

   • Для иллюстрации временных моментов стоит пользоваться простыми пиктограммами.

   • При необходимости некоторые важные события можно описывать текстом.

4. Процессуальная инфографика

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

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

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

   

   Это интересно!

   PEST-анализ салона красоты: общие принципы и пример проведения

   Подробнее

   При создании процессуального инфографического материала желательно следовать следующим советам:

   • Процесс будет выглядеть более наглядным, если все его этапы пронумеровать.

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

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

   • Заголовки лучше выполнять жирным шрифтом, контрастирующим с остальными текстовыми элементами.

5. Географическая инфографика

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

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

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

   При создании географической инфографики желательно следовать следующим советам:

   • Тепловая карта хорошо показывает концентрацию какого-либо параметра или иерархическую структуру.

   • Сравнивать различные геоданные или показывать изменение этих данных во времени можно, располагая несколько карт в серию.

   • Местоположение объектов на карте лучше дополнительно подписывать, чтобы сведения об этих объектах читались сразу же.

6. Сравнительная инфографика

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

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

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

   При создании сравнительного инфографического материала желательно следовать следующим советам:

   • Инфографика делится пополам, если имеются две альтернативы на выбор.

   • Инфографика делится на определенное число полос (колонок, сегментов) при наличии более двух вариантов.

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

   • Предпочтительный выбор выделяется более ярким, привлекающим внимание цветом.

   

7. Иерархическая инфографика

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

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

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

8. Списочная инфографика

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

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

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

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

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

   • Для удобства восприятия пункты списка нумеруются.

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

   • Интерес читателя к инфографике повысится, если обогатить ее яркими цветами и необычными шрифтами.

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

9. Инфографика-резюме

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

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

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

7 шагов создания инфографики любого вида

1. Основные правила оформления

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

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

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

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

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

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

   

2. Принципы составления

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

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

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

   Также необходимо соблюдать достоверность предоставляемых сведений. Все цифры и факты подкрепляются проверенной статистикой.

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

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

3. Тема инфографики

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

4. Исследовательская работа

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

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

5. Выбор оформления

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

6. Непосредственная разработка инфографики

   Работу можно делать самостоятельно, либо для этой цели привлекается дизайнер.

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

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

7. Анализ готового материала и внесение исправлений

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

   • Все ли понятно или же имеются какие-то неясности?

   • Воспринимается ли инфографика как цельная иллюстрация? Складывается ли в голове читателя заявленная автором тема, и понятен ли процесс?

   • Что именно привлекло наибольшее внимание? Верно ли акцентированы важные моменты, или что-то отвлекает читателя от главной мысли?

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

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

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

1. Canva

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

2. Piktochart

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

   

   Это интересно!

   Как найти оптового покупателя: 5 рабочих способов

   Подробнее

3. Infogram

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

Откуда брать изображения для инфографики

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

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

Однако проще искать графический контент на фотостоках. Благо на текущий момент существует множество таких площадок. Перечислим наиболее известные из них:

• shutterstock.com;

• gettyimages.com;

• freeimages.com;

• depositphotos.com;

• pixabay.com;

• thenounproject.com (сервис пиктограмм);

• icons8.com (сервис пиктограмм).

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