• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Infographics design
 

Infographics design

on

  • 3,692 views

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

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 :-)

Statistics

Views

Total Views
3,692
Views on SlideShare
3,673
Embed Views
19

Actions

Likes
8
Downloads
75
Comments
1

10 Embeds 19

https://twitter.com 5
http://www.caucapino4u.com 3
http://www.onlydoo.com 2
http://www.linkedin.com 2
http://tmtarmenia.blogspot.ru 2
http://4rcrip3xh4ck3r5.blogspot.co.uk 1
http://anakpatimuan.blogspot.com 1
http://pr3cupcakeclan.webs.com 1
https://twimg0-a.akamaihd.net 1
http://tweetedtimes.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Very valuable--asks the right questions, clear, exemplary examples, and full of substance, not fluff.
    Many thanks
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Infographics design Infographics design Presentation Transcript

    • Infographics DesignBest Practice Approaches
    • Infographics Design1 The Content > Formalities of Codifications2 The Grid > The Style of the Space3 The Typography > The Style of the Form
    • Infographics Design 1 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 references Always state the source of your information. I could be displayed in small text next to your infographics design.1 · c Can people understand your graphics? Test if people can read and understand your graphics.
    • Infographics Design 2 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?
    • Infographics Design 2 The Grid > The Style of the Space 2 · b How to make a well defined layout grid? FromSketchTo Grid Picture Source: http://www.planetdamage.com/2012/07/30/infographics-how-to-markets-tablets-and-whatnot-tablet2cases/
    • Infographics Design 2 The Grid > The Style of the Space 2 · b What is the best information structure? Edward Tufte is a famous expert ininformation Design (see link) Picture Source: http://www.edwardtufte.com/bboard/q-and-a?topic_id=1
    • Infographics Design 2 The Grid > The Style of the Space2 · b What is the best information structure?Small Picture Source: http://www.smashingmagazine.com/2009/09/11/25-useful-data-visualization-and-infographics-resources/
    • Infographics Design 2 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/
    • Infographics Design 2 The Grid > The Style of the Space 2 · 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/
    • Infographics Design 2 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
    • Infographics Design 2 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
    • Infographics Design 2 The Grid > The Style of the Space 2 · b What is the best information structure? Applied tothe graphic design of the media Picture Source: http://www.behance.net/gallery/Fedora/88934
    • Infographics Design 2 The Grid > The Style of the Space 2 · c What is the best information structure? Let magazinesinspire you A bit riskywith black backdrop, But for some info pages 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
    • Infographics Design 3 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?
    • Infographics Design 3 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/
    • Infographics Design 3 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/
    • Infographics Design 3 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/
    • Infographics Design Content Grid Typography
    • 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 læselighed. Links:Den Grafiske Højskole 1993) http://www.smashingmagazine.com/2009/09/11/25-Hartmut Stöckl (2005): useful-data-visualization-and-infographics-“Typography: body and dress of a text – a signing resources/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/