лекция 3. современная инфографика

100
Тема: СОВРЕМЕННАЯ ИНФОГРАФИКА Более 80% всей информации человек воспринимает при помощи зрения. Визуализированные данные воспринимаются человеком лучше остальных.

description

Infographica

Transcript of лекция 3. современная инфографика

Page 1: лекция 3. современная инфографика

Тема:СОВРЕМЕННАЯИНФОГРАФИКА

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

Page 2: лекция 3. современная инфографика

ИНФОГРАФИКА -способ передачи

информации визуальными средствами

Page 4: лекция 3. современная инфографика
Page 5: лекция 3. современная инфографика

Изображение — это одна из форм коммуникаций, играющая важную роль в

презентации идей. Одно грамотное изображение стоит более 100 слов.

Уникальный, оригинальный образ

может привлечь внимание большого

числа зрителей.

Page 6: лекция 3. современная инфографика

Её главная задача — доносить информацию и делать это легче, проще и интереснее по сравнению с текстом и цифрами.

http://infographer.ru/

Инфографику активно используют в разных областях, начиная от науки и статистики

и заканчивая журналистикой и

образованием.

Page 7: лекция 3. современная инфографика

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

Чем лучше сделана визуализация, тем лучше информацию

поймут и запомнят.

Page 8: лекция 3. современная инфографика

Если данные сложно понять, то мало кто ими воспользуется

Если данные скучны, их не запомнят

Инфографика способна не только организовать большие объёмы

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

и фактов во времени и пространстве

Page 9: лекция 3. современная инфографика

Инфографика работает там, где нужно показать устройство и алгоритм работы чего-либо,

соотношение предметов и фактов во времени и пространстве,

продемонстрировать тенденцию, показать как что выглядит,

организовать большие объёмы информации.

Page 10: лекция 3. современная инфографика

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

Вся инфографика, делится на статичную

и динамическую.

Page 11: лекция 3. современная инфографика

Примеры инфографики

Page 12: лекция 3. современная инфографика

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

Page 13: лекция 3. современная инфографика

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

Page 14: лекция 3. современная инфографика

Более художественно.

Однако «лесенку»

необходимоповернуть к

зрителю!

Page 15: лекция 3. современная инфографика
Page 16: лекция 3. современная инфографика

Символы смерти и рождениязамещают текст и понятны

на всех языках

Page 17: лекция 3. современная инфографика

http://blog.sinpalabras.es/

Page 18: лекция 3. современная инфографика

Во многих случаяхприменение секторныхдиаграмм лучше, чем

линейных

Page 19: лекция 3. современная инфографика
Page 20: лекция 3. современная инфографика

Планирование опросаСоздание анкеты

Обработка результатовПредставление результатов(инфографика)Осмысление результатов

Проведение опроса

ПРАКТИЧЕСКОЕ ПРИМЕНЕНИЕ

Page 21: лекция 3. современная инфографика

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

Просто и наглядно!

Page 22: лекция 3. современная инфографика
Page 23: лекция 3. современная инфографика
Page 24: лекция 3. современная инфографика

Ваша оценка графики?

Page 25: лекция 3. современная инфографика

Большое число мелкихграфиков затрудняет их

восприятие

Page 26: лекция 3. современная инфографика

Ваша оценка графики?

Page 27: лекция 3. современная инфографика

Перегрузка деталями затрудняет

восприятие информации!

Page 28: лекция 3. современная инфографика

Ваша оценка графики?

Page 29: лекция 3. современная инфографика

Мелкий шрифт затрудняетвосприятие текста!

Page 30: лекция 3. современная инфографика

Применение пиктограмм

Page 31: лекция 3. современная инфографика

Применение пиктограмм помогает восприятию

смысла текста!

Page 32: лекция 3. современная инфографика

Летние рекомендации

томичамв связи с

пожарами(2012 г.)

Page 33: лекция 3. современная инфографика

Приемлимый вариант, но ...

Page 34: лекция 3. современная инфографика

… есть недостатки!

Page 35: лекция 3. современная инфографика
Page 36: лекция 3. современная инфографика

Совмещены ДВА поля!

Page 37: лекция 3. современная инфографика

Оперативная память удерживает (7 2) объектов

Page 38: лекция 3. современная инфографика

Неудачный дизайн!

Page 40: лекция 3. современная инфографика

http://www.vokrugsveta.ru/blogs/geografika-infografika/

ОРИГИНАЛЬНО:загибающийся Манхэттен

Page 41: лекция 3. современная инфографика

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

Что Вам напоминаетэтот прием?

Page 42: лекция 3. современная инфографика

http://infographer.ru/animated-infographics/

Хеннинг Ледедер

Анимированнаяинфографикапроизводит

большеевпечатление

Page 43: лекция 3. современная инфографика

Анимированную инфографикусоздают на основе FLASH-технологии

Page 44: лекция 3. современная инфографика

Компьютернаяграфика -

основаанимационных

фильмов

Page 45: лекция 3. современная инфографика

И компьютерныхигр

Page 46: лекция 3. современная инфографика

Достигают необычных эффектовв кино, в т.ч. 3D

Page 47: лекция 3. современная инфографика
Page 48: лекция 3. современная инфографика
Page 49: лекция 3. современная инфографика
Page 50: лекция 3. современная инфографика
Page 51: лекция 3. современная инфографика
Page 52: лекция 3. современная инфографика

