Что такое инфографика? (примеры, советы и шаблоны)

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

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

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

• Что такое инфографика
• Зачем использовать инфографику
• Как создать инфографику
• Типы инфографики и как их применять
• Подсказки и советы

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

Но сначала…

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

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

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

Обратите внимание на этот пример:

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

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

Это важно: цель инфографики — не только проинформировать, но и сделать просмотр интересным и увлекательным для аудитории.

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

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

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

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

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

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

Image Source

our browser does not support the video tag.

Хотите создать красивую инфографику?

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

Зарегистрируйтесь бесплатно

Хотите создать собственную инфографику? 

С помощью Visme очень просто собрать свой персональный набор инфографики.

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

Посмотрите это видео, чтобы узнать, как создать инфографику в Visme.

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

Шаг 1. Выберите шаблон

Первый шаг — зарегистрироваться в Visme (это бесплатно!) и выбрать шаблон.

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

Когда вы найдете тот, который вам нравится, наведите на него курсор и нажмите «Изменить».

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

Шаг 2. Отредактируйте контент

Когда вы выберете подходящий  шаблон, вы попадете в редактор Visme.

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

Интересно, правда? Самое приятное то, что все это занимает буквально несколько минут.

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

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

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

Шаг 3. Скачайте и поделитесь

Вот и все — почти готово!

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

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

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

Не существует универсальной инфографики.

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

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

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

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

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

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

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

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

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

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

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

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

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

Статистическая инфографика обычно менее насыщена текстом и больше ориентирована на данные.

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

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

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

Image Source

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

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

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

Инфографика процесса

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

Вот пример шаблона инфографики процесса.

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

Временная шкала

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

Вот шаблон инфографики временной шкалы от Visme, с которого вы можете начать.

our browser does not support the video tag.

Настройте этот шаблон инфографики персонально для себя!

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

Редактировать и скачать

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

Этот тип инфографики также может помочь вам в управлении проектами.

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

Хотите разобрать что-то подробно? В этом вам поможет анатомическая инфографика.

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

Взгляните в качестве примера этот анатомический шаблон инфографики.

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

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

Взгляните на иерархический шаблон инфографики ниже.

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

Инфографика для списка

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

Вот пример шаблона, который вы сможете настроить.

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

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

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

Вот пример шаблона сравнительной инфографики.

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

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

Вот шаблон такой сравнительной таблицы.

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

Инфографика местоположения

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

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

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

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

Инфографика для резюме

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

Представляем один из креативных шаблонов для резюме.

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

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

1. Будьте оригинальны и креативны.

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

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

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

2. Изучите свою аудиторию.

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

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

RELATED: 7 Steps to Writing Compelling Infographic Copy

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

3. Используйте привлекательные цвета и шрифты.

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

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

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

• Психология цвета в маркетинге: полное руководство
• Руководство по сочетанию шрифтов

А это видео о психологии цвета в маркетинге может помочь вам в разработке дизайна.

4. Проиллюстрируйте текст значками и графикой.

Обилие текста может сделать инфографику скучной и неинтересной.

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

5. Установите визуальную иерархию.

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

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

6. Добавьте интерактивность.

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

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

Начните создавать свою собственную инфографику уже сейчас!

Инфографика — один из самых эффективных типов контента.

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

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

Испытайте конструктор инфографики Visme бесплатно!

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

• VIDEO: 13 Types of Infographics and When to Use Them [+ Templates]
• How to Make an Infographic: The Ultimate Guide
• 12 Best Infographic Tools for 2021 (Full Comparison Guide)
• Infographic Design: Complete Guide for Non-Designers [2021]

Удачного творчества!

виды, способы использования, советы по созданию

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

Мы в Telegram

В канале «Маркетинговые щи» только самое полезное: подборки, инструкции, кейсы.

Не всегда на серьёзных щах — шуточки тоже шутим =)

Подписаться

Станьте email-рокером 🤘

Пройдите бесплатный курс и запустите свою первую рассылку

Подробнее

Инфографика — это формат контента, где минимум текста, но много графики: диаграмм, схем, карт, иконок или других изображений.

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

Основные отличия инфографики от обычной иллюстрации:

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

Какой бывает инфографика

Инфографику можно разделить на несколько типов по функционалу.

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

Пример инструкции от IKEA / Libble

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

Фрагмент таймлайна с историей предвыборных лозунгов США от Edu Birdie

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

Фрагмент карты Google

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

Пример инфографики от РИА «Новости»

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

