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

1.

ИНФОГРАФИКА
Четко. Ясно. По делу

2.

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

3.

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

4.

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

5.

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

6.

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

7.

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

8.

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

9.

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

10.

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

11.

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

12.

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

13.

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

14.

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

15.

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

16.

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

17.

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

18.

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

19.

20.

21.

22.

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

23.

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

24.

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

25.

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

26.

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

27.

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

28.

шрифты

29.

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

30.

Диаграммы

31.

Мыслите
шире

32.

Графики

33.

Карты

34.

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

35.

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

36.

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

37.

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

38.

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

39.

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

40.

41.

42.

43.

Булочка

44.

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

45.

Котлета

46.

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

47.

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

48.

Край сыра

49.

Тень от сыра

50.

Тарелка
Тень

51.

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

52.

53.

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

54.

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

55.

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

56.

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