22.16M
Категория: ИнформатикаИнформатика

Инфографика

1.

2.

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

3.

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

4.

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

5.

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

6.

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

7.

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

8.

Основная задача – легко и непринужденно рассказать о
«сложном, но важном». А потому полезная нагрузка
должна приближаться к 100 %
Визуальное описание последовательно, а каждый факт
сопровождается иконками, стрелочками, или
отдельными изображениями
Цветовая гамма – эмоциональная и красочная, то есть
сразу же привлекающая внимание. И целевая, и
нецелевая аудитория должны, если не разобраться в
каждом факте или аспекте, то хотя бы зацепиться
взглядом за дизайн

9.

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

10.

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

11.

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

12.

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

13.

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

14.

Пример статичной
инфографики
с фактами о метро

15.

Пример инфографики о чтении в России

16.

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

17.

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

18.

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

19.

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

20.

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

21.

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

22.

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

23.

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

24.

– сжатое донесение информации через
визуализацию контента
То есть упрощение употребления информации

25.

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

26.

Да, глобус и карта – тоже инфографика, так же как и
плакат с алфавитом, который висел на стене у Вас в
школе!

27.

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

28.

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

29.

1. Красиво оформленная статистика
Отличный способ придать привлекательности сухим цифрам.
Причём такого рода инфографику можно использовать как для
создания развлекательного контента из серии “Занимательная
статистика”, так и для сопровождения вполне серьёзных отчетов

30.

31.

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

32.

33.

3. Алгоритм
Как правило, выстраивание цепочки алгоритма
используют для развлекательной инфографики.
Классический пример – инфографика “Какой Вы кофе”,
которая была популярна несколько лет назад.
Однако сейчас этот вид инфографики используют для
структурирования вполне серьёзной информации.

34.

35.

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

36.

37.

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

38.

39.

40.

41.

42.

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

43.

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

44.

Пронумеруй шаги или покажите элементами (стрелка,
линия и так далее) движение для изучения;
Каждый шаг выделяется отдельно и доносит ТОЛЬКО одну
мысль;
Цветной фон предпочтительнее белого с точки зрения
привлечения внимания;
Используйте корпоративные цвета;
Изображения и пиктограммы должны быть оформлены в
одном стиле;
Не надо “играть со шрифтами”, используйте 1-2 читаемых
шрифта;
Определите формат площадки и проверьте инфографику
на соответствие

45.

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

46.

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

47.

Принцип 2: определите цель
Задайте себе вопрос: как пользователь должен реагировать на
инфографику? Она должна развлекать его?
Рассказывать о преимуществах Вашего бизнеса? Может быть,
даже продавать какой-то конкретный товар или услугу?
В ответе на эти вопросы в первую очередь должно помочь
определение Вашей целевой аудитории.

48.

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

49.

50.

51.

52.

53.

54.

55.

56.

57.

58.

59.

60.

61.

Разработать инструкцию использования соцсетей
Целевая аудитория – подростки от 10 до 16 лет
Этапы разработки:
1. Формулирование темы и цели создания инфографики;
2. Сбор определенного количества данных, материала по
теме. Данные могут быть представлены в различных форматах
- тексты, графика, таблицы;
3. Аналитика и обработка информации. Собранный материал
необходимо проанализировать и обработать, выбрать самую
главную информацию;
4. Построение инфографики, работа в сервисе. Весь
материал компонуется, приводится в красивый наглядный вид.

62.

Где можно брать изображения для инфографики?
Несколько полезных сайтов для создания
инфографики:
http://ru.freepik.com/
http://all-clipart.net/
http://lenagold.ru/
http://design-mania.ru/ (раздел "Скачать")
http://www.dejurka.ru/ (раздел "Графика")

63.

64.

Разработать инфографику на тему:
инфографика для бизнеса
медицинская инфографика
социальная инфографика (благотворительность,
волонтерство, безопасность);
спортивная инфографика;
инфографика для интернета
English     Русский Правила