Creating infographics for more powerful handouts or presentation august2012

1,981 views
1,798 views

Published on

Description:
According to the Visual Teaching Alliance, "90 percent of information that comes to the brain is visual", so why are many of our handouts and presentations primarily text-based? This introductory course to infographics, short for information graphics, and demonstrate how they can visually, and more easily, represent complex information and make your handouts and presentations more meaningful to your audience.

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

No Downloads
Views
Total views
1,981
On SlideShare
0
From Embeds
0
Number of Embeds
75
Actions
Shares
0
Downloads
81
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • VisualColor CodingGraphicsReference IconsContentTime FramesStatisticsReferencesKnowledgeFactsDeductions
  • dominant dark colors and neons typically do not translate well on infographics; neon on black can be hard to read, and if there is a lot of data, taking it all in will be a challenge. Also, avoid white as a background whenever possible. Infographics are often shared on multiple websites and blogs, most of which have white backgrounds. If your infographic’s background is also white, then deciphering where it begins and ends will be difficult.A THREE-COLOR PALETTE IS EASY ON THE EYESWith all of the data that goes into an infographic, make sure that the reader’s eye easily flows down the page; the wrong color palette can be a big barrier to this. Choose a palette that doesn’t attack the senses. And consider doing this before you start designing, because it will help you determine how to visualize the various elements.If picking a color palette is hard for you, stick to the rule of three. Choose three primary colors. Of the three, one should be the background color (usually the lightest of the three), and the other two should break up the sections. If you need to add other colors, use shades of the three main colors. This will keep the palette cohesive and calming, rather than jarring.
  • Creating infographics for more powerful handouts or presentation august2012

    1. 1. Creating Infographics for more Powerful Handouts or PresentationsPresenter: Diana SilveiraNovare Library Services Source: http://on.mash.to/LOJLMD
    2. 2. Trends in Dieting • 4 of 10 people quit diets in 7 weeks
    3. 3. 4 OF 10 PEOPLE WILL QUIT A DIET IN THEFIRST 7 WEEKS
    4. 4. Percentage of People on a Diet12010080604020 0 Week 1 Week 2 Week 3
    5. 5. Source: http://www.nexercise.com/wp-content/uploads/2011/12/new-years-fail.html
    6. 6. A Picture is Worth A Thousand WordsPicture Source: http://huff.to/LOLTnJ
    7. 7. Agenda- What is an infographics?- Where can you find existing infographics?- How can you create your own infographics? http://bit.ly/w3fTtK
    8. 8. Why an Infographic? • Capture the current state of affairs • Compare A to B • Demonstrate the evolution of a trend, idea or industry • Simplify the complexhttp://bit.ly/zGxOjn
    9. 9. Why an Infographic? Evolution of a Simplify the Explain Current Compare A to B trend or idea complex State of Affairshttp://bit.ly/yCah7pand http://slidesha.re/xy1vUJ
    10. 10. Simplify the Complex http://visual.ly/improve-your-credit
    11. 11. Benefits of an Infographic • Easily shareable • Increase your “views” & “shares” • Easy to understand • Make an impactImage source: http://bit.ly/LOP3rr
    12. 12. SOURCES FOR INFOGRAPHICSImage source: http://bit.ly/LOQ2YA
    13. 13. Visual.ly http://visual.ly/ and http://bit.ly/zSyhXi
    14. 14. http://www.coolinfographics.com/http://bit.ly/yG4IL8
    15. 15. http://www.smallmeans.com/new-york-times-infographics/ andhttp://www.nytimes.com/pages/multimedia/index.html
    16. 16. Includes tutorials http://bit.ly/yStnZ8 http://flowingdata.com/category/visualization/
    17. 17. http://www.good.is/infographicshttp://bit.ly/y3qML2
    18. 18. A community of creative people making sense of complex issuesthrough data and design http://www.visualizing.org/ http://invent.ge/wcV0Yc
    19. 19. http://visualoop.tumblr.com/http://infographiclist.com/http://bit.ly/LOSRsNImage source: http://bit.ly/LOSNJn
    20. 20. http://pinterest.com/search/?q=infographics
    21. 21. CREATING YOUR OWN
    22. 22. 3 KEYS TO SUCCESS http://bit.ly/xJhAhE
    23. 23. Tips for Good Infographics• Keep it simple!• Plan and Sketch Before you start• Show don’t tell• Have a point & make it clear• Decide on a color scheme• Research (Variety of sources)• Cite within infographic• Purpose: Convey meaning behind complex data• Have a simple call to action• Make it visually appealing• Include your URL http://www.makeuseof.com/tag/awesome-free-tools-infographics/
    24. 24. • Click and Drag Graphics • WYSWYG Editor http://creately.com/
    25. 25. PiktoChart Free and Pro versionshttp://app.piktochart.com/ Free offers limited design options
    26. 26. http://infogr.am/
    27. 27. • Create interactive maps without Google • 3D maps • Add symbols, figures, characters• Create interactive maps without Google• Share and embed• Developer API http://kartograph.org/ http://geocommons.com/maps/143445
    28. 28. • $4.99@month/2.99 for students/ Free Trial Available http://www.wolframalpha.com/pro/
    29. 29. Many Eyes (IBM Research) Strengths: • Upload own data or use existing • Variety of Visualization Options • Publish Interactive visualizations to your own sitehttp://www-958.ibm.com/software/data/cognos/manyeyes/
    30. 30. Daytum • Quick and Easy • Small Sets of Data• iPhone App – visualization on the go
    31. 31. Wordle Wordle.net
    32. 32. TRULY CREATING YOUR OWN
    33. 33. Need A Cheat Sheethttp://vector.tutsplus.com/tutorials/designing/how-to-create-outstanding-modern-infographics/http://bit.ly/GPmk4Ghttp://bit.ly/LOP3rr
    34. 34. Tools to Create - DIY• Carefully select Fonts• Colors – or palettes• Select Visuals• Photos • Creative Commons, Dreamstime for free photos• Photoedit software • Photoshop, GIMP, etc. • PowerPoint or other Presentation Software
    35. 35. Choosing Fonts Your Font Makes a Statement It can be serious and formal Fun and Lightvery dramatic Or
    36. 36. Need some graphics/fonts?Http://openclipart.orghttp://www.iconarchive.com/http://delicious.com/dee987/fontshttp://medialoot.com/item/vector-infographic-kit/
    37. 37. Need some data• DataMarket.com• Datacatalogs.org• Numberof.net• Gallup.com• Census.gov
    38. 38. Benefits of Video GamesLeads to better teamwork Families that play video games together have fun together Better Hand/Eye Coordination Improve early literacy skills New High Score Sources: http://abcn.ws/w9eYkL http://openclipart.org/, http://bit.ly/PzuL5U
    39. 39. QUESTIONS?Source: http://bit.ly/LPaFE6
    40. 40. Diana Silveira diana@novarelibrary.com slideshare.net/dee987 delicious.com/dee987/infographicsfacebook.com/NovareLibraryServices 877-816-9638

    ×