Creating Infographics

1,067
-1

Published on

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

No Downloads
Views
Total Views
1,067
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.

    ×