Download - Infographics
![Page 1: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/1.jpg)
1
COMA 360 - DMH
VISUALIZING INFORMATIONINFOGRAPHICS
![Page 2: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/2.jpg)
1854 map of cholera in London’s Soho District. Dr. John Snow showed one public pump on Broadstreet was causing most of the disease.
![Page 3: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/3.jpg)
Minard’s 1869 graph depicting Napoleon’s 1812 march on Moscow, a graph famously described by Edward Tufte as possibly being “the best statistical graphic ever drawn“.
![Page 4: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/4.jpg)
This data contributed to the establishment ofthe British old-age pension system in 1909
![Page 5: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/5.jpg)
The Atlantic Ocean's Gulf Stream was mapped for the first time in 1770. It was done by Benjamin Franklin
![Page 6: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/6.jpg)
“Map showing the distribution of the slave population of the southern states and the United States” was created in September 1861 based on statistics from the eighth Census,
![Page 7: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/7.jpg)
Types of Infographics
• Lists• Flowcharts and decision trees• Illustrated narrative/comics
![Page 8: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/8.jpg)
• Seeing the invisible• Cross referencing data sets• 1,000 words• Interactive
![Page 9: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/9.jpg)
This Twitter infographic writes out the data, rather than visualizing it.
Show, Don’t Tell
![Page 10: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/10.jpg)
Two ways to visualize the data from the Twitter example above.
![Page 11: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/11.jpg)
Ways to dress up simple graphs for an infographic.
![Page 12: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/12.jpg)
TravelMatch’s infographic highlights too much.
Typography Should Not Be a Crutch
![Page 13: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/13.jpg)
An example of how to visualize the TravelMatch data, rather than relying on typography.
![Page 14: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/14.jpg)
The title of an infographic is your chance to draw attention to the design.
![Page 15: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/15.jpg)
There are many unique ways to lay out an infographic that will keep the viewer engaged.
![Page 16: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/16.jpg)
Organization And Storyline
• Wireframe the Infographic
• Think Outside the Box
• Tell a Story
![Page 17: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/17.jpg)
Hooks should either be in the center, beginning, or end of the infographic and need the greatest visual emphasis.
Visualize the Hook
![Page 18: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/18.jpg)
Clean Things Up With Color
• Make it Universal• A Three-Color Palette is
Easy on the Eyes• Use the Tools at Your
Disposal
Color Resources• Adobe’s Kuler• COLOURlovers• Color Scheme Designer
![Page 19: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/19.jpg)
What is wrong with this picture?
http://www.fastcodesign.com/3029318/design-crime/the-worst-infographic-of-2014-so-far
http://www.fastcodesign.com/3029318/design-crime/the-worst-infographic-of-2014-so-far
![Page 20: Infographics](https://reader033.vdocument.in/reader033/viewer/2022042714/54c7bf4f4a795931208b4681/html5/thumbnails/20.jpg)
Free Infographic Makers
• Piktochart: http://piktochart.com/?gclid=CJOxv9KmzroCFWqCQgodzRwAaA
• Infogr.am: http://infogr.am/