Пример инфографики из Instagram*-профиля сервиса доставки Grow Food

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

Пример графика со статистикой в спецпроекте ТАСС

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

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

Пример инфографики из Instagram*-профиля сети пекарен «Буше»

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

Пример инфографики от интернет-магазина 4Fresh

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

Пример развлекательной инфографики из Instagram*-профиля бренда косметики Holika Holika

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

Фрагмент карты, которая показывает путь к театру имени Ленсовета в Петербурге

Каким может быть дизайн инфографики

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

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

Фрагмент векторной инфографики от ВЦИОМ

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

Трехмерная графика. 3D-изображения в инфографике смотрятся современно и привлекают повышенное внимание.

Фрагмент 3D-инфографики от ТАСС

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

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

Фрагмент инфографики от РИА «Новости»

Диаграммы — помогают в визуализации сложных данных. Чаще всего используют гистограммы (в виде столбцов или полосок), пайчарты (круги, разделённые на несколько секторов) и линейные графики (в виде линии, построенной по координатам X и Y). Диаграммы можно сочетать с иллюстрациями или буквально соединять с ними — главное, чтобы это было без ущерба смыслу.

Линейный график в спецпроекте ТАСС «Котификация рунета»

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

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

Инфографика с анимацией от «Лаборатории Касперского»

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

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

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

Пример: интерактив для подбора персонального тарифа на сайте Yota.

Советы по созданию инфографики

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

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

Пример инфографики от ФОМ — сама диаграмма ярче и крупнее, чем снеговик и градусник

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

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

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

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

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

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

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

Пример инфографики из галереи Infogram — каждая иконка подписана

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

Поделиться

СВЕЖИЕ СТАТЬИ

Другие материалы из этой рубрики

Не пропускайте новые статьи

Подписывайтесь на соцсети

Делимся новостями и свежими статьями, рассказываем о новинках сервиса

«Честно» — авторская рассылка от редакции Unisender

Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы
и интервью с экспертами диджитала.

Оставляя свой email, я принимаю Политику конфиденциальности

Наш юрист будет ругаться, если вы не примете 🙁

Как запустить email-маркетинг с нуля?

В бесплатном курсе «Rock-email» мы за 15 писем расскажем, как настроить email-маркетинг в компании. В конце каждого письма даем отбитые татуировки об email ⚡️

*Вместе с курсом вы будете получать рассылку блога Unisender

Оставляя свой email, я принимаю Политику конфиденциальности

Наш юрист будет ругаться, если вы не примете 🙁

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

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

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

Вы можете задаться вопросом: что такое инфографика?

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

Нажмите, чтобы перейти вперед:

• Что такое инфографика?
• Зачем использовать инфографику?
• Как создать инфографику?
• Какие существуют типы инфографики?
• Что делает инфографический дизайн эффективным?
• Часто задаваемые вопросы о создании инфографики

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

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

Но значение инфографики гораздо более конкретное.

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

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

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

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

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

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

Кроме того, присоединяйтесь к нашему вебинару для ускоренного курса о том, как обобщать информацию для вашей инфографики:

Вернуться к оглавлению

