78
Технологии компьютерной визуализации информации (инфографика, мультимедиа) http:// tkvi.wordpress.com Профессор кафедры инженерной педагогики [email protected]

Истоки инфографики

Embed Size (px)

DESCRIPTION

Infographica

Citation preview

Page 1: Истоки инфографики

Технологии компьютернойвизуализации информации

(инфографика, мультимедиа)

http://tkvi.wordpress.com

Профессор кафедры инженерной педагогики[email protected]

Page 2: Истоки инфографики

Тема: Истокидемонстрационной

графики.

(эволюция способов визуальной

коммуникации)

Page 3: Истоки инфографики

Самая простая инфографика это таблицы, круговые диаграммы, графики, карты, логические схемы.

Изображения делают информацию более привлекательной и убедительной.

Более сложная инфографика может комбинировать текстовые блоки, фотографии, карты, таблицы, диаграммы, даже комиксы

Page 4: Истоки инфографики

1.Рисунок и живопись:- уголь, охра, мел- краски (минералы)- чернила, тушь.2. Письменность:- пиктограммы- символы (алфавит)

Page 5: Истоки инфографики

3.Книги:- рукописные- печатные- электронные4.Фотография:- дагеротипы (стекло)- плёнка+бумага- цифровая.

Page 6: Истоки инфографики

Фотографика:Документалистика Искусство(портрет,пейзаж, спорт, труд, отдых)

5.Компьютерная живопись(виртуальный мир образов)

Page 7: Истоки инфографики

6.Кино:- документальное- художественное- мультипликация7.Телевидение:- эфирное- спутниковое- кабельное

Page 8: Истоки инфографики

Поэтому визуализированные данные воспринимаются человеком лучше остальных.

Инфографика - это способ передачи информации

визуальными средствами.

8.СОВРЕМЕННАЯИНФОГРАФИКА

Более 80% всей информации человек воспринимает при помощи зрения.

Page 9: Истоки инфографики

Рукотворнаяграфика

Рисунок и живопись- уголь, мел, охра, графит- чернила, тушь, краски

Материал: мокрый песок, глина, камень, береста, папирус, бумага, ткань, плёнка, здания

Page 10: Истоки инфографики

Рисунок на глине

http://www.idealstone.ru/catalog/s5/vstavki/830/

Page 11: Истоки инфографики

Рисунок на скале http://vxzone56.ru/blog/8/

Page 12: Истоки инфографики

Рисунок на скале - цветнойhttp://forum.bolesmir.ru/viewtopic.php?f=16&t=334&start=8

Page 13: Истоки инфографики

Наскальная живопись

Палеолит. Пещера Альтамира. http://tyappu.narod.ru/enc/t1/1_4.html

Page 14: Истоки инфографики

Рисунок углем

http://www.globalfolio.net/archive/viewtopic.php?p=2790&

Смерть-всадник (Помни обо мне). 1505 г.

Page 15: Истоки инфографики

Лекция по хирургии

Печатная графика,гравюра:

- бумага- дерево- металл- стекло

Page 16: Истоки инфографики

http://psy.1september.ru/2002/01/92.jpg

Франсиско ГОЙЯ, 1799 г.

Сон разума рождает чудовищ

Офорт(eau-forte - азотная кислота)

Техника рисунка с помощьютравления металла кислотойс последующей репродукциейоттисками на бумаге

Page 17: Истоки инфографики

http://www.e-reading.org.ua/illustrations/82/82425-i010-001-260315334.jpg

Каналетто. «Отшельник». Середина 18 в.

Page 18: Истоки инфографики

Борис ФРАНЦУЗОВ Зимний сад (1978 г.)

Современный офортhttp://www.artlib.ru/objects/gallery_0/artlib_gallery-107-o.jpg

Page 19: Истоки инфографики

Н.В. Гоголь. Наброскипрофиля А.С. Пушкина.

М.Ю. Лермонтов. Дуэль

Рисунки пером современников А.С. Пушкина

Page 21: Истоки инфографики

Рисунки Нади Рушевой

Юность поэта

http://liliya1.mindmix.ru/photos/ (Юная художница умерла в 17 лет)

Page 22: Истоки инфографики

Рисунки Нади Рушевой

http://forum.aboutbulgaria.biz/viewtopic.php?p=378344&sid=2e9da4e621e346d68968fda7f964acbf

Page 23: Истоки инфографики

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: Истоки инфографики

ХАРАКТЕРНО:частичное сохранениереальности и ее «рассечение», выход заплоскость холста

Page 25: Истоки инфографики

Хуан ГРИС Натюрморт(Испания 1914 г.)

http://biography.sgu.ru/bio/data/files/pictures/image/3106.jpg

Жорж БРАК Круглый стол

Page 27: Истоки инфографики

Аксёненко Сергей Иванович

Договорные ценности. 1. Эссе о живописи.

http://samlib.ru/a/aksenenko_s_i/zivopis.shtml

Page 28: Истоки инфографики
Page 29: Истоки инфографики
Page 30: Истоки инфографики
Page 31: Истоки инфографики

Абстракцион змиD — направление, отказавшегося от приближённого к действительности изображения форм в живописи и скульптуре.

Одна из целей абстракционизма - достижение «гармонизации», создание определённых цветовых сочетаний и геометрических форм, чтобы вызвать у зрителя разнообразные ассоциации

Page 32: Истоки инфографики

http://gallerix.ru/storeroom/1193097145/N/508302362/

