Инфографика. Четко. Ясно. По делу

Инфографика
?
?
?
?
?
?
?
?
?
?

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

Why инфографика?
Во-первых, быстрое донесение до аудитории больших объёмов данных
Во-вторых, наглядность информации
В-третьих, привлечение внимания аудитории
___________
___________

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

5
2
3
1
4
Виды инфографик

№1
Аналитическая или цифровая инфографика
С её помощью представляют статистические данные. Отличается обилием цифр, диаграмм, графиков и так далее.

№2
Новостная инфографика
Наглядно рассказывает про свежие события, отражает хронологию и важные этапы происходящего.

№3
Конструкционная инфографика
Демонстрирует устройство и составные части какого-либо объекта или механизм явления, иногда — хронологию и причины исторического события.

№4
Рекламная инфографика
Создаётся компаниями для продвижения своего продукта. Яркая картинка с описанием достоинств товара и выгод от покупки. Может привлечь клиентов, если сделана хорошо — то есть сочетает грамотный маркетинг и удачный дизайн.

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

Принципы
построения
инфографики
1
2
3

Заменяйте слова символами и иллюстрациями
Яблоко
Яблоки
Много яблок

Используйте цифры. Большие цифры.
5 книг
5
книг
VS

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

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

Избегайте большого количества текста, но при этом не жадничайте вставить короткое пояснение к элементу инфографики
Самолёт — воздушное судно тяжелее воздуха, предназначенное для полётов в атмосфере с помощью силовой установки, создающей тягу и неподвижного относительно других частей аппарата крыла, создающего подъёмную силу. Неподвижное крыло отличает самолёт от махолёта (орнитоптера) и вертолёта, а наличие двигателя — от планёра и мускулолётa. От дирижабля и аэростата самолёт отличается тем, что использует аэродинамический, а не аэростатический способ создания подъёмной силы.
Пассажирский самолет
Boeing 777

delicious
Примеры
«вкусных инфографик»
delicious
delicious
delicious
delicious
delicious
delicious

Инструменты для создания инфографики
В бесплатной версии Ease.ly доступно:
10 готовых шаблонов
65 инфографических символов и 25 фотографий
Экспорт jpeg низкого качества
10 шрифтов
4 вида графиков
На бесплатном тарифе Piktochart доступно:
Множество графиков, картинок и фотографий
Десятки шаблонов
Сотни символов в разных стилях
Технология drag-and-drop
Шрифты

Интерфейс Canva напоминает Piktochart, шаблоны такие же, как на Ease.ly. Сервис дает много бесплатных инструментов:
Шаблоны и фоны
Графики и диаграммы
Разные шрифты
Яркие картинки
Фотографии и графические символы
Сохранение рисунка в формате png
Англоязычный ресурс с простым интерфейсом. Бесплатные возможности:
Шаблоны и фоны
Возможность сделать видеоинфографику
Шрифты
Графики, диаграммы, схемы, карты
Графические картинки и фотографии
Сохранение в формате jpg
Инструменты для создания инфографики

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

Идеален во всем
Доступен каждому

Сайты с иконками

Фон и логическое деление пространства
Определите основные топики, подтемы вашей инфографики и выделите каждой из них свое место, используя обозначение зон
Виды яблок
Цвета яблок
Размеры яблок
Как выращивать яблоки
Инфографика должна быть поделена и построена так, чтобы зритель, с какой бы части инфографики ни начал изучать вашу работу, мог связать информацию. Независимые блоки информации, которые и без других блоков будут полноценными.
Исключение: построение самой инфографики в виде «пути», имеющего начало и конец, по которому должен пройти зритель.

шрифты

РаЗныЕ ШриФТы
Стилизуйте текст под смысл слов
Разные шрифты
шрифты
шрифты +
шрифты

Диаграммы

Мыслите
шире

Графики

Карты

О, белый цвет,
да ты волшебник!

Иконки и значки

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

Рисуйте сами!

Используйте тени
Настройка прозрачности

Используйте тени
Нормально
Отлично

?
?
?
?

Булочка

Зеленень
Соус

Котлета

Булочка
Помидоры
Огурцы

Тень от котлеты
Сыр

Край сыра

Тень от сыра

Тарелка
Тень

Используйте лупу
«Зерно» посыла, которое закладывается в данную иллюстрацию
описание

Части
Рассматривайте и разбирайте объект по частям

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

Ссылки на прочие креативные штуки
Infogr.am до сих пор является относительно новым сервисом и имеет множество возможностей, которые пока находятся на стадии внедрения. Полезный инструмент для создания бесплатных интерактивных диаграмм и инфографики.
Stat Planet - это отличный инструмент, который создает интерактивные визуализации и статические изображения). Предоставляет доступ к важным всемирным данным, которые вы можете с пользой продемонстрировать через схематичные визуализации. Вы также можете подстраивать эти визуализации под свои требования.
Hohli – еще один сервис для создания графиков и диаграмм, которым легко пользоваться. Позволяет изменять внешний вид инфографики исходя из ваших потребностей.