Краще один раз побачити,ніж сто разів почути
• 90% інформації людина сприймає візуально;
• Писемність походить із малювання і піктографічного письма (відображення змісту у малюнку або серії малюнків);
• Візуальна обробка даних не нова, а є частиною нашої історії.
Інформаційний дизайн
Що таке
інформаційний дизайн?Інформаційний дизайн використовує картинки, символи, кольори і текст для обміну ідеями, ілюстрації інформації або вираження зв’язків між об’єктами візуально.
Трішки історії :)
Марш армії Наполеона (1869 р.)(карта Шарля Мінарда)
Карта Джона Сноу: смертність від холери в Лондоні (1854 р.)
Інформаційний дизайн розказує історіюВін може розказати «скільки?», «коли?» чи «де?». Він може показати тенденції у часі, порівняти окремі елементи або виявити приховані закономірності.
Інформаційний дизайн зробить ваші дані:ЗрозумілимиСкладна інформація стане зрозумілішою і простішою для сприйняття
ПривабливимиВізуальні образи притягують увагу
ПереконливимиЛюди, яких важко переконати сирими числами чи статистикою, можуть краще зрозуміти і довіритись тому, що вони побачать на графіку чи діаграмі
Як ви можете використати інформаційний дизайн?• Розказати свою історію• Проаналізувати дані• Показати процес або механізм дії• Зробити інформацію візуалізованою• Спростити і внести ясність
Що таке
інфографіка?Це інформаційна графіка, або візуальна репрезентація інформації, даних або знань.
Інфографіка
• Показує приховане• Пояснює заплутане• Адаптує незрозуміле
Для успішного створення інфографіки потрібно:1) чітко розуміти, що за тип інформації буде представлений: просторовий, хронологічний, кількісний або змішана їх комбінація;2) уявляти собі відповідний образ інформації як єдиного цілого, тобто набагато більше, ніж просто сукупність карт, схем, креслень і діаграм;3) вибрати потрібний тип презентації – статичний, динамічний або інтерактивний.
Це наглядне відображення великих масивів числової та іншої інформації, за допомогою комбінованого використання точок, ліній, системи координат, чисел, символів, тіней і кольорів.
Що таке візуалізація даних?
Спростіть сприйняття великої таблиці з даними їх візуалізацією
Як створити інфографіку?
1. Ідея
Ідеї приходять:
•або в душі
•або о 3-й ранку, в стадії глибокого сну
Якщо ви ще не знаєте, про що зробити матеріал / інфографіку — помийтеся і лягайте спати.
Втім, не обов’язково в такій послідовності.
Виберіть актуальну і затребувану вашою аудиторією тему.
2. Данні/інформація
Задайте собі кілька питань
• Яку інформацію мені необхідно зібрати?• Яку інформацію я вже маю?• Чи маю я інформацію, яку варто
використати?• Яке моє ключове повідомлення чи бажаний
результат?• Що я можу випустити з уваги?
Де взяти данні?• Знайдіть експерта в потрібній вам галузі і
запитайте про тему, яку ви плануєте дослідити. Це може бути академік, професор, науковець, людина, яка має особистий досвід вирішення або вивчення даної проблеми.
• Запит до державної організації (www.ukrstat.gov.ua)
• Допомога недержавних організацій
3. Систематизація
Організуйте зібрану інформацію та створіть план її презентації
4. Ескіз
5. Вибір основного і другорядних об’єктів
Виділіть один об’єкт, який привабить увагу читачів.
6. Макетування
Це може бути оплачуваною роботою дизайнера. Але ви можете зробити це самі за допомогою доступних інструментів.
Інструменти
Он-лайн інструменти для створення інфографіки• infogr.am• easel.ly• creately.com• venngage.com• charts.hohli.com• wordle.net• manyeyes.alphaworks.ibm.com/manyeyes/• tableausoftware.com
infogr.am
easel.ly
wordle.net
Ага, і про кольори
І наостанок…
Кілька порад• Не ускладнюйте! Не намагайтесь втиснути
все на одну картинку.• Дотримуйтесь схем кольорів.• Дослідіть тему і знайдіть цікаву статистику
або кілька вражаючих фактів.• Вважайте це вашим візуальним есе:
переконайтесь, що ваші аргументи надійні і релевантні.
І ще кілька…• Пам’ятайте, що ваша задача – це швидко
передати суть великого масиву даних і цифр. • Зобразіть висновки.• Посилайтесь на джерела, які ви використали
в своїй інфографіці.• Не забудьте вставити свої контактні дані для
того, щоб люди могли з вами зв’язатись.
Корисні посилання
www.vmestoslov.infowww.infogra.ru www.visual-study.tumblr.comwww.informationisbeautiful.net www.good.is www.visual.ly http://infographer.ru