Зачем вам использовать инфографику?

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

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

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

  • Infographics for marketing
  • Infographics for consulting and freelancing
  • Infographics for small businesses and entrepreneurs
  • Infographics for government
  • Infographics for nonprofits
  • Infographics for education

  Marketing infographics

  What are infographics used for в маркетинге?

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

  
  

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

  • демонстрации достижений вашего бизнеса на целевой странице или загружаемой одностраничной странице
  • отправки яркого информационного бюллетеня с новостями, демонстрации нового продукта или услуги или демонстрации интеллектуального лидерства
  • улучшения их онлайн курсы или раздаточные материалы для курсов
  • Привлекайте внимание в социальных сетях. Делитесь фрагментами в Instagram или полной инфографикой в ​​Pinterest.
  • Сделайте обзорную инфографику. Соберите цитаты влиятельных лиц, соберите их в инфографику и напишите об этом сообщение в блоге. Вот пример: 61 Women In Tech Speak Up [инфографика]
  • Обобщите ключевые моменты в официальном документе или электронной книге.

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

  
  

  Вернуться к инфографике Варианты использования

  Инфографика для консультантов и фрилансеров

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

  
  

  Консультанты используют инфографику, чтобы:

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

  Вернуться к примерам использования инфографики

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

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

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

  
  

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

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

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

  
  

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

  
  

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

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

  Вернуться к вариантам использования инфографики

  Правительственная инфографика2 используется в государственном секторе

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

  Источник

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

  
  

  Возврат к инфографике Варианты использования

  Инфографика для некоммерческих организаций

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

  
  

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

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

  Вернуться к вариантам использования инфографики

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

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

  
  

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

  
  

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

  Вернуться к оглавлению

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

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

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

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

  Вместо этого начните с создания схемы инфографики.

  1. Систематизируйте информацию с помощью схемы инфографики
  2. Выберите шаблон инфографики
  3. Настройте свою инфографику

  1. Организуйте информацию с помощью схемы инфографики

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

  Создайте схему инфографики из существующего контента, выполнив следующие 4 шага:

  • Определите ключевые выводы вашего контента
  • Определите заголовок, заголовки, подзаголовки и факты
  • Учитывайте длину абзацев и пунктов
  • Включите примечания для дизайнера
  
  

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

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

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

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

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

  
  

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

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

  3. Настройте свою инфографику

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

  
  

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

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

  Хотите узнать больше о создании инфографики? В этом видеогиде показано, как сделать инфографику всего за 5 шагов:

  
  

  Вернуться к оглавлению

  Какие существуют типы инфографики?

  At Venngage, our library of infographic templates is sorted into 9 different categories:

  1. Statistical infographics
  2. Informational infographics
  3. Timeline infographics
  4. Process infographics
  5. Geographic infographics
  6. Comparison infographics
  7. Hierarchical infographics
  8. List инфографика
  9. Резюме инфографика

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

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

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

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

  Источник

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

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

  Источник

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

  
  

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

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

  Аналогичным образом, в этом образце инфографики от Podia о «Состоянии подработки» используются числа и стилизация, чтобы выделить наиболее важные моменты с помощью скудного вспомогательного текста.

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

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

  Вернуться к оглавлению

  Что делает инфографический дизайн эффективным?

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

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

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

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

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

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

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

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

  
  

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

  
  

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

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

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

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

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

  
  

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

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

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

  
  

  Эта стратегия тоже очень модная. Яркие цвета — одна из главных тенденций графического дизайна 2022 года.

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

  Создайте текстовую иерархию с тремя разными стилями шрифта

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

  Наш обзор популярных типов шрифтов направит вас по правильному пути.

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

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

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

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

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

  .
  

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

  Вернуться к оглавлению

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

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

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

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

  
  

  Или, что еще лучше, создайте наглядные примеры каждого основного пункта инфографики, как показано в этом образце инфографики от Elle & Company:

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

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

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

  Вернуться к оглавлению

  Часто задаваемые вопросы о создании инфографики

  Что означает инфографика?

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

  Проще говоря, инфографика — это графика, которая представляет информацию и/или данные — самое главное, в простой для понимания форме.

  Что такое пример инфографики?

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

  Для чего используется инфографика?

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

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

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

  Какие пять типов инфографики существуют?

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

  • Статистическая
  • Информационная
  • Временная шкала
  • Процесс
  • Сравнение

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

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

  Вам нужны количественные данные для создания инфографики?

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

  
  

  Или количественный:

  
  

  Или их комбинация, как в этом примере с инфографикой:

  
  

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

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

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

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

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

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

  
  

  Как создать инфографику менее чем за 1 час (Руководство 2023 г.

  )

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

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

  Как сделать инфографику:

  • Шаг 1: Определите цели создания инфографики
  • Шаг 2. Соберите данные для инфографики
  • Шаг 3. Визуализируйте данные для инфографики
  • Шаг 4. Создайте макет с помощью шаблона инфографики
  • Шаг 5. Добавьте стиля в дизайн инфографики, чтобы он выделялся

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

  
  

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

  Давайте рассмотрим каждый шаг более подробно.

  1. Обозначьте цели создания инфографики

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

  Инфографика – это визуально коммуникативное средство , которое можно использовать для:

  предоставления краткого обзора темы

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

  Этот, например, обобщает основные шесть типов тематических исследований:

  
  

  Объясните и упростите сложный процесс

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

  .
  

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

  
  
  
  

  Отображение результатов исследования или данных опроса

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

  
  

  Обобщите длинную запись в блоге или отчет

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

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

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

  
  

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

  
  

  Или что-то непонятное:

  
  

  Сравните и сопоставьте несколько вариантов

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

  
  

  Повышение осведомленности о проблеме или причине

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

  Примером может служить инфографика о кризисе беженцев выше или эта о расовом неравенстве в США:

  
  

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

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

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

  Я имею в виду четкие, конкретные, достижимые коммуникативные цели .

  Определение проблемы горения

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

  Используйте пирамиду вопросов

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

  
  

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

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

  Давайте рассмотрим пример. Эта инфографика описывает этапы процесса разработки продукта:

  
  

  Насущная проблема, которую они пытаются решить, это «Какие шаги входят в процесс проектирования продукта?», поэтому их пирамида вопросов может выглядеть примерно так:

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

  Вернуться к оглавлению

  2. Соберите данные для инфографики 

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

  Если у вас есть собственные данные, отлично — можете переходить к третьему шагу! Если нет, не беспокойтесь. Вам доступна масса общедоступных данных (только США производят около 2,7 млн ​​ГБ данных в минуту), если вы просто знаете, где искать.

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

  Уточните результаты поиска в Google

  Google часто является лучшим местом для начала поиска. Более эффективно нацеливайте свои поиски в Google с помощью символов и условий поиска, специфичных для данных:

  • Используйте кавычки для поиска точной фразы.
    • Например, «этапы процесса проектирования продукта»
  • Используйте знак минус, чтобы исключить слова из поиска
    • Например, дизайн продукта  -рабочие места
  • Добавьте «данные» к поисковой фразе
    • Например, дизайн продукта  данные
  • Добавить формат файла данных (например, xls, csv, tsv) к поисковой фразе
    • Например, дизайн продукта  xls

  Поиск в существующих репозиториях данных

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

  • Открытые данные правительства США: данные обо всем, от сельского хозяйства, климата и экосистем до образования, здравоохранения и общественной безопасности. Statista: маркетинговые исследования
  • Kaggle: загружаемые пользователями наборы данных обо всем, от шоколадных батончиков до финансирования стартапов
  • Pew Research: исследования демографии, общественного мнения, медиа-контента и т. д.
  • American Time Use Survey: данные о количестве времени Американцы тратят на различные виды деятельности, такие как сон, еда и занятия спортом.
  • Хранилище данных Google Trends: тщательно подобранные наборы данных из Google News Lab
  • Google Scholar: удобная поисковая система для академических публикаций
  • Data is Plural: тщательно отобранный список интересных, актуальных наборов данных, обновляемый еженедельно
  • AggData: бизнес-местоположение data
  • Классные наборы данных: самопровозглашенное «место, где можно найти классные наборы данных»

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

  Вернуться к оглавлению

  3. Сделайте визуализацию данных для инфографики

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

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

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

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

