Современная инфографика - обзор

1. Технологии компьютерной
визуализации информации
(инфографика, мультимедиа)
http://tkvi.wordpress.com
Профессор кафедры
инженерной педагогики
starslava@mail.ru

2. Более 80% всей информации
человек воспринимает при
помощи зрения.
Визуализированные данные
воспринимаются человеком
лучше остальных.

3. способ передачи
информации
визуальными
средствами

4. 8 ч 24 ч

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

7. Её главная задача — доносить
информацию и делать это легче,
проще и интереснее по сравнению
с текстом и цифрами.
http://infographer.ru/
Инфографику активно
используют в разных
областях, начиная от
науки и статистики
и заканчивая
журналистикой и
образованием.

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

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

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

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

12. Алгоритм
действий
по созданию
тематической
инфографики

13. Инфографика типа Time line -
временной ход эволюции какого-
либо явления, процесса и т.д.

14. http://elearninginfographics.com/
10-tips-to-build-your-professional-
learning-community-infographic/
Это простой тип
линейной
инфографики

17. http://www.easel.ly/create/
Сервис для создания инфографики

19. Другие ресурсы интернета
для создания инфографики

23. http://mon-ru.livejournal.com/21227.html

24. Как добиться роста бизнеса?

28. http://blog.sinpalabras.es/

32. http://www.visions.com.ua/70-prekrasnyx-primerov-infografiki/

52. http://www.vokrugsveta.ru/bl
ogs/geografika-infografika/
ОРИГИНАЛЬНО:
загибающийся Манхэттен

53. Манеру кубизма

54. http://infographer.ru/animated-infographics/
Хеннинг Ледедер

64. http://youtu.be/Bc2uMFpzQis

66. Прием кубизма

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

68. Две идентичные пластинки из анодированного золотом алюминия на
борту «Пионера-10» (запущен 2 марта 1972) и «Пионера-11» (запущен
5 апреля 1973) с посланием внеземным цивилизациям, составленным
Карлом Саганом из Корнельского университета
Pioneer plaque

69. Фактически, это пример ИНФОГРАФИКИ,
когда изображение более информативно, чем текст.
Возможно, другим цивилизациям это будет понятно 
Pioneer
plaque

71. Шарлизина Джолектрон
Виртуальный идеал Голливуда

73. http://www.youtube.com/watch?v=Cm_nD5onxxo&feature=related

74. Легко произвести замену естественных
цветов виртуальными

75. http://photo.net/photodb/photo?photo_id=12033310

76. http://photo.net/photodb/photo?photo_id=12018750
Образ
фрактала

78. - сленговое название результата
творческой переработки некоего
изображения с помощью
растрового или векторного
графического редактора.
Для создания подобных изображений
используются редакторы
Adobe Photoshop, Microsoft Paint, Corel
PHOTO-PAINT.

79. - сленговое название результата
творческой переработки некоего
изображения с помощью
растрового или векторного
графического редактора.
Для создания подобных изображений
используются редакторы
Adobe Photoshop, Microsoft Paint, Corel
PHOTO-PAINT.

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

89. http://www.chinasmack.com/2011/pictures/floating-chinese-
government-officials-stun-netizens.html
Китайские чиновники
«принимают новую
дорогу»
(фото в журнале)

90. Вариации на тему
явного обмана
читателей,
появившиеся в
Интернете

93. http://lenta.ru/news/2012/06/05/photoshop/
Кубанские чиновники "сходили на стадион"

95. http://ticca.ru/strit-art/

96. http://www.graffitischool.ru/?tag=street-art

97. http://www.bohemica.ru/posts/raboty-stritart-hudozhnika-miles-macgregor

101. http://www.bugaga.ru/jokes/1146727128-graffiti-ot-benksi.html

102. http://www.bugaga.ru/jokes/1146727128-graffiti-ot-benksi.html

103. www.google.com/culturalinstitute/project/street-art
Коллекция граффити в Google Cultural Institute

104. http://cdn.bitrebels.netdna-cdn.com/wp-content/uploads/2010/05/Graffiti-Illusions-10.jpg
Здесь очевидно влияние компьютерной графики

105. http://kayros-81.livejournal.com/722193.html

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

110. Прежде всего
следует определить:
1.Кто является
целевой аудиторией
для данной
инфографики?
2.Какое смысловое
содержание надо
передать?
http://www.mlm-leysan.ru/wp-content/uploads/
2010/03/mix_race_group_of_people21.jpg

111. 3. Какие чувства (эмоции)
автор хочет пробудить
в тех людях, которые
будут видеть
результаты его работы?
4. Какие законы
построения экранного
изображения надо
использовать?
http://www.foto-konkurs.ru/data/media/2/_MG_9194-.jpg

112. 8 ШАГОВ СОЗДАНИЯ ИНФОГРАФИКИ
1. Зачем и для кого?
2. Что изобразить графически?
3. Найти вдохновляющие примеры
4. Собрать данные для визуализации
5. Проверить пункты 1 и 2
6. Придумать сценарий
7. Создать инфографику
8. Проверить на понимание
http://te-st.ru/2014/07/17/infographics-and-data-
visualization/

113. (для каких целей можно
использовать все составляющие
инфографики)