Your SlideShare is downloading. ×
Getting started with

Infographics
What are
infographics?

http://mashable.com/2012/07/18/lego-infographic/
Statistical Infographic

http://www.mint.
com/blog/trends/hamburger10122010/
Timeline
infographic

http://googlemobile.blogspot.com/2010/06/google-voice-for-everyone.html
Process Infographic

http://www.theydrawandcook.com/recipes/easy-funfetti-by-hanisha-amin--3
Gameboard metaphor

http://awesome.good.is/transparency/009/trans009ondriving.html
Personal
preference

http://24.media.tumblr.com/IwM8PIQ02jtoio9fQMkOLehto1_r1_500.jpg
Research based infographic

http://www.schrockguide.net/infographics-as-an-assessment.html
ISTE NETS*S
Demonstrate creativity and innovation
Communicate & collaborate
Conduct research & use information
Think critc...
ELA Anchor Standards K-12
Reading: Integration of knowledge and ideas
Integrate and evaluate content presented in diverse ...
ELA Anchor Standards: K-12
Writing: Research to build & present knowledge
Conduct short as well as more sustained research...
Infographics & Standards for Math
Practice
● Graph data and search for regularity and trends
● Represent a mathematical si...
Examples of student work
World Geography: Student Infographics
Social Issues: Student Infographics
Tools
Google Presentations
Google Document
Piktochart
Steps to create an infographic
1. Become familiar with the ways to visualize data
2. Research and collect data and citatio...
Step 1. Explore types of infographics

http://primeinfographics.com/wp-content/uploads/2011/07/infographic.jpg
Step 2: Research and collect data
Books
DISCUS articles
Magazines
Newspapers
Web sites
Use Easybib to create MLA citations
Step 3: Hand sketch a draft

http://www.123rf.com/photo_11073871_hand-drawn-infographics.html
Step 4: Gather images and cite
●

Microsoft Online Images: http://office.microsoft.com/en-us/images/

●

Compfight: http:/...
Step 5: Pick colors and fonts

http://upload.wikimedia.org/wikipedia/commons/3/38/BYR_color_wheel.svg
Color schemes that work
Yellow on blue background
Color schemes that work
White on black background
Color schemes that work
Black on yellow background
Colors to avoid
Red on green is hard for those with
colorblindness
Colors to avoid
If you want to use red, go for burgundy instead
Red causes an agitated emotional response
Colors evoke emotion
Green makes the viewer feel involved with topic
Blue indicates a calm message
Yellow is for hope and ...
Fonts
● Type can express mood and emotion
● Do not use more than three different fonts
● Bookman, Garamond, and Times New
...
Step 6: Create infographic and cite
sources
● Google Presentation or Powerpoint will be
used to create the infographic
● R...
Bibliography
Tamara Cox’s UTC Infographic Pres http://www.slideshare.net/coxtl/utc-infographics-pres
Kathy Schrocks’ Edweb...
Upcoming SlideShare
Loading in...5
×

Getting started with infographics

1,223

Published on

