Home >Design >Infographics design

Infographics design

Date post:28-Jan-2015
Category:
View:111 times
Download:2 times
Share this document with a friend
Description:
A semi-academic and practical approach to the planning and design of infographics. A lecture for the multimedia programme at EASJ / ZIBAT Campus Slagelse. http://easj.dk/?p=1142 Enjoy :-)
Transcript:
  • 1. Infographics DesignBest Practice Approaches

2. Infographics Design1 The Content > Formalities of Codifications2 The Grid > The Style of the Space3 The Typography > The Style of the Form 3. Infographics Design1 The Content > Formalities of Codifications Examples > ask and find out:1 a What is the objective of the information?Boil down the facts. What is need to know/nice to know?1 b What are the codifications of referencesAlways state the source of your information. I could be displayed insmall text next to your infographics design.1 c Can people understand your graphics?Test if people can read and understand your graphics. 4. Infographics Design2 The Grid > The Style of the Space Examples > ask and find out:2 a How to make a well defined layout grid?2 b What is the best information structure? 5. Infographics Design 2 The Grid > The Style of the Space 2 b How to make a well defined layout grid?FromSketchTo GridPicture Source: http://www.planetdamage.com/2012/07/30/infographics-how-to-markets-tablets-and-whatnot-tablet2cases/ 6. Infographics Design 2 The Grid > The Style of the Space 2 b What is the best information structure?EdwardTufte is a famousexpert ininformation Design(see link) Picture Source: http://www.edwardtufte.com/bboard/q-and-a?topic_id=1 7. Infographics Design 2 The Grid > The Style of the Space2 b What is the best information structure?SmallPicture Source: http://www.smashingmagazine.com/2009/09/11/25-useful-data-visualization-and-infographics-resources/ 8. Infographics Design2 The Grid > The Style of the Space2 b What is the best information structure? Big Picture Source: http://www.smashingmagazine.com/2009/09/11/25-useful-data-visualization-and-infographics-resources/ 9. Infographics Design2 The Grid > The Style of the Space2 b What is the best information structure?With a twist Picture Source: http://www.smashingmagazine.com/2009/09/11/25-useful-data-visualization-and-infographics-resources/ 10. Infographics Design2 The Grid > The Style of the Space 2 b What is the best information structure?Simple and elegant Picture Source: http://www.behance.net/gallery/Drunk-Driving-Infographic/361689 11. Infographics Design2 The Grid > The Style of the Space 2 b What is the best information structure?Simple and elegant Picture Source: http://www.behance.net/gallery/Drunk-Driving-Infographic/361689 12. Infographics Design 2 The Grid > The Style of the Space 2 b What is the best information structure? Applied tothe graphicdesign of the mediaPicture Source: http://www.behance.net/gallery/Fedora/88934 13. Infographics Design2 The Grid > The Style of the Space2 c What is the best information structure? Let magazinesinspire you A bit riskywith black backdrop, But for some infopages it adds a break tothe flow of the text. Picture Source: http://vi.sualize.us/annual_2007_catapult_design_typography_grid_annual_report_picture_xirT.html 14. Infographics Design3 The Typography > The Style of the Form Examples > ask and find out:3 a Benefits of serif fonts vs. non serif fonts?3 b The variation of the font family?3 c The connotation of the font? 15. Infographics Design3 The Typography > The Style of the Form3 a Benefits of serif fonts vs. non serif fonts? Picture Source: http://www.smashingmagazine.com/2010/11/04/best-practices-of-combining-typefaces/ 16. Infographics Design3 The Typography > The Style of the Form3 b The variation of the font family? Picture Source: http://www.smashingmagazine.com/2010/11/04/best-practices-of-combining-typefaces/ 17. Infographics Design3 The Typography > The Style of the Form3 c The connotation of the font? Picture Source: http://blog.typekit.com/category/new-fonts/page/3/ & http://typographica.org/typeface-reviews/expo-serif/ 18. Infographics Design ContentGrid Typography 19. Infographics DesignGood ResourcesKim Pedersen & Anders Kidmose (1993):David McCandless (2010):In Black and White.Information is beautiful.An r&d Report on Typography and Legibility.Collins.The Graphic College of Denmark.(A publication in both Danish and English. Orig.: Sortp hvidt. En udviklingsrapport om typografi og lselighed. Links:Den Grafiske Hjskole 1993) http://www.smashingmagazine.com/2009/09/11/25-Hartmut Stckl (2005): useful-data-visualization-and-infographics-Typography: body and dress of a text a signingresources/mode between language and image. In VisualCommunication 4, 2005. http://www.digitalartsonline.co.uk/tutorials/adobe- illustrator/create-cool-infographics/Edward Tufte (2001):The Visual Display of Quantitative Information.Graphics Press USA. 2nd edition. And for web:Robert Bringhurst (2008 ed.) http://www.smashingmagazine.com/2010/02/09/applyThe Elements of Typographic Style. ing-mathematics-to-web-design/Hartley & Marks Publishers. http://webtypography.net/ http://fontdeck.com/

Popular Tags:

Click here to load reader

Reader Image
Embed Size (px)
Recommended