10 видов инфографики для всех, кто с дизайном на «вы»

инфографика баннер

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

Мы расскажем про основные типы инфографики: как она устроена и какую пользу несет. С помощью наших советов вы сможете создать готовую инфографику с нуля за один день.

Что нужно помнить

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

Подумайте, где будет размещена инфографика

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

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

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

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

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

Сократите количество текста

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

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

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

Человек воспринимает свою жизнь как сюжет. Как говорил врач-невролог Оливер Сакс, «Каждый из нас живет в нарративе, и этот нарратив — мы и есть»: то, из чего складывается наша картина мира.

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

  • контекст — где разворачиваются события;
  • сюжет — структура, которая все объединяет;
  • цель — основная идея или вывод.

Создавайте сильный визуальный образ

Мы запоминаем лишь 20% из того, что читаем, и 80% — из того, что видим, — рассказывает Марк Тигелаар в своей книге «Как читать запоминать и никогда не забывать». Используйте это.

Допустим, на инфографике про инопланетян агенты Малдер и Скалли из «Секретных материалов» смотрятся выигрышнее, чем абстрактные картинки гуманоидов.

Перепроверяйте информацию двух-трех источниках

Работайте с результатами исследований Левада-Центр, ФОМ, Росстат. Проведите короткое интервью с экспертом в этой теме.

Чтобы повысить доверие к представленным данным, ссылайтесь на источники. Например, укажите внизу «по данным Росстата» и дайте ссылку на это исследование.

Смотрите больше хороших работ

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

if-110119

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

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

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

Мы расскажем про основные типы инфографики, которые помогут вам создать готовую инфографику.

№ 1. Инфографика-таймлайн

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

Game-of-Thrones-timelaps

На графике наглядно представлено, сколько детей назвали в честь героев сериала «Игра Престолов» за последние 20 лет

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

1. Проверьте, что таймлайн — ось для информационных блоков

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

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

2. Подберите стиль инфографики, соответствующий теме

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

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

Похожий вариант можно сделать с помощью этих шаблонов Canva:

№ 2. Инфографика-плакат

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

Удачные примеры такого типа инфографики. Плакаты выполнены в одной стилистике и промотировали новый сезон сериала «Игра Престолов».

96

Прогноз, кто будущий правитель Вестероса

Для того, чтобы привлечь внимание фанатов, авторы инфографики выбрали одни из самых волнующих вопросов — «Кто станет правителем Вестероса?» Именно на эту темы больше всего спорили в соцсетях и фан-сообществах.

1. Выберите цепляющий визуал

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

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

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

2. Пропишите понятное ключевое сообщение

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

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

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

№3. Фото-инфографика

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

GOT-foto

Сердцебиение зрителя «Игры Престолов»

Креативный пример фото-инфографики — визуализация сердцебиения одного из зрителей во время просмотра «красной свадьбы» в сериале «Игра Престолов».

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

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

1. Насколько качественные фотографии вы выбрали

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

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

Например, фото-инфографика подходящих вариант для рекламы новой коллекции одежды. 

№4. Инфографика-карта

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

GOT-ca

Карта мира в «Игре Престолов»

В «Игре Престолов» без карты сложно ориентироваться: например, совершенно непонятно, как расположены земли Вестероса. С картой легко представить события, происходящие в книгах или на экране.

1. Обозначать географические объекты разными цветами

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

2. Прорабатывать детали

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

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

№5. Инфографика-сравнение

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

Например, шкала с выстроенными по росту героями сериала «Игра Престолов».

COT-Height

Рост героев сериала «Игра Престолов»

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

2. Проработайте центральную идею Слишком упрощать не стоит. Выбирайте дискуссионные темы, мимо которых не пройдешь: для мам — это искусственное вскармливание или грудное молоко; для фрилансеров — аргументы «за» и «против» работы по найму.

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

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

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

banner-social-media-3

Резюме Джона Сноу из «Игры Престолов»

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

1. Укажите конкретные данных в описании проектов

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

2. Разделите инфографику на блоки

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

3. Делитесь своими KPI

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

№7. Инфографика-инструкция

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

jonsnowcostume110419

Как одеться, если ты Джон Сноу из «Игры Престолов»

1. Давайте небольшие блоки текста

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

2. Проверьте советы, которые даете

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

3. Упростите читателям жизнь

По сути, инфографика-инструкция в виде «how to» — алгоритм: если я сделаю действие «А», то мне нужно перейти к действию «Б».

Вот пример как можно сделать инструкцию по применению:

№8. Инфографика-схема

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

GOT-s

Главные герои «Игры Престолов»

1. Перепроверьте данные

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

2. Указывайте ссылки на источники информации

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

№9. Инфографика-коллаж

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

GOT-c

Дома Семи королевств из «Игры Престолов»

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

1. Выделите смысловой акцент

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

В примере с «Игрой Престолов» выбрали узнаваемый элемент — трон, за который идет основная борьба. Это стало некой метафорой, которая все объединила.

2. Управляйте вниманием читателей

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

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

№10. Инфографика со статистикой

Такой тип инфографики охотно берут в СМИ, поэтому если PR — одна из ваших задач, обратите внимание.

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

GOT-numbers

Количество смертей в разных сезонах «Игры Престолов»

Джордж Мартин — автор книг, по которым снят сериал «Игра Престолов», — особенно не церемонится со своими героями: головы с плеч летят чуть ли не в каждой серии.

Такая инфографика наглядно показывает «кровожадность» американского писателя: видно, что шестой сезон явно выдался самым жарким.

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

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

2. Проработайте структуру

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

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

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

Вот здесь понятная структура:

5 полезных книг по визуальному мышлению

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

  • Дэвид Маккэндлесс «Инфографика»

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

  • Дэн Роэм «Визуальное мышление»

Советы, которые помогут «продать» свои идеи при помощи простых визуальных образов. Дает уверенность в собственных силах и много инсайтов.

  • Майк Роуди «Визуальные заметки»

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

  • Колин Уор «Визуальное мышление: для дизайна»

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

  • Дж. Стил, Н. Ильинский «Красивая визуализация: взгляд на данные глазами экспертов»

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

Подписывайтесь на обновления в Телеграме, Фейсбуке, ВКонтакте и Яндекс Дзене, чтобы всегда быть в курсе трендов графического дизайна и возможностей Canva, которые помогут воплотить их в жизнь!

Ваше секретное средство для потрясающих дизайнов