44
ВІЗУАЛІЗАЦІЯ ДАНИХ ВСТУП ДО ІНФОГРАФІКИ Львів, 21.06.2014

Вступ до Інфографіки. Презентація. (v.1)

Embed Size (px)

Citation preview

Page 1: Вступ до Інфографіки. Презентація. (v.1)

ВІЗУАЛІЗАЦІЯ ДАНИХ

ВСТУП ДО ІНФОГРАФІКИ

Львів, 21.06.2014

Page 2: Вступ до Інфографіки. Презентація. (v.1)

ІСТОРІЯ ВІЗУАЛІЗАЦІЇ ДАНИХ

Page 3: Вступ до Інфографіки. Презентація. (v.1)
Page 4: Вступ до Інфографіки. Презентація. (v.1)
Page 6: Вступ до Інфографіки. Презентація. (v.1)

1728 рік

Page 7: Вступ до Інфографіки. Презентація. (v.1)

1760-ті роки

Page 8: Вступ до Інфографіки. Презентація. (v.1)

1788 рік

Page 9: Вступ до Інфографіки. Презентація. (v.1)

1801 рік

Секторна діаграма з книги «Короткий виклад статистики»

Вільяма Плейфера

Page 10: Вступ до Інфографіки. Презентація. (v.1)

1853 рік

«ВікторіанськаІнфографіка»

Page 11: Вступ до Інфографіки. Презентація. (v.1)

1854 рік

«Карта Сноу»Карта із візуалізацією

спалаху холери у Лондоні.Лікар Джон Сноу

Page 12: Вступ до Інфографіки. Презентація. (v.1)
Page 13: Вступ до Інфографіки. Презентація. (v.1)

1869 рік. Карта походу Наполеона на Москву. Чарльз Мінард

Page 14: Вступ до Інфографіки. Презентація. (v.1)
Page 15: Вступ до Інфографіки. Презентація. (v.1)

Показати веселе відео...

Page 16: Вступ до Інфографіки. Презентація. (v.1)

ТИПИ ВІЗУАЛІЗАЦІЙ

Page 17: Вступ до Інфографіки. Презентація. (v.1)

•Ілюстрація

•Журналістика даних

•Інфографіка

Page 18: Вступ до Інфографіки. Презентація. (v.1)

Ілюстрація

Зображення, що супроводжує текст з метою полегшення для читача візуалізації змісту.

АБО

Зображення, що відтворює текст.

Завдання - відворення фактів.

Page 19: Вступ до Інфографіки. Презентація. (v.1)
Page 20: Вступ до Інфографіки. Презентація. (v.1)
Page 21: Вступ до Інфографіки. Презентація. (v.1)
Page 22: Вступ до Інфографіки. Презентація. (v.1)

Журналістика даних

Завдання – відтворення даних.

Долари для Докторів

Журналістика, яку роблять за допомогою даних.

Школи великих міст

Page 23: Вступ до Інфографіки. Презентація. (v.1)

Інфографіка

Графічний спосіб швидкої подачі великого об'єму інформації та знань.

Завдання – відтворення дії.

Page 24: Вступ до Інфографіки. Презентація. (v.1)

Якщоінформація підпорядкована дизайну -

це ілюстрація

Якщо

дизайн підпорядкований інформації - це інфографіка

Page 25: Вступ до Інфографіки. Презентація. (v.1)

ІНФОГРАФІКА

ЯК

STORYTELLING

Page 26: Вступ до Інфографіки. Презентація. (v.1)
Page 27: Вступ до Інфографіки. Презентація. (v.1)

1. Формування цілі та визначення аудиторії

2. Збір даних і додаткового матеріалу по темі

3. Аналітика і обробка інформації

4. Візуальне структурування

5. Дизайн

Етапи створення інфографіки:

Page 28: Вступ до Інфографіки. Презентація. (v.1)

1. Формування цілі та визначення аудиторії

1. Ціль — ключовий меседж, який хочемо донести;

2. Цільова аудиторія — характеристики аудиторії;

3. Потреба — ключові потреби цільової аудиторії.

Page 29: Вступ до Інфографіки. Презентація. (v.1)

2. Збір даних і додаткового матеріалу по темі

1. Дані — фільтрування кількісної інформації;

2. Символ — визначаємо асоціативний ряд елементів;

3. Схематика — вибір схематики подачі інформації.

Page 30: Вступ до Інфографіки. Презентація. (v.1)

3. Аналітика і обробка інформації

1. Уніфікація — групування по визначених категоріях;

2. Аналіз — відповідність первинній меті та схемі;

3. Кристалізація — відсіювання зайвої інформації.

Page 31: Вступ до Інфографіки. Презентація. (v.1)

Типи інформації

Page 32: Вступ до Інфографіки. Презентація. (v.1)

4. Візуальне структурування

1. Створення скетчу — формування основних блоків та їх розміщення;

2. Корегування — перевірка відповідності до меседжу;

3. Створення легенди — пояснення ключових символів та їх розміщення (якщо потрібно);

Page 33: Вступ до Інфографіки. Презентація. (v.1)

Інфографічні

інструменти

Page 34: Вступ до Інфографіки. Презентація. (v.1)
Page 35: Вступ до Інфографіки. Презентація. (v.1)

Порівняння

двох величин

Page 36: Вступ до Інфографіки. Презентація. (v.1)

Типи інфографіки по видах комунікації

Page 38: Вступ до Інфографіки. Презентація. (v.1)

5. Дизайн

1. Створення скетчу — формування основних блоків та їх розміщення;

2. Корегування — перевірка відповідності до даних;

3. Створення легенди — пояснення ключових символів та їх розміщення (якщо потрібно);

Page 39: Вступ до Інфографіки. Презентація. (v.1)
Page 40: Вступ до Інфографіки. Презентація. (v.1)
Page 42: Вступ до Інфографіки. Презентація. (v.1)

Вправа: придумайте тему та назви осей

Page 43: Вступ до Інфографіки. Презентація. (v.1)

Показати веселі картинки…

Page 44: Вступ до Інфографіки. Презентація. (v.1)

Показати відео…