Published in: Education, Technology, Design
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,223
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Transcript of "Getting started with infographics"

  1. 1. Getting started with Infographics
  2. 2. What are infographics? http://mashable.com/2012/07/18/lego-infographic/
  3. 3. Statistical Infographic http://www.mint. com/blog/trends/hamburger10122010/
  4. 4. Timeline infographic http://googlemobile.blogspot.com/2010/06/google-voice-for-everyone.html
  5. 5. Process Infographic http://www.theydrawandcook.com/recipes/easy-funfetti-by-hanisha-amin--3
  6. 6. Gameboard metaphor http://awesome.good.is/transparency/009/trans009ondriving.html
  7. 7. Personal preference http://24.media.tumblr.com/IwM8PIQ02jtoio9fQMkOLehto1_r1_500.jpg
  8. 8. Research based infographic http://www.schrockguide.net/infographics-as-an-assessment.html
  9. 9. ISTE NETS*S Demonstrate creativity and innovation Communicate & collaborate Conduct research & use information Think critcally, solve problems, & make decisions Use technology effectively & productively
  10. 10. ELA Anchor Standards K-12 Reading: Integration of knowledge and ideas Integrate and evaluate content presented in diverse media & formats, including visually and quantitatively, as well as in words. Speaking & listening: Presentation of knowledge & ideas Make strategic use of digital media & visual displays of data to express information & enhance understanding of presentations.
  11. 11. ELA Anchor Standards: K-12 Writing: Research to build & present knowledge Conduct short as well as more sustained research Gather relevant information from multiple print and digital sources, assess the credibility and accuracy of each source, and integrate the information while avoiding plagiarism. Draw evidence from literary or information texts to support analysis, reflection, and research.
  12. 12. Infographics & Standards for Math Practice ● Graph data and search for regularity and trends ● Represent a mathematical situation with symbols ● Use objects, drawings, & diagrams to create an argument ● Map relationships using tools, such as diagrams, tables, graphs and flowcharts. ● Find digital content and use it to solve problems and use technological software and tools to do so
  13. 13. Examples of student work World Geography: Student Infographics Social Issues: Student Infographics
  14. 14. Tools Google Presentations Google Document Piktochart
  15. 15. Steps to create an infographic 1. Become familiar with the ways to visualize data 2. Research and collect data and citations 3. Hand sketch a draft 4. Gather images and record citations 5. Pick colors and fonts based on message 6. Create infographic with citations
  16. 16. Step 1. Explore types of infographics http://primeinfographics.com/wp-content/uploads/2011/07/infographic.jpg
  17. 17. Step 2: Research and collect data Books DISCUS articles Magazines Newspapers Web sites Use Easybib to create MLA citations
  18. 18. Step 3: Hand sketch a draft http://www.123rf.com/photo_11073871_hand-drawn-infographics.html
  19. 19. Step 4: Gather images and cite ● Microsoft Online Images: http://office.microsoft.com/en-us/images/ ● Compfight: http://compfight.com/ ● Pixabay: http://pixabay.com/ ● MorgueFile: http://morguefile.com/ ● Public Domain Pictures: http://www.publicdomainpictures.net/ ● U.S. Government Photos and Images: http://www.usa. gov/Topics/Graphics.shtml
  20. 20. Step 5: Pick colors and fonts http://upload.wikimedia.org/wikipedia/commons/3/38/BYR_color_wheel.svg
  21. 21. Color schemes that work Yellow on blue background
  22. 22. Color schemes that work White on black background
  23. 23. Color schemes that work Black on yellow background
  24. 24. Colors to avoid Red on green is hard for those with colorblindness
  25. 25. Colors to avoid If you want to use red, go for burgundy instead Red causes an agitated emotional response
  26. 26. Colors evoke emotion Green makes the viewer feel involved with topic Blue indicates a calm message Yellow is for hope and cheerfulness Purple is childlike, save for light topics Black indicates power
  27. 27. Fonts ● Type can express mood and emotion ● Do not use more than three different fonts ● Bookman, Garamond, and Times New Roman are good for large blocks of text ● Arial and Comic Sans are good for headlines ● Make limited use of CAPITAL LETTERS
  28. 28. Step 6: Create infographic and cite sources ● Google Presentation or Powerpoint will be used to create the infographic ● Rubric Overview○ examples: 1, 2, 3, 4 ● Don’t forget citations
  29. 29. Bibliography Tamara Cox’s UTC Infographic Pres http://www.slideshare.net/coxtl/utc-infographics-pres Kathy Schrocks’ Edweb: Infographics as a Creative Assessment http://www.slideshare.net/kathyschrock/edweb-infographics-notext513 Linda Dougerty’s DIY Infographics for Data Reporting http://www.slideshare.net/lindou/diy-infographics Cox, Tamara. "Eliterate Librarian." : Show Me Your Data: Infographics with 7th Graders. N.p., 18 Sept. 2012. Web. 02 Dec. 2013. http://e-literatelibrarian.blogspot.com/2012/09/show-me-your-data-infographics-with-7th.html Dougherty, Linda. "DIY Infographics - METC 2013 Presentations." DIY Infographics - METC 2013 Presentations. N.p., n.d. Web. 02 Dec. 2013.https://sites.google.com/site/metc2013/home/making-infographics Schrock, Kathy. "LIST OF INFOGRAPHIC TOPICS." Kathy Schrock's Guide to Everything. N.p., 01 Nov. 2013. Web. 02 Dec. 2013. http://www.schrockguide.net/infographics-as-an-assessment.html

×