Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Short about infographics_280115

665 vues

Publié le

teslafriends
by Taras Rodynenko

Publié dans : Design

Short about infographics_280115

  1. 1. Київ, 29.01.15 з чим /з ким / як /коли їсти інфографіку
  2. 2. Ажіотаж #0
  3. 3. source: nutshellcreative.co.nz
  4. 4. Алегорія
  5. 5. source:infographer.ru
  6. 6. source:bestinfographics.co
  7. 7. Чому інфографіка працює або цифри #1
  8. 8. 90%інформації про зовнішній світ людина отримує через зір
  9. 9. Успішніше справляються із завданням люди, що дотримувалися інструкцій з ілюстраціями, ніж з інструкціями без В 3 рази source: ????
  10. 10. для считування символу +150 мс для розуміння значення +100 мс
  11. 11. source: katieshelly.com source: chefdaw.livejournal.com
  12. 12. info info info info info info Кількість інформації, яку ми отримуємо, за останніх 20 років, збільшилася в 5 разів 1986 2014
  13. 13. аудиторії сприймає виключно вербальну презентацію 50% аудиторії сприймає вербальну презентацію з візуальними компонентами 67%
  14. 14. Візуальний супровід тексту збільшує бажання його прочитати на 80% + Бажаннячитати
  15. 15. Люди запам'ятовують: 10% 20% 80% з того, що ПОЧУЛИ з того, що БАЧИЛИ та РОБИЛИ з того, що ПРОЧИТАЛИ
  16. 16. Історія “в картинках” #2
  17. 17. source: friendsofthegoletavalleylibrary.com source: dailymail.co.uk Картинки первісних людей
  18. 18. source: wikimedia.org / istoryk.in.ua Єгипет
  19. 19. Кораблі рабів в північній Америці source: viscomvibz.wordpress.com
  20. 20. source: wikimedia.org Перші діаграми з книг
  21. 21. Карта Сноу(1854) – розповсюдження холери source: pubhealth.spb.ru
  22. 22. Карта Сноу(1854) – розповсюдження холери source: pubhealth.spb.ru х х х х х
  23. 23. Вікторіанська графіка(1857) source: wikimedia.org
  24. 24. Похід Наполеона на Москву(1861) source: wikimedia.org
  25. 25. Періодична система Менделєєва source: school.xvatit.com
  26. 26. Варіації таблиць Менделєєва source: 1.bp.blogspot.com
  27. 27. Варіації таблиць Менделеєва source: geeknaut.com
  28. 28. Інфографіка в Радянському Союзі source: chevoblin.livejournal.com
  29. 29. Інфографіка в Радянському Союзі source: politiko.ua source: finance.bigmir.net
  30. 30. Графік розвитку візуалізацій в усіх періодах source: ????
  31. 31. #3 Чи всі картинки - інфографіка
  32. 32. Ілюстрація vs Інфографіка
  33. 33. Ілюстрація •Зображення, що супроводжує текст з метою полегшення сприйняття змісту •Зображення, що відтворює текст •Не дає додаткових даних для порівняння
  34. 34. source: slovoidilo.ua
  35. 35. Інфографіка • графічний спосіб для швидкої передачі комплексної, об'ємної інформації/даних Дозволяє швидко знаходити додаткові залежності та зв'язки “… Інфографіка подає інформацію за допомогою графіків, діаграм та карт …” ©Альберто Каіро
  36. 36. source: engage.tmgcustommedia.com
  37. 37. Якщо інформація підпорядкована дизайну – це ІЛЮСТРАЦІЯ Якщо дизайн підпорядкований інформації – це ІНФОГРАФІКА ІнформаціяДизайн ДизайнІнформація
  38. 38. Протистояння простоти та дизайну source: Tufty
  39. 39. Протистояння простоти та дизайну source: Alberto Cairo, Functional Art source: Alberto Cairo, Functional Art
  40. 40. #4 Трохи файних прикладів
  41. 41. source: Ярина Михайлишин, газета День
  42. 42. source: slovoidilo.ua source: slovoidilo.ua
  43. 43. #5 Прийоми та підходи “подкатом”
  44. 44. Характеристики інфографіки
  45. 45. 1. СТИСЛІСТЬ комплексні дані в спрощеному вигляді
  46. 46. source:info-graphic.ru
  47. 47. 2. ВІЗУАЛІЗАЦІЯ алегоричність та іконографіка source: inspirationfeed.com source: costofsolar.com
  48. 48. source:infographiclist.com
  49. 49. source: inspirationfeed.com
  50. 50. source: flickr.com/photos/gianordoli
  51. 51. 3. ОРГАНІЗАЦІЯ чітко виділені структури source: awesome.good.is
  52. 52. source: infographicsinsights.com
  53. 53. 4. ТОЧНІСТЬ ні маніпуляціям, слідкуйте за пропорціями source: source: Джин Желязні, Говори на языке диаграмм
  54. 54. source: designyourway.net
  55. 55. source: designyourway.net
  56. 56. source: designyourway.net
  57. 57. source: exitcreative.net
  58. 58. 5. ПРОСТОТА стоп сміттю
  59. 59. source: perfectfruit.blogspot.com
  60. 60. Hm… what are the roots?
  61. 61. source: tcdailyplanet.net
  62. 62. З чого все починається Нормалізація Структурування Виділення паттернів Додатковий збір даних Збір даних
  63. 63. Нормалізація = одноманітний вигляд Таблиці Mind Maps source: infiniteminds.info
  64. 64. Структурування = виділити дані, які ми можемо порівнювати source: thevisualcommunicationguy.com
  65. 65. Виділення паттернів
  66. 66. Групування даних
  67. 67. Інфографіка = гештальт Інфографіка = паттерн
  68. 68. Порівняння лінійних величин
  69. 69. Порівняння лінійних величин Rм / Rб = 1 : 2 Sм / Sб = 1 : 4 !
  70. 70. Різні покоління – різне сприйняття
  71. 71. Різні покоління – різне сприйняття
  72. 72. Складність графіків (за Альберто Каіро) source: Alberto Cairo, Functional Art
  73. 73. Не завжди величини варто об'єднувати в одному об'єкті source: Alberto Cairo, Functional Art Читач немає замислюватися і рахувати – лише охати і ахати Синтез і порівняння отриманої інформації відбувається на метальному рівні
  74. 74. #6 Онлайн-інструментарій
  75. 75. visualisingdata.com/index.php/resources/ selection.datavisualization.ch
  76. 76. Easel.ly – сервис по створенню в онлайні
  77. 77. Piktochart – більш прокачаніший сервіс візуалізації
  78. 78. Wordly – фановий, але корисний сервіс
  79. 79. CartoDB – для створення карт
  80. 80. Raw – для вибору діаграм
  81. 81. Огляди, приклади використання інструментів візуалізації (здебільшого програмування) Український блог Textura.in.ua
  82. 82. ?
  83. 83. Тарас Родиненко infographica.com.ua taras.rodynenko Були використані думки та матеріали: Тараса Волянюка facebook.com/taras.volyanyuk Андрія Зінченка facebook.com/zinchenko.andrij Альберто Каіро thefunctionalart.com
  84. 84. #7 Кава-брейк #8 Практика

×