Infographic Basics
-
Upload
anton-gumenskiy -
Category
Education
-
view
1.354 -
download
2
description
Transcript of Infographic Basics
![Page 1: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/1.jpg)
1
![Page 2: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/2.jpg)
Инфографика
Антон Гуменский
2014
![Page 3: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/3.jpg)
Правило Парето:
20% усилий
приносят 80% результата
![Page 4: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/4.jpg)
Правило Парето:
80% результата
20% усилий
![Page 5: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/5.jpg)
![Page 6: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/6.jpg)
![Page 7: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/7.jpg)
![Page 8: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/8.jpg)
![Page 9: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/9.jpg)
![Page 10: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/10.jpg)
![Page 11: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/11.jpg)
![Page 12: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/12.jpg)
История
• Уильям Плэйфэр William Playfair, 22 Sept. 1759 – 11 Feb. 1823
• Джон СноуJohn Snow, 15 March 1813 – 16 June 1858
• Флоренс НайтингейлFlorence Nightingale, 12 May 1820 – 13 Aug. 1910
![Page 13: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/13.jpg)
![Page 14: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/14.jpg)
![Page 15: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/15.jpg)
![Page 16: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/16.jpg)
![Page 17: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/17.jpg)
![Page 18: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/18.jpg)
![Page 19: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/19.jpg)
![Page 20: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/20.jpg)
Главные требования
1. Интуитивно понятно
2. Много информации
3. Эмоционально
4. Эстетично
![Page 21: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/21.jpg)
Слоёный пирог
• Несколько уровней представления информации рассчитаны на различные модели читателя
• Первый уровень – главное сообщение – поверхностное, быстрое чтение
• Следующий уровень – дополнительная информация – вдумчивое чтение
• Далее – широкий контекст, детали, предыстория – для экспертов и фанатов
![Page 22: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/22.jpg)
Оправданность медиа
Использование каждого медиа должно быть оправдано:
Бумага – качество графики, дизайн
Видео – динамика, история, драма
Интернет – интерактивность
![Page 23: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/23.jpg)
![Page 24: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/24.jpg)
![Page 25: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/25.jpg)
![Page 26: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/26.jpg)
![Page 27: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/27.jpg)
![Page 28: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/28.jpg)
![Page 29: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/29.jpg)
![Page 30: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/30.jpg)
![Page 31: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/31.jpg)
http://grafdesigner.ru/Infographicsmag/export/3
![Page 32: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/32.jpg)
![Page 33: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/33.jpg)
![Page 34: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/34.jpg)
![Page 35: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/35.jpg)
![Page 36: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/36.jpg)
![Page 37: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/37.jpg)
![Page 38: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/38.jpg)
![Page 39: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/39.jpg)
![Page 40: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/40.jpg)
![Page 41: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/41.jpg)
![Page 42: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/42.jpg)
![Page 43: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/43.jpg)
Примеры
• http://animagraffs.com/how-a-car-engine-works
• http://dev.citysdk.waag.org/buildings/#52.1468,4.7629,11
• http://marker.ru/interactive/africa
• http://www.nytimes.com/newsgraphics/2013/10/27/south-china-sea/
• http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek
• http://www.nytimes.com/newsgraphics/2013/10/13/russia/?ref=global-home
• http://s.telegraph.co.uk/graphics/ar-15/index.html
• http://www.theguardian.com/world/interactive/2013/nov/01/snowden-nsa-files-surveillance-revelations-decoded
• http://www.theguardian.com/world/ng-interactive/2014/aviation-100-years
![Page 44: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/44.jpg)
Источники
• coolinfographics.com• datavisualization.ch• infographer.ru• infografics.ru• infographicsmag.ru• informationisbeautiful.net• infosthetics.com• pinterest.com
• vimeo.com• visual.ly• visualcomplexity.com• visualizing.org• visualisingdata.com/
index.php/resources• wordle.net• 5coins.ru
![Page 45: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/45.jpg)
Данные Инструменты
• gks.ru• data.mos.ru• hubofdata.ru • google.com/
publicdata/directory• generatedata.com• opendatasites.com
• spritesapp.com• easel.ly• raw.densitydesign.org• piktochart.com• infogr.am• tableausoftware.com
![Page 46: Infographic Basics](https://reader033.fdocuments.us/reader033/viewer/2022051314/54bf83274a7959f9718b475c/html5/thumbnails/46.jpg)
blogberry.ru