Creating Infographics     for more Powerful        Handouts or       PresentationsPresenter: Diana SilveiraNovare Library ...
Trends in Dieting • 4 of 10 people quit diets in 7 weeks
4 OF 10 PEOPLE WILL QUIT A  DIET IN THEFIRST 7 WEEKS
Percentage of People on a Diet12010080604020 0      Week 1           Week 2             Week 3
Source: http://www.nexercise.com/wp-content/uploads/2011/12/new-years-fail.html
A Picture is Worth A                                         Thousand WordsPicture Source: http://huff.to/LOLTnJ
Agenda- What is an infographics?- Where can you find  existing infographics?- How can you create your  own infographics?  ...
Why an Infographic?        •   Capture the current state of affairs        •   Compare A to B        •   Demonstrate the e...
Why an Infographic?   Compare A to B    Evolution of a    trend or idea      Simplify the        complex   Explain Current...
Simplify the Complex                       http://visual.ly/improve-your-credit
Benefits of an           Infographic       •    Easily shareable       •    Increase your “views” & “shares”       •    Ea...
SOURCES FOR INFOGRAPHICSImage source: http://bit.ly/LOQ2YA
Visual.ly            http://visual.ly/ and http://bit.ly/zSyhXi
http://www.coolinfographics.com/http://bit.ly/yG4IL8
http://www.smallmeans.com/new-york-times-infographics/ andhttp://www.nytimes.com/pages/multimedia/index.html
Includes tutorials   http://bit.ly/yStnZ8                     http://flowingdata.com/category/visualization/
http://www.good.is/infographicshttp://bit.ly/y3qML2
A community of creative people making sense of complex issuesthrough data and design                                      ...
http://visualoop.tumblr.com/http://infographiclist.com/http://bit.ly/LOSRsNImage source: http://bit.ly/LOSNJn
http://pinterest.com/search/?q=infographics
CREATING YOUR OWN
3 KEYS TO SUCCESS                    http://bit.ly/xJhAhE
Tips        •   Keep it simple!        •   Show don’t tell        •   Have a point & make it        •   Research        • ...
Design    • Plan & Sketch before you      start    • Make it visually appealing    • Include your URLSource: http://bit.ly...
•   Click and Drag Graphics    • WYSWYG Editor           http://creately.com/
PiktoChart                                   Free and Pro versionshttp://app.piktochart.com/   Free offers limited design ...
http://infogr.am/
•     Create interactive maps              without Google              • 3D maps                • Add        symbols, figu...
•   $4.99@month/2.99 for students/ Free Trial Available                                                     http://www.wol...
Many Eyes                                                              (IBM Research)                                     ...
Daytum          •  Quick and Easy        •   Small Sets of Data•   iPhone App – visualization on the go
Wordle         Wordle.net
TRULY CREATING YOUR OWN
Need A Cheat Sheethttp://vector.tutsplus.com/tutorials/designing/how-to-create-outstanding-modern-infographics/http://bit....
Tools to Create - DIY • PowerPoint or other Presentation Software • Photoshop or Adobe Illustrator • Inkscape (inkscape.org)
CAREFULLY SELECT FONTS
Source: Julian Hansen http://bit.ly/P0rvTp
Choosing FontsFont Sources: http://delicious.com/dee987/fonts
COLORS – OR PALETTES
http://bit.ly/T5kiaL
http://colorschemedesigner.com/
SELECT VISUALS
Need some graphics?Sources:Creative Commonshttp://www.squidoo.com/free-web-graphicsHttp://openclipart.orghttp://www.iconar...
Edit Visuals•   Photoshop•   GIMP•   Slashup.com•   Pixlr
Need some data•   DataMarket.com•   Datacatalogs.org•   Numberof.net•   Gallup.com•   Census.gov
QUESTIONS?Source: http://bit.ly/LPaFE6
Diana Silveira      diana@novarelibrary.com        slideshare.net/dee987 delicious.com/dee987/infographicsfacebook.com/Nov...
Creating Infographics
Creating Infographics
Upcoming SlideShare
Loading in...5
×

Creating Infographics

1,024

Published on

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

No Downloads
Views
Total Views
1,024
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
55
Comments
0
Likes
3
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

    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? Compare A to B Evolution of a trend or idea Simplify the complex Explain Current 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 • Keep it simple! • Show don’t tell • Have a point & make it • Research • Cite within infographic • Purpose • Simple call to actionhttp://bit.ly/PqZw0c & http://bit.ly/VdEAfs
    24. 24. Design • Plan & Sketch before you start • Make it visually appealing • Include your URLSource: http://bit.ly/UjMrWD
    25. 25. • Click and Drag Graphics • WYSWYG Editor http://creately.com/
    26. 26. PiktoChart Free and Pro versionshttp://app.piktochart.com/ Free offers limited design options
    27. 27. http://infogr.am/
    28. 28. • 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
    29. 29. • $4.99@month/2.99 for students/ Free Trial Available http://www.wolframalpha.com/pro/
    30. 30. 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/
    31. 31. Daytum • Quick and Easy • Small Sets of Data• iPhone App – visualization on the go
    32. 32. Wordle Wordle.net
    33. 33. TRULY CREATING YOUR OWN
    34. 34. Need A Cheat Sheethttp://vector.tutsplus.com/tutorials/designing/how-to-create-outstanding-modern-infographics/http://bit.ly/GPmk4Ghttp://bit.ly/LOP3rr
    35. 35. Tools to Create - DIY • PowerPoint or other Presentation Software • Photoshop or Adobe Illustrator • Inkscape (inkscape.org)
    36. 36. CAREFULLY SELECT FONTS
    37. 37. Source: Julian Hansen http://bit.ly/P0rvTp
    38. 38. Choosing FontsFont Sources: http://delicious.com/dee987/fonts
    39. 39. COLORS – OR PALETTES
    40. 40. http://bit.ly/T5kiaL
    41. 41. http://colorschemedesigner.com/
    42. 42. SELECT VISUALS
    43. 43. Need some graphics?Sources:Creative Commonshttp://www.squidoo.com/free-web-graphicsHttp://openclipart.orghttp://www.iconarchive.com/http://medialoot.com/item/vector-infographic-kit/http://www.kozzi.com/freehttp://dreamstime.comhttp://office.microsoft.com/en-us/images/?CTT=97
    44. 44. Edit Visuals• Photoshop• GIMP• Slashup.com• Pixlr
    45. 45. Need some data• DataMarket.com• Datacatalogs.org• Numberof.net• Gallup.com• Census.gov
    46. 46. QUESTIONS?Source: http://bit.ly/LPaFE6
    47. 47. Diana Silveira diana@novarelibrary.com slideshare.net/dee987 delicious.com/dee987/infographicsfacebook.com/NovareLibraryServices 877-816-9638
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×