Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Інформаційний дизайн в ЗМІ

1,461 views

Published on

  • Be the first to comment

  • Be the first to like this

Інформаційний дизайн в ЗМІ

  1. 1. Краще один раз побачити, ніж сто разів почути
  2. 2. • 90% інформації людина сприймає візуально;• Писемність походить із малювання і піктографічного письма (відображення змісту у малюнку або серії малюнків);• Візуальна обробка даних не нова, а є частиною нашої історії.
  3. 3. Інформаційнийдизайн
  4. 4. Що такеінформаційний дизайн?Інформаційний дизайн використовуєкартинки, символи, кольори і текст дляобміну ідеями, ілюстрації інформації абовираження зв’язків між об’єктами візуально.
  5. 5. Трішки історії :)
  6. 6. Марш армії Наполеона (1869 р.) (карта Шарля Мінарда)
  7. 7. Карта Джона Сноу: смертність від холери в Лондоні (1854 р.)
  8. 8. Інформаційний дизайн розказуєісторіюВін може розказати «скільки?», «коли?» чи«де?». Він може показати тенденції у часі,порівняти окремі елементи або виявитиприховані закономірності.
  9. 9. Інформаційний дизайн зробитьваші дані:ЗрозумілимиСкладна інформація стане зрозумілішою іпростішою для сприйняття
  10. 10. ПривабливимиВізуальні образи притягують увагу
  11. 11. ПереконливимиЛюди, яких важко переконати сиримичислами чи статистикою, можуть кращезрозуміти і довіритись тому, що вонипобачать на графіку чи діаграмі
  12. 12. Як ви можете використатиінформаційний дизайн?• Розказати свою історію• Проаналізувати дані• Показати процес або механізм дії• Зробити інформацію візуалізованою• Спростити і внести ясність
  13. 13. Що такеінфографіка?Це інформаційна графіка, або візуальнарепрезентація інформації, даних або знань.
  14. 14. Інфографіка• Показує приховане• Пояснює заплутане• Адаптує незрозуміле
  15. 15. Для успішного створенняінфографіки потрібно:1) чітко розуміти, що за тип інформації будепредставлений: просторовий, хронологічний,кількісний або змішана їх комбінація;2) уявляти собі відповідний образ інформаціїяк єдиного цілого, тобто набагато більше, ніжпросто сукупність карт, схем, креслень ідіаграм;3) вибрати потрібний тип презентації –статичний, динамічний або інтерактивний.
  16. 16. Що такевізуалізація даних?Це наглядне відображення великих масивівчислової та іншої інформації, за допомогоюкомбінованого використання точок, ліній,системи координат, чисел, символів, тіней ікольорів.
  17. 17. Спростіть сприйняттявеликої таблиці з данимиїх візуалізацією
  18. 18. Як створити інфографіку?
  19. 19. 1. Ідея
  20. 20. Ідеї приходять:•або в душі•або о 3-й ранку,в стадії глибокого сну
  21. 21. Якщо ви ще не знаєте, про що зробитиматеріал / інфографіку — помийтеся ілягайте спати.Втім, не обов’язково в такій послідовності.
  22. 22. Виберіть актуальну і затребувану вашоюаудиторією тему.
  23. 23. 2. Данні/інформація
  24. 24. Задайте собі кілька питань• Яку інформацію мені необхідно зібрати?• Яку інформацію я вже маю?• Чи маю я інформацію, яку варто використати?• Яке моє ключове повідомлення чи бажаний результат?• Що я можу випустити з уваги?
  25. 25. Де взяти данні?• Знайдіть експерта в потрібній вам галузі і запитайте про тему, яку ви плануєте дослідити. Це може бути академік, професор, науковець, людина, яка має особистий досвід вирішення або вивчення даної проблеми.• Запит до державної організації ( www.ukrstat.gov.ua)• Допомога недержавних організацій
  26. 26. 3. Систематизація
  27. 27. Організуйте зібрану інформацію та створіть план її презентації
  28. 28. 4. Ескіз
  29. 29. 5. Вибір основного ідругорядних об’єктів
  30. 30. Виділіть один об’єкт, який привабить увагучитачів.
  31. 31. 6. Макетування
  32. 32. Це може бути оплачуваною роботою дизайнера.Але ви можете зробити це самі за допомогоюдоступних інструментів.
  33. 33. Інструменти
  34. 34. Он-лайн інструменти для створенняінфографіки• infogr.am• easel.ly• creately.com• venngage.com• charts.hohli.com• wordle.net• manyeyes.alphaworks.ibm.com/manyeyes/• tableausoftware.com
  35. 35. infogr.am
  36. 36. easel.ly
  37. 37. wordle.net
  38. 38. Ага, і про кольори
  39. 39. І наостанок…
  40. 40. Кілька порад• Не ускладнюйте! Не намагайтесь втиснути все на одну картинку.• Дотримуйтесь схем кольорів.• Дослідіть тему і знайдіть цікаву статистику або кілька вражаючих фактів.• Вважайте це вашим візуальним есе: переконайтесь, що ваші аргументи надійні і релевантні.
  41. 41. І ще кілька…• Пам’ятайте, що ваша задача – це швидко передати суть великого масиву даних і цифр.• Зобразіть висновки.• Посилайтесь на джерела, які ви використали в своїй інфографіці.• Не забудьте вставити свої контактні дані для того, щоб люди могли з вами зв’язатись.
  42. 42. Корисні посиланняwww.vmestoslov.infowww.infogra.ruwww.visual-study.tumblr.comwww.informationisbeautiful.netwww.good.iswww.visual.lyhttp://infographer.ru
  43. 43. Кореспондент газети «Біла Альтанка»Ялинаwww.pirc.org.ua

×