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

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

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

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

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

8 ч 24 ч

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

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

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

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

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

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

http://infographer.ru/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

зрителю!

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

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

http://blog.sinpalabras.es/

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

линейных

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

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

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

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

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

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

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

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

восприятие

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

К серьезной теме надо подходить серьезно

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

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

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

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

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

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

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

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

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

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

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

фильмов

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

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

http://youtu.be/Bc2uMFpzQis

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

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

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

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

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

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

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

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

Pioneer plaque

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

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

Pioneerplaque

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

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

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

актрис

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

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

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

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

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

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

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

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

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

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

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

ФОТОЖАБА

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

Adobe Photoshop, Microsoft Paint, Corel PHOTO-PAINT.

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

ФОТОЖАБА

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

Adobe Photoshop, Microsoft Paint, Corel PHOTO-PAINT.

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

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

окраску

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

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

Фотожаба

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

Ошибки фотошопа

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

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

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

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

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

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

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

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

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

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

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

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

3D иллюзии

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

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

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

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

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

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

моменты

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

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

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

моменты

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

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

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

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

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

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

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

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

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

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

инфографики

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

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

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

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