Василий КАНДИНСКИЙ (1923 г.) Composicion VIII.

Абстрактная живопись

Page 33: Истоки инфографики

Джексон ПОЛЛОК №11 (1950 г.)

http://old.russ.ru/culture/pict/Amer1.gif

Абстрактная живопись(Jack, the Dripper)

Page 34: Истоки инфографики

Сюрреализм - модернистское направление в искусстве XX в., провозгласившее источником искусства сферу подсознания (инстинкты, сновидения, галлюцинации), а его методом - разрыв логических связей, замененных субъективными ассоциациями. Главной чертой сюрреализма является алогичность сочетания предметов и явлений, которым придается видимая достоверность.

Сюрреализм

Page 35: Истоки инфографики

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

Сальвадор ДАЛИ

Page 36: Истоки инфографики

Gervasio GALLARDO (Испания)http://blogs.privet.ru/community/psychomystic/43807466

Сюрреализм современности

Page 37: Истоки инфографики

Giorgio de Chirico Сергей АПАРИН

Сюрреализм современности

Page 38: Истоки инфографики

Сюрреализмсовременности

Алексанр ЛЯМКИНобладает прекрасным чувством стиля

Page 39: Истоки инфографики

Алексанр ЛЯМКИН, талантливый художник из Томска, картины которого полностью написаны маслом. Обладает прекрасным чувством стиля

http://lyamkins.com/index.php

… Но главный жизненный этап для меня был в 88-м году, когда забросил учёбу в Томском

медицинском и подсел на живопись ...

Page 40: Истоки инфографики

http://oboffsem.ru/blog/photo/18818.html

Алексанр ЛЯМКИН

Page 41: Истоки инфографики
Page 42: Истоки инфографики

Родни СМИТ

Page 43: Истоки инфографики

Фотография

Page 44: Истоки инфографики

Проспект Фрунзе(перекресток с ул. Красноармейской)

Плёночная фотографияуступила место цветнойцифровой

Page 45: Истоки инфографики

http://gallery.dviger.com/gallery/work/c_4229.html

Томский острог был важным стратегическим военным центром, в течение всего XVII века обеспечивавшим безопасность местного населения. И сегодня он также возвышается над городом словно воевода

Page 46: Истоки инфографики

Запечатлен момент прострела предметов при помощи высокоскоростной съёмки

http://kak.ru/news/today/a12664/

Высокоскоростная фотография

Автор:Alan SAILER

Пуля на вылете

Page 47: Истоки инфографики

http://kak.ru/news/today/a12664/

Документальный кадр с художественным эффектом!

Page 48: Истоки инфографики

Постановочная фотография,

эпатаж

Page 49: Истоки инфографики

Иногда говорят, что «фотография – это запечатлённое мгновение»

Наверное, это справедливо для документальной фотографии

В художественной фотографии –это запечатлённое ощущение,

это эмоция автора

Page 51: Истоки инфографики

http://img1.liveinternet.ru/images/foto/1/957276/f_1740132.jpg

Page 52: Истоки инфографики

Фотографика китайского художника Don Hong-Oai http://gorod.tomsk.ru/uploads/41581/1257222638/18.jpg

Page 53: Истоки инфографики

5.Компьютерная живопись(виртуальный мир образов)

Digital Art:создание художественных произведений исключительно с помощью компьютера

Page 54: Истоки инфографики

В художественной компьютернойграфике (Digital Art) мы видим

отражение других жанров ивидов живопоси: гравюры,

натюрморта, коллажа, кубизма,влияние сюрреализма

Page 55: Истоки инфографики

«Ночной город», 2003 г.

http://en.hiero.ru/2022314

Page 56: Истоки инфографики

«Натюрморт с арабским блюдом», 2003 г.http://en.hiero.ru/2024280

Page 57: Истоки инфографики

«Позитивная негативность», 2003 г.http://en.hiero.ru/2022586

Page 58: Истоки инфографики

http://en.hiero.ru/2021844

«Время – пространство 1», 2003 г.

Page 59: Истоки инфографики

«Время – пространство 2», 2003 г. http://en.hiero.ru/2021845

Page 60: Истоки инфографики

Фрактальная графикаФракталы - представление

функций в цветовыхсоотношениях

Xn+1=Xn2+C

Рекурентная формула ряда

Page 61: Истоки инфографики
Page 62: Истоки инфографики
Page 63: Истоки инфографики
Page 64: Истоки инфографики
Page 65: Истоки инфографики
Page 66: Истоки инфографики
Page 67: Истоки инфографики
Page 68: Истоки инфографики
Page 69: Истоки инфографики
Page 70: Истоки инфографики
Page 71: Истоки инфографики
Page 72: Истоки инфографики

Эволюциядемонстрационной

графики

СПАСИБО ЗА ВНИМАНИЕ!

Page 73: Истоки инфографики

Художник Герд Арц в 20-е годы использовал свои художественные таланты, как инструмент в пропаганде левых политических взглядов и борьбе с социальным неравенством.

Для Isotype в 20-х годах им было разработано порядка 4000 знаков и пиктограмм.

Типографика1924 г.

(Gerd Arntz, 1900-1988)

international picture language

Page 74: Истоки инфографики

http://infoanalyze.blogspot.com/2010/03/blog-post_1429.html

Page 75: Истоки инфографики

Использование IsoType

Page 76: Истоки инфографики

Современные пиктограммыдля Интернета

Page 77: Истоки инфографики

Работа над восприятием формы

Рисунки учащихся художественной школы