http://youtu.be/Bc2uMFpzQis

Page 53: лекция 3. современная инфографика

Фотошопкак фокус иискусство

Page 54: лекция 3. современная инфографика

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

Page 55: лекция 3. современная инфографика

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

приклеивая к холсту обрывки газет, фотографий, обоев, кусков ткани, щепок и заставляя публику

верить, что это – истинное произведение искусства.

В эпоху компьютеров и Интернета искусство коллажа вышло на новую и демократичную ступень, став доступным каждому worth1000.com.

Page 56: лекция 3. современная инфографика

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

Карлом Саганом из Корнельского университета

Pioneer plaque

Page 57: лекция 3. современная инфографика

Фактически, это пример ИНФОГРАФИКИ,когда изображение более информативно, чем текст.

Возможно, другим цивилизациям это будет понятно

Pioneerplaque

Page 58: лекция 3. современная инфографика

С помощью Фотошопа можно совмещать фрагменты различных изображений

Page 59: лекция 3. современная инфографика

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

Соединениефрагментовлиц многих

актрис

Page 60: лекция 3. современная инфографика
Page 61: лекция 3. современная инфографика

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

Попытка интерпретацииМоны Лизы

как автопортретахудожника

Page 62: лекция 3. современная инфографика

Color blind или «дальтоника»

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

Page 63: лекция 3. современная инфографика

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

Создать виртуальный мир

Page 64: лекция 3. современная инфографика

http://photo.net/photodb/photo?photo_id=12018750

Образфрактала

Page 65: лекция 3. современная инфографика

Без комментария …

Page 66: лекция 3. современная инфографика

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

ФОТОЖАБА

Для создания подобных изображений используются редакторы

Adobe Photoshop, Microsoft Paint, Corel PHOTO-PAINT.

Page 67: лекция 3. современная инфографика

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

ФОТОЖАБА

Для создания подобных изображений используются редакторы

Adobe Photoshop, Microsoft Paint, Corel PHOTO-PAINT.

Page 68: лекция 3. современная инфографика

Могут возникать стихийно или целенаправленно, чаще основаны просто

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

окраску

Обычно создаваемые изображения носят карикатурный характер

Page 70: лекция 3. современная инфографика
Page 71: лекция 3. современная инфографика
Page 72: лекция 3. современная инфографика

«Реставрация» фрески

Page 73: лекция 3. современная инфографика

Фотожаба

Page 74: лекция 3. современная инфографика
Page 75: лекция 3. современная инфографика

Жанр «фотожабы»

Page 77: лекция 3. современная инфографика

http://www.chinasmack.com/2011/pictures/floating-chinese-government-officials-stun-netizens.html

Китайские чиновники «принимают новую дорогу» (фото в журнале)

Page 78: лекция 3. современная инфографика

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

Page 79: лекция 3. современная инфографика
Page 80: лекция 3. современная инфографика
Page 81: лекция 3. современная инфографика

http://lenta.ru/news/2012/06/05/photoshop/

Кубанские чиновники "сходили на стадион"

Page 82: лекция 3. современная инфографика

Часы патриарха

Page 83: лекция 3. современная инфографика

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

Page 84: лекция 3. современная инфографика

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

Page 85: лекция 3. современная инфографика

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

Page 86: лекция 3. современная инфографика
Page 87: лекция 3. современная инфографика
Page 88: лекция 3. современная инфографика
Page 89: лекция 3. современная инфографика

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

Page 90: лекция 3. современная инфографика

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

Page 91: лекция 3. современная инфографика

http://cdn.bitrebels.netdna-cdn.com/wp-content/uploads/2010/05/Graffiti-Illusions-10.jpg

3D иллюзии

Здесь очевидно влияние компьютерной графики

Page 92: лекция 3. современная инфографика

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

Page 93: лекция 3. современная инфографика
Page 94: лекция 3. современная инфографика

Разные жанры и стиливизуального представления

инфрмации – это разныеязыки описания мира,

отношения к нему.

В заключение лекцииотметим следующие

моменты

Page 95: лекция 3. современная инфографика

Чем больше жанров и стилейВам будет знакомо,

тем более креативнымибудут Ваши работы.

В заключение лекцииотметим следующие

моменты

Page 96: лекция 3. современная инфографика

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

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

преследует автор.

Page 97: лекция 3. современная инфографика

Прежде всего следует определить:1.Кто является

целевой аудиторией для данной инфографики?

2.Какое смысловое содержание надо передать?

http://www.mlm-leysan.ru/wp-content/uploads/2010/03/mix_race_group_of_people21.jpg

Page 98: лекция 3. современная инфографика

3. Какие чувства (эмоции) автор хочет пробудить в тех людях, которые будут видеть результаты его работы?

4. Какие законы построения экранного изображения надо использовать?http://www.foto-konkurs.ru/data/media/2/_MG_9194-.jpg

Page 99: лекция 3. современная инфографика

Записать в конспектфункции компьютерной

инфографики

Заданиена самостоятельную работу

(для каких целей можно использовать все составляющие

инфографики)

Page 100: лекция 3. современная инфографика

Спасибо за внимание!Народ, на выход …