Истоки инфографики
DESCRIPTION
InfographicaTRANSCRIPT
![Page 1: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/1.jpg)
Технологии компьютернойвизуализации информации
(инфографика, мультимедиа)
http://tkvi.wordpress.com
Профессор кафедры инженерной педагогики[email protected]
![Page 2: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/2.jpg)
Тема: Истокидемонстрационной
графики.
(эволюция способов визуальной
коммуникации)
![Page 3: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/3.jpg)
Самая простая инфографика это таблицы, круговые диаграммы, графики, карты, логические схемы.
Изображения делают информацию более привлекательной и убедительной.
Более сложная инфографика может комбинировать текстовые блоки, фотографии, карты, таблицы, диаграммы, даже комиксы
![Page 4: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/4.jpg)
1.Рисунок и живопись:- уголь, охра, мел- краски (минералы)- чернила, тушь.2. Письменность:- пиктограммы- символы (алфавит)
![Page 5: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/5.jpg)
3.Книги:- рукописные- печатные- электронные4.Фотография:- дагеротипы (стекло)- плёнка+бумага- цифровая.
![Page 6: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/6.jpg)
Фотографика:Документалистика Искусство(портрет,пейзаж, спорт, труд, отдых)
5.Компьютерная живопись(виртуальный мир образов)
![Page 7: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/7.jpg)
6.Кино:- документальное- художественное- мультипликация7.Телевидение:- эфирное- спутниковое- кабельное
![Page 8: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/8.jpg)
Поэтому визуализированные данные воспринимаются человеком лучше остальных.
Инфографика - это способ передачи информации
визуальными средствами.
8.СОВРЕМЕННАЯИНФОГРАФИКА
Более 80% всей информации человек воспринимает при помощи зрения.
![Page 9: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/9.jpg)
Рукотворнаяграфика
Рисунок и живопись- уголь, мел, охра, графит- чернила, тушь, краски
Материал: мокрый песок, глина, камень, береста, папирус, бумага, ткань, плёнка, здания
![Page 10: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/10.jpg)
Рисунок на глине
http://www.idealstone.ru/catalog/s5/vstavki/830/
![Page 11: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/11.jpg)
Рисунок на скале http://vxzone56.ru/blog/8/
![Page 12: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/12.jpg)
Рисунок на скале - цветнойhttp://forum.bolesmir.ru/viewtopic.php?f=16&t=334&start=8
![Page 13: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/13.jpg)
Наскальная живопись
Палеолит. Пещера Альтамира. http://tyappu.narod.ru/enc/t1/1_4.html
![Page 14: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/14.jpg)
Рисунок углем
http://www.globalfolio.net/archive/viewtopic.php?p=2790&
Смерть-всадник (Помни обо мне). 1505 г.
![Page 15: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/15.jpg)
Лекция по хирургии
Печатная графика,гравюра:
- бумага- дерево- металл- стекло
![Page 16: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/16.jpg)
http://psy.1september.ru/2002/01/92.jpg
Франсиско ГОЙЯ, 1799 г.
Сон разума рождает чудовищ
Офорт(eau-forte - азотная кислота)
Техника рисунка с помощьютравления металла кислотойс последующей репродукциейоттисками на бумаге
![Page 17: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/17.jpg)
http://www.e-reading.org.ua/illustrations/82/82425-i010-001-260315334.jpg
Каналетто. «Отшельник». Середина 18 в.
![Page 18: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/18.jpg)
Борис ФРАНЦУЗОВ Зимний сад (1978 г.)
Современный офортhttp://www.artlib.ru/objects/gallery_0/artlib_gallery-107-o.jpg
![Page 19: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/19.jpg)
Н.В. Гоголь. Наброскипрофиля А.С. Пушкина.
М.Ю. Лермонтов. Дуэль
Рисунки пером современников А.С. Пушкина
![Page 20: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/20.jpg)
Рисунки А.С. Пушкина
http://900igr.net/kartinki/izo/Pushkina/007-Risunok-na-rukopisi.html
![Page 21: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/21.jpg)
Рисунки Нади Рушевой
Юность поэта
http://liliya1.mindmix.ru/photos/ (Юная художница умерла в 17 лет)
![Page 22: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/22.jpg)
Рисунки Нади Рушевой
http://forum.aboutbulgaria.biz/viewtopic.php?p=378344&sid=2e9da4e621e346d68968fda7f964acbf
![Page 23: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/23.jpg)
http://www.free-lancers.net/users/kasiko/
Кyбизм —нaпpaвлeниe в иcкyccтвe пepвoй чeтвepти XX вeкa. Плacтичecкий язык кyбизмa ocнoвывaлcя нa дeфopмaции и paзлoжeнии пpeдмeтoв нa гeoмeтpичecкиe плocкocти, плacтичecкoм cдвигe фopмы Художники: Пикассо Пабло, Жорж Брак, Фернан Леже, Робер Делоне, Хуан Грис, Глез Метценже.
Натюрморт
![Page 24: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/24.jpg)
ХАРАКТЕРНО:частичное сохранениереальности и ее «рассечение», выход заплоскость холста
![Page 25: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/25.jpg)
Хуан ГРИС Натюрморт(Испания 1914 г.)
http://biography.sgu.ru/bio/data/files/pictures/image/3106.jpg
Жорж БРАК Круглый стол
![Page 26: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/26.jpg)
Френсис ПИКАБИЯГера (1922 г.)
Пабло ПИКАССОЖенщина в кресле (1913 г.)
![Page 27: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/27.jpg)
Аксёненко Сергей Иванович
Договорные ценности. 1. Эссе о живописи.
http://samlib.ru/a/aksenenko_s_i/zivopis.shtml
![Page 28: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/28.jpg)
![Page 29: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/29.jpg)
![Page 30: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/30.jpg)
![Page 31: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/31.jpg)
Абстракцион змиD — направление, отказавшегося от приближённого к действительности изображения форм в живописи и скульптуре.
Одна из целей абстракционизма - достижение «гармонизации», создание определённых цветовых сочетаний и геометрических форм, чтобы вызвать у зрителя разнообразные ассоциации
![Page 32: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/32.jpg)
http://gallerix.ru/storeroom/1193097145/N/508302362/
Василий КАНДИНСКИЙ (1923 г.) Composicion VIII.
Абстрактная живопись
![Page 33: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/33.jpg)
Джексон ПОЛЛОК №11 (1950 г.)
http://old.russ.ru/culture/pict/Amer1.gif
Абстрактная живопись(Jack, the Dripper)
![Page 34: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/34.jpg)
Сюрреализм - модернистское направление в искусстве XX в., провозгласившее источником искусства сферу подсознания (инстинкты, сновидения, галлюцинации), а его методом - разрыв логических связей, замененных субъективными ассоциациями. Главной чертой сюрреализма является алогичность сочетания предметов и явлений, которым придается видимая достоверность.
Сюрреализм
![Page 35: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/35.jpg)
Испанский художник изображал действительность с помощью сочетания несочетаемого.
Сальвадор ДАЛИ
![Page 36: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/36.jpg)
Gervasio GALLARDO (Испания)http://blogs.privet.ru/community/psychomystic/43807466
Сюрреализм современности
![Page 37: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/37.jpg)
Giorgio de Chirico Сергей АПАРИН
Сюрреализм современности
![Page 38: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/38.jpg)
Сюрреализмсовременности
Алексанр ЛЯМКИНобладает прекрасным чувством стиля
![Page 39: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/39.jpg)
Алексанр ЛЯМКИН, талантливый художник из Томска, картины которого полностью написаны маслом. Обладает прекрасным чувством стиля
http://lyamkins.com/index.php
… Но главный жизненный этап для меня был в 88-м году, когда забросил учёбу в Томском
медицинском и подсел на живопись ...
![Page 41: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/41.jpg)
![Page 42: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/42.jpg)
Родни СМИТ
![Page 43: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/43.jpg)
Фотография
![Page 44: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/44.jpg)
Проспект Фрунзе(перекресток с ул. Красноармейской)
Плёночная фотографияуступила место цветнойцифровой
![Page 45: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/45.jpg)
http://gallery.dviger.com/gallery/work/c_4229.html
Томский острог был важным стратегическим военным центром, в течение всего XVII века обеспечивавшим безопасность местного населения. И сегодня он также возвышается над городом словно воевода
![Page 46: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/46.jpg)
Запечатлен момент прострела предметов при помощи высокоскоростной съёмки
http://kak.ru/news/today/a12664/
Высокоскоростная фотография
Автор:Alan SAILER
Пуля на вылете
![Page 47: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/47.jpg)
http://kak.ru/news/today/a12664/
Документальный кадр с художественным эффектом!
![Page 48: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/48.jpg)
Постановочная фотография,
эпатаж
![Page 49: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/49.jpg)
Иногда говорят, что «фотография – это запечатлённое мгновение»
Наверное, это справедливо для документальной фотографии
В художественной фотографии –это запечатлённое ощущение,
это эмоция автора
![Page 50: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/50.jpg)
http://hiero.ru/old-gallery/gallery/safian2/index.html
![Page 51: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/51.jpg)
http://img1.liveinternet.ru/images/foto/1/957276/f_1740132.jpg
![Page 52: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/52.jpg)
Фотографика китайского художника Don Hong-Oai http://gorod.tomsk.ru/uploads/41581/1257222638/18.jpg
![Page 53: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/53.jpg)
5.Компьютерная живопись(виртуальный мир образов)
Digital Art:создание художественных произведений исключительно с помощью компьютера
![Page 54: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/54.jpg)
В художественной компьютернойграфике (Digital Art) мы видим
отражение других жанров ивидов живопоси: гравюры,
натюрморта, коллажа, кубизма,влияние сюрреализма
![Page 60: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/60.jpg)
Фрактальная графикаФракталы - представление
функций в цветовыхсоотношениях
Xn+1=Xn2+C
Рекурентная формула ряда
![Page 61: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/61.jpg)
![Page 62: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/62.jpg)
![Page 63: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/63.jpg)
![Page 64: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/64.jpg)
![Page 65: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/65.jpg)
![Page 66: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/66.jpg)
![Page 67: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/67.jpg)
![Page 68: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/68.jpg)
![Page 69: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/69.jpg)
![Page 70: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/70.jpg)
![Page 71: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/71.jpg)
![Page 72: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/72.jpg)
Эволюциядемонстрационной
графики
СПАСИБО ЗА ВНИМАНИЕ!
![Page 73: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/73.jpg)
Художник Герд Арц в 20-е годы использовал свои художественные таланты, как инструмент в пропаганде левых политических взглядов и борьбе с социальным неравенством.
Для Isotype в 20-х годах им было разработано порядка 4000 знаков и пиктограмм.
Типографика1924 г.
(Gerd Arntz, 1900-1988)
international picture language
![Page 74: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/74.jpg)
http://infoanalyze.blogspot.com/2010/03/blog-post_1429.html
![Page 75: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/75.jpg)
Использование IsoType
![Page 76: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/76.jpg)
Современные пиктограммыдля Интернета
![Page 77: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/77.jpg)
Работа над восприятием формы
Рисунки учащихся художественной школы
![Page 78: Истоки инфографики](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558332d4d8b42a50408b49ba/html5/thumbnails/78.jpg)
Работа над композицией
Рисунки учащихся художественной школы