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.

Инфографика

7,460 views

Published on

Лекция Никиты Лукьянца по инфографике для участников конкурса Picture Science SSA

Published in: Business

Инфографика

  1. 1. D<br />E<br />P<br />Ukraine<br />Инфографика<br />Никита Лукьянец<br />департамент стратегических технологий Microsoft Ukraine<br />#picturescience<br />
  2. 2. Никита Лукьянец<br />Microsoft, MBA, Италия, UX, автостоп, LimeJam, Дизайн, web<br />
  3. 3. Инфографика. Что это?<br />
  4. 4. Данные, информация, знания<br />лат. informatio—разъяснение, изложение;<br />греч. γραφικος — письменный<br />
  5. 5.
  6. 6.
  7. 7.
  8. 8.
  9. 9. Вещи и Знаки<br />“<br />Не продаётся вдохновенье, <br />но можно рукопись продать<br />/Разговор книгопродавца с поэтом/<br />
  10. 10. Тэртэрийские таблички [5500 д.н.э.]<br />
  11. 11. Позже: Леонардо<br />
  12. 12. Примеры в действии<br />
  13. 13. Mapping. Динамика + Распределение<br />
  14. 14. Тепловая карта<br />
  15. 15. Тепловая карта<br />
  16. 16. Состав<br />
  17. 17. Масштаб<br />
  18. 18. Mapping - сравнение<br />
  19. 19. Процесс )<br />
  20. 20. Или так<br />
  21. 21. http://www.elmundo.es/<br />
  22. 22. Структура<br />
  23. 23. Лица Чернова<br />The Use of Faces to Represent Points in K-Dimensional Space Graphically, <br />by Herman Chernoff © 1973 American Statistical Association.<br />
  24. 24. Кофебывает разный<br />
  25. 25. Скейлинг<br />
  26. 26. Всё в одном<br />
  27. 27. Комикс<br />
  28. 28. Инструментарий<br />
  29. 29. Выбор типа визуализации<br />
  30. 30. Geo-mapping<br />ImapBuilder - http://www.imapbuilder.com/<br />amMap - http://www.ammap.com/<br />
  31. 31. Анализподобиясетей<br />Touch Graph<br />http://www.touchgraph.com<br />©Nikita Lukianets, LimeJam<br />
  32. 32. Фразо-частотный анализ<br />WordleText Clouds<br />http://www.wordle.net/<br />©Nikita Lukianets, LimeJam<br />
  33. 33. Бинарные отношения для SMarter℠<br />GATE – General Architecture for Text Engineering<br />http://gate.ac.uk/<br />©Nikita Lukianets, LimeJam<br />
  34. 34. Используем Isotype пиктограммы<br />лат. pictus — рисовать<br />греч. γράμμα — запись<br />Ключевые слова: Isotype, Венский Метод, Otto Neurath и Gerd Arntz<br />
  35. 35. Числа<br />360<br />
  36. 36. Градации цвета и палитры<br />COLOURlovers<br />http://www.colourlovers.com<br />Kuler Adobe<br />http://kuler.adobe.com/<br />
  37. 37. Материалы, Резюме<br />
  38. 38. Присоединиськ сообществуUser Experience Nexthttp://uxnext.org.ua<br />Никита Лукьянец<br />Microsoft, MBA, Италия, UX, автостоп, LimeJam, Дизайн<br />
  39. 39. Что посмотреть?<br />Книги<br />Tufte, Edward R. «The Visual Display of Quantitative Information» (2nd edition, 2001, Cheshire, CT: Graphics Press; ISBN 0961392142: PDF, 12,7 Mb)<br />"Gesellschaft und Wirtschaft. Bildstatistisches Elementarwerk" (PDF, 14.9 Mb)<br />"Modern Man in the Making" (PDF, 17.2 Mb)<br />Петренко В.Ф. Основы психосемантики. 2-е изд.<br />Willard Cope Brinton – Graphic Presentation<br />Web<br />http://visualcomplexity.com<br />http://www.flickr.com/groups/infografias/<br />http://infographer.ru<br />
  40. 40. Как?<br />Выделить объекты, структуру<br />Выделить связи<br />Последовательность действий-событий<br />Количественный критерий<br />Модель-Представление<br />
  41. 41. Правила Тафти<br />Сравнивайте, противопоставляйте, показывайте различия.<br />Показывайте причины, механизмы, структуру, приводите объяснения.<br />Используйте поливариативные данные – всегда пользуйтесь более, чем 1-2 переменными.<br />Добивайтесь полной интеграции текста, чисел и инфографики.<br />Аккуратно оформляйте вашу инфографику. Указывайте заголовок, авторов, источники информации, показывайте измерительные шкалы. Метаданные.<br />Успех инфографики зависит от качества, связанности и обоснованности ее содержания.<br />
  42. 42. Никита Лукьянец – nikital@microsoft.comskype, twitter:nikiluk<br />Департамент стратегических технологий Microsoft:http://twitter.com/dpeua<br />http://uxnext.org.ua<br />

×