• R изучить отношения или
• E исследовать.

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

Давайте рассмотрим каждую цель по очереди:

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

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

Выделите цифровую статистику крупным жирным красочным текстом:

Привлеките к себе особое внимание, сочетая значки с текстом:

Выделите процент или показатель с помощью кольцевой диаграммы или пиктограммы:

Сравнить

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

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

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

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

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

Изменить

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

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

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

Вот пример инфографики временной шкалы:

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

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

Связанный : Руководство для начинающих по созданию инфографики с картами (в комплекте 15 шаблонов)

Организация

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

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

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

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

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

Вот пример инфографики ментальной карты:

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

Отношения

Вы хотите выявить более сложные отношения между вещами.

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

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

Исследовать

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

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

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

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

Вернуться к оглавлению

4. Создайте макет с помощью шаблона инфографики

Осталось только макет и дизайн.

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

Создайте естественный информационный поток

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

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

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

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

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

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

Источники : Everlane.com, Ziploc.com

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

Источники : RemoteRelief, The Guardian, FoodBeast

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

Источники : Lauren Conrad, Lemonly

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

Связанные :

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

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

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

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

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

Хотите сравнить две диаграммы? Найдите шаблон инфографики с двумя столбцами:

Есть 3 одинаково важные характеристики? Найдите шаблон инфографики с тремя столбцами:

Есть тонны данных? Найдите минимальный шаблон инфографики с 4 или 5 разделами:

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

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

Вернуться к оглавлению

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

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

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

Начните с текста.

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

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

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

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

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

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

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

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

Что бы вы ни делали, убедитесь, что повторяющиеся элементы, которые вы добавляете, выровнены! Даже небольшие несоосности выведут вас из равновесия:

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

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

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

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

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

Это означает наличие полей по краям инфографики:

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

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

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

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

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

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

Или для группировки связанных элементов:

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

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

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

Вернуться к оглавлению

Рассмотрим основные этапы создания инфографики:

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

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