SlideShare uma empresa Scribd logo
1 de 19
Baixar para ler offline
Infographics Design




Best Practice Approaches
Infographics Design


1 The Content > Formalities of Codifications

2 The Grid > The Style of the Space

3 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?

  From
Sketch
To 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 in
information
       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 Space

2 · 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 Space

2 · 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 to
the 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
 magazines
inspire you

 A bit risky
with black
 backdrop,
     But for
 some info
    pages it
     adds a
   break to
the 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 Form

3 · 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 Form

3 · 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 Form

3 · 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 Design


Good Resources


Kim 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.: Sort
på 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 Visual
Communication 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/apply
The Elements of Typographic Style.                           ing-mathematics-to-web-design/
Hartley & Marks Publishers.
                                                             http://webtypography.net/

                                                             http://fontdeck.com/

Mais conteúdo relacionado

Destaque

The executive summary (Service Management_4th semester)
The executive summary (Service Management_4th semester)The executive summary (Service Management_4th semester)
The executive summary (Service Management_4th semester)David Engelby
 
Marketing and Advertising: web design, web information architecture, usabilit...
Marketing and Advertising: web design, web information architecture, usabilit...Marketing and Advertising: web design, web information architecture, usabilit...
Marketing and Advertising: web design, web information architecture, usabilit...David Engelby
 
Oral communication (part I) / Web communication (part II) (Service Management...
Oral communication (part I) / Web communication (part II) (Service Management...Oral communication (part I) / Web communication (part II) (Service Management...
Oral communication (part I) / Web communication (part II) (Service Management...David Engelby
 
Infographics Intro
Infographics IntroInfographics Intro
Infographics IntroChris Baker
 
Infographics For The Classroom Elem--HS
Infographics For The Classroom Elem--HSInfographics For The Classroom Elem--HS
Infographics For The Classroom Elem--HSVicki Dabrowka
 
How to create an effective infographic
How to create an effective infographicHow to create an effective infographic
How to create an effective infographicJessica Holloway Swift
 
Formålsparagraf kommunikation
Formålsparagraf kommunikationFormålsparagraf kommunikation
Formålsparagraf kommunikationDavid Engelby
 
Infographics for Marketing & Communication [White Paper]
Infographics for Marketing & Communication [White Paper]Infographics for Marketing & Communication [White Paper]
Infographics for Marketing & Communication [White Paper]Catherine Pham
 
Semiotic typography course lite lecture_1
Semiotic typography course lite lecture_1Semiotic typography course lite lecture_1
Semiotic typography course lite lecture_1David Engelby
 
Academic report design
Academic report designAcademic report design
Academic report designDavid Engelby
 
Service and communication / Introduction (Service Management_2nd semester)
Service and communication / Introduction (Service Management_2nd semester)Service and communication / Introduction (Service Management_2nd semester)
Service and communication / Introduction (Service Management_2nd semester)David Engelby
 
Forretningsstrategi sem 1 dk
Forretningsstrategi sem 1 dkForretningsstrategi sem 1 dk
Forretningsstrategi sem 1 dkDavid Engelby
 
Amy Balliett, Killer Infographics: Harnessing the Power of Visual Communication
Amy Balliett, Killer Infographics: Harnessing the Power of Visual CommunicationAmy Balliett, Killer Infographics: Harnessing the Power of Visual Communication
Amy Balliett, Killer Infographics: Harnessing the Power of Visual CommunicationSeattle Interactive Conference
 
Infographic Optimization Hacks
Infographic Optimization HacksInfographic Optimization Hacks
Infographic Optimization HacksGhergich & Co.
 
Guarding against false discovery in large-scale dendroclimatology
Guarding against false discovery in large-scale dendroclimatologyGuarding against false discovery in large-scale dendroclimatology
Guarding against false discovery in large-scale dendroclimatologyScott St. George
 
Large-scale dendrochronology and low-frequency climate variability
Large-scale dendrochronology and low-frequency climate variabilityLarge-scale dendrochronology and low-frequency climate variability
Large-scale dendrochronology and low-frequency climate variabilityScott St. George
 

Destaque (18)

The executive summary (Service Management_4th semester)
The executive summary (Service Management_4th semester)The executive summary (Service Management_4th semester)
The executive summary (Service Management_4th semester)
 
Marketing and Advertising: web design, web information architecture, usabilit...
Marketing and Advertising: web design, web information architecture, usabilit...Marketing and Advertising: web design, web information architecture, usabilit...
Marketing and Advertising: web design, web information architecture, usabilit...
 
Oral communication (part I) / Web communication (part II) (Service Management...
Oral communication (part I) / Web communication (part II) (Service Management...Oral communication (part I) / Web communication (part II) (Service Management...
Oral communication (part I) / Web communication (part II) (Service Management...
 
Infographics Intro
Infographics IntroInfographics Intro
Infographics Intro
 
Infographics
InfographicsInfographics
Infographics
 
Infographics For The Classroom Elem--HS
Infographics For The Classroom Elem--HSInfographics For The Classroom Elem--HS
Infographics For The Classroom Elem--HS
 
How to create an effective infographic
How to create an effective infographicHow to create an effective infographic
How to create an effective infographic
 
Formålsparagraf kommunikation
Formålsparagraf kommunikationFormålsparagraf kommunikation
Formålsparagraf kommunikation
 
Infographics for Marketing & Communication [White Paper]
Infographics for Marketing & Communication [White Paper]Infographics for Marketing & Communication [White Paper]
Infographics for Marketing & Communication [White Paper]
 
What is Machine Learning
What is Machine LearningWhat is Machine Learning
What is Machine Learning
 
Semiotic typography course lite lecture_1
Semiotic typography course lite lecture_1Semiotic typography course lite lecture_1
Semiotic typography course lite lecture_1
 
Academic report design
Academic report designAcademic report design
Academic report design
 
Service and communication / Introduction (Service Management_2nd semester)
Service and communication / Introduction (Service Management_2nd semester)Service and communication / Introduction (Service Management_2nd semester)
Service and communication / Introduction (Service Management_2nd semester)
 
Forretningsstrategi sem 1 dk
Forretningsstrategi sem 1 dkForretningsstrategi sem 1 dk
Forretningsstrategi sem 1 dk
 
Amy Balliett, Killer Infographics: Harnessing the Power of Visual Communication
Amy Balliett, Killer Infographics: Harnessing the Power of Visual CommunicationAmy Balliett, Killer Infographics: Harnessing the Power of Visual Communication
Amy Balliett, Killer Infographics: Harnessing the Power of Visual Communication
 
Infographic Optimization Hacks
Infographic Optimization HacksInfographic Optimization Hacks
Infographic Optimization Hacks
 
Guarding against false discovery in large-scale dendroclimatology
Guarding against false discovery in large-scale dendroclimatologyGuarding against false discovery in large-scale dendroclimatology
Guarding against false discovery in large-scale dendroclimatology
 
Large-scale dendrochronology and low-frequency climate variability
Large-scale dendrochronology and low-frequency climate variabilityLarge-scale dendrochronology and low-frequency climate variability
Large-scale dendrochronology and low-frequency climate variability
 

Semelhante a Infographics design

3 d searching document
3 d searching document3 d searching document
3 d searching documentpriyanka reddy
 
Concept Maps Cain
Concept Maps CainConcept Maps Cain
Concept Maps CainGeoff Cain
 
A2 portfolio planning evidence
A2 portfolio planning evidenceA2 portfolio planning evidence
A2 portfolio planning evidenceMrs Ward
 
How to do 3D printing in Architecture.pdf
How to do 3D printing in Architecture.pdfHow to do 3D printing in Architecture.pdf
How to do 3D printing in Architecture.pdfMwataTshituka
 
tableau material, to creat a good and wonderful presentation
tableau material, to creat a good and wonderful presentationtableau material, to creat a good and wonderful presentation
tableau material, to creat a good and wonderful presentationIruolagbePius
 
CSS3: Simply Responsive
CSS3: Simply ResponsiveCSS3: Simply Responsive
CSS3: Simply ResponsiveDenise Jacobs
 
SGP
SGPSGP
SGPJosh
 
Friday Session #64: Key Recipes For Killer Infographics
Friday Session #64: Key Recipes For Killer InfographicsFriday Session #64: Key Recipes For Killer Infographics
Friday Session #64: Key Recipes For Killer InfographicsCleverwood Belgium
 
R in the Humanities: Text Analysis (v2)
R in the Humanities: Text Analysis (v2)R in the Humanities: Text Analysis (v2)
R in the Humanities: Text Analysis (v2)Leah Henrickson
 
Diary of a Wimpy Model Manager
Diary of a Wimpy Model ManagerDiary of a Wimpy Model Manager
Diary of a Wimpy Model ManagerEric Stephan
 
BA 453 Business Strategy & Planning Spring 2014 1 .docx
BA 453 Business Strategy & Planning  Spring 2014 1   .docxBA 453 Business Strategy & Planning  Spring 2014 1   .docx
BA 453 Business Strategy & Planning Spring 2014 1 .docxikirkton
 
3D Printing Of Buildings in Construction Industry
3D Printing Of Buildings in Construction Industry3D Printing Of Buildings in Construction Industry
3D Printing Of Buildings in Construction IndustryIRJET Journal
 
Darrel Humphrey Information Architecture Report
Darrel Humphrey Information Architecture ReportDarrel Humphrey Information Architecture Report
Darrel Humphrey Information Architecture Reportdman5141
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
How To Write A Song - BrooklynnropWare. Online assignment writing service.
How To Write A Song - BrooklynnropWare. Online assignment writing service.How To Write A Song - BrooklynnropWare. Online assignment writing service.
How To Write A Song - BrooklynnropWare. Online assignment writing service.Heather Bjugan
 
Charting collections of connections in social media, presented by Marc Smith
Charting collections of connections in social media, presented by Marc SmithCharting collections of connections in social media, presented by Marc Smith
Charting collections of connections in social media, presented by Marc SmithSocialMedia.org
 
Reframining Digital Literacies: Beyond Flashy, Flimsy and Faddish Models
Reframining Digital Literacies: Beyond Flashy, Flimsy and Faddish ModelsReframining Digital Literacies: Beyond Flashy, Flimsy and Faddish Models
Reframining Digital Literacies: Beyond Flashy, Flimsy and Faddish ModelsMark Brown
 

Semelhante a Infographics design (20)

Diss Final
Diss FinalDiss Final
Diss Final
 
3 d searching document
3 d searching document3 d searching document
3 d searching document
 
Concept Maps Cain
Concept Maps CainConcept Maps Cain
Concept Maps Cain
 
A2 portfolio planning evidence
A2 portfolio planning evidenceA2 portfolio planning evidence
A2 portfolio planning evidence
 
Cartographic modeling presentation
Cartographic modeling presentationCartographic modeling presentation
Cartographic modeling presentation
 
How to do 3D printing in Architecture.pdf
How to do 3D printing in Architecture.pdfHow to do 3D printing in Architecture.pdf
How to do 3D printing in Architecture.pdf
 
tableau material, to creat a good and wonderful presentation
tableau material, to creat a good and wonderful presentationtableau material, to creat a good and wonderful presentation
tableau material, to creat a good and wonderful presentation
 
CSS3: Simply Responsive
CSS3: Simply ResponsiveCSS3: Simply Responsive
CSS3: Simply Responsive
 
SGP
SGPSGP
SGP
 
Friday Session #64: Key Recipes For Killer Infographics
Friday Session #64: Key Recipes For Killer InfographicsFriday Session #64: Key Recipes For Killer Infographics
Friday Session #64: Key Recipes For Killer Infographics
 
R in the Humanities: Text Analysis (v2)
R in the Humanities: Text Analysis (v2)R in the Humanities: Text Analysis (v2)
R in the Humanities: Text Analysis (v2)
 
7494615
74946157494615
7494615
 
Diary of a Wimpy Model Manager
Diary of a Wimpy Model ManagerDiary of a Wimpy Model Manager
Diary of a Wimpy Model Manager
 
BA 453 Business Strategy & Planning Spring 2014 1 .docx
BA 453 Business Strategy & Planning  Spring 2014 1   .docxBA 453 Business Strategy & Planning  Spring 2014 1   .docx
BA 453 Business Strategy & Planning Spring 2014 1 .docx
 
3D Printing Of Buildings in Construction Industry
3D Printing Of Buildings in Construction Industry3D Printing Of Buildings in Construction Industry
3D Printing Of Buildings in Construction Industry
 
Darrel Humphrey Information Architecture Report
Darrel Humphrey Information Architecture ReportDarrel Humphrey Information Architecture Report
Darrel Humphrey Information Architecture Report
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
How To Write A Song - BrooklynnropWare. Online assignment writing service.
How To Write A Song - BrooklynnropWare. Online assignment writing service.How To Write A Song - BrooklynnropWare. Online assignment writing service.
How To Write A Song - BrooklynnropWare. Online assignment writing service.
 
Charting collections of connections in social media, presented by Marc Smith
Charting collections of connections in social media, presented by Marc SmithCharting collections of connections in social media, presented by Marc Smith
Charting collections of connections in social media, presented by Marc Smith
 
Reframining Digital Literacies: Beyond Flashy, Flimsy and Faddish Models
Reframining Digital Literacies: Beyond Flashy, Flimsy and Faddish ModelsReframining Digital Literacies: Beyond Flashy, Flimsy and Faddish Models
Reframining Digital Literacies: Beyond Flashy, Flimsy and Faddish Models
 

Mais de David Engelby

E design storytelling_ux stories
E design storytelling_ux storiesE design storytelling_ux stories
E design storytelling_ux storiesDavid Engelby
 
Project management projektstyring dansk_english_by david engelby
Project management projektstyring dansk_english_by david engelbyProject management projektstyring dansk_english_by david engelby
Project management projektstyring dansk_english_by david engelbyDavid Engelby
 
Version2 project management projektstyring_dk and english
Version2 project management projektstyring_dk and englishVersion2 project management projektstyring_dk and english
Version2 project management projektstyring_dk and englishDavid Engelby
 
Intercultural communication (Service Management_2nd semester)
Intercultural communication (Service Management_2nd semester)Intercultural communication (Service Management_2nd semester)
Intercultural communication (Service Management_2nd semester)David Engelby
 
Service and communication / Writing strategies (Service Management_2nd semester)
Service and communication / Writing strategies (Service Management_2nd semester)Service and communication / Writing strategies (Service Management_2nd semester)
Service and communication / Writing strategies (Service Management_2nd semester)David Engelby
 
Philosophy of science and research
Philosophy of science and researchPhilosophy of science and research
Philosophy of science and researchDavid Engelby
 
Media - quantitative and qualitative research 2012
Media - quantitative and qualitative research 2012Media - quantitative and qualitative research 2012
Media - quantitative and qualitative research 2012David Engelby
 
E design affordance theory-mental models
E design affordance theory-mental modelsE design affordance theory-mental models
E design affordance theory-mental modelsDavid Engelby
 
E concept metaphors-representations_signs_semiotics
E concept metaphors-representations_signs_semioticsE concept metaphors-representations_signs_semiotics
E concept metaphors-representations_signs_semioticsDavid Engelby
 
Field theory pierre_bourdieu
Field theory pierre_bourdieuField theory pierre_bourdieu
Field theory pierre_bourdieuDavid Engelby
 
Philosophy of science summary presentation engelby
Philosophy of science summary presentation engelbyPhilosophy of science summary presentation engelby
Philosophy of science summary presentation engelbyDavid Engelby
 
Philosophy of science academic methodology reports_papers
Philosophy of science academic methodology reports_papersPhilosophy of science academic methodology reports_papers
Philosophy of science academic methodology reports_papersDavid Engelby
 
Philosophy of science 3 knowledge, theory, communication
Philosophy of science 3 knowledge, theory, communicationPhilosophy of science 3 knowledge, theory, communication
Philosophy of science 3 knowledge, theory, communicationDavid Engelby
 
Philosophy of science 2 intro ii and qualitative research
Philosophy of science 2 intro ii and qualitative researchPhilosophy of science 2 intro ii and qualitative research
Philosophy of science 2 intro ii and qualitative researchDavid Engelby
 
Philosophy of science 1 intro i and quantitative research
Philosophy of science 1 intro i and quantitative researchPhilosophy of science 1 intro i and quantitative research
Philosophy of science 1 intro i and quantitative researchDavid Engelby
 
experience design experience economy affordance theory
experience design experience economy affordance theoryexperience design experience economy affordance theory
experience design experience economy affordance theoryDavid Engelby
 

Mais de David Engelby (16)

E design storytelling_ux stories
E design storytelling_ux storiesE design storytelling_ux stories
E design storytelling_ux stories
 
Project management projektstyring dansk_english_by david engelby
Project management projektstyring dansk_english_by david engelbyProject management projektstyring dansk_english_by david engelby
Project management projektstyring dansk_english_by david engelby
 
Version2 project management projektstyring_dk and english
Version2 project management projektstyring_dk and englishVersion2 project management projektstyring_dk and english
Version2 project management projektstyring_dk and english
 
Intercultural communication (Service Management_2nd semester)
Intercultural communication (Service Management_2nd semester)Intercultural communication (Service Management_2nd semester)
Intercultural communication (Service Management_2nd semester)
 
Service and communication / Writing strategies (Service Management_2nd semester)
Service and communication / Writing strategies (Service Management_2nd semester)Service and communication / Writing strategies (Service Management_2nd semester)
Service and communication / Writing strategies (Service Management_2nd semester)
 
Philosophy of science and research
Philosophy of science and researchPhilosophy of science and research
Philosophy of science and research
 
Media - quantitative and qualitative research 2012
Media - quantitative and qualitative research 2012Media - quantitative and qualitative research 2012
Media - quantitative and qualitative research 2012
 
E design affordance theory-mental models
E design affordance theory-mental modelsE design affordance theory-mental models
E design affordance theory-mental models
 
E concept metaphors-representations_signs_semiotics
E concept metaphors-representations_signs_semioticsE concept metaphors-representations_signs_semiotics
E concept metaphors-representations_signs_semiotics
 
Field theory pierre_bourdieu
Field theory pierre_bourdieuField theory pierre_bourdieu
Field theory pierre_bourdieu
 
Philosophy of science summary presentation engelby
Philosophy of science summary presentation engelbyPhilosophy of science summary presentation engelby
Philosophy of science summary presentation engelby
 
Philosophy of science academic methodology reports_papers
Philosophy of science academic methodology reports_papersPhilosophy of science academic methodology reports_papers
Philosophy of science academic methodology reports_papers
 
Philosophy of science 3 knowledge, theory, communication
Philosophy of science 3 knowledge, theory, communicationPhilosophy of science 3 knowledge, theory, communication
Philosophy of science 3 knowledge, theory, communication
 
Philosophy of science 2 intro ii and qualitative research
Philosophy of science 2 intro ii and qualitative researchPhilosophy of science 2 intro ii and qualitative research
Philosophy of science 2 intro ii and qualitative research
 
Philosophy of science 1 intro i and quantitative research
Philosophy of science 1 intro i and quantitative researchPhilosophy of science 1 intro i and quantitative research
Philosophy of science 1 intro i and quantitative research
 
experience design experience economy affordance theory
experience design experience economy affordance theoryexperience design experience economy affordance theory
experience design experience economy affordance theory
 

Último

WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsCharles Obaleagbon
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130Suhani Kapoor
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵anilsa9823
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceanilsa9823
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxmirandajeremy200221
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...Call Girls in Nagpur High Profile
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...Call Girls in Nagpur High Profile
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Delhi Call girls
 
Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...
Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...
Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...nagunakhan
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Delhi Call girls
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiSuhani Kapoor
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️soniya singh
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130Suhani Kapoor
 
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...Pooja Nehwal
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Call Girls in Nagpur High Profile
 

Último (20)

Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...
Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...
Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
 
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 

Infographics design

  • 2. Infographics Design 1 The Content > Formalities of Codifications 2 The Grid > The Style of the Space 3 The Typography > The Style of the Form
  • 3. 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.
  • 4. 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?
  • 5. Infographics Design 2 The Grid > The Style of the Space 2 · b How to make a well defined layout grid? From Sketch To Grid Picture 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? Edward Tufte is a famous expert in information 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 Space 2 · b What is the best information structure? Small Picture Source: http://www.smashingmagazine.com/2009/09/11/25-useful-data-visualization-and-infographics-resources/
  • 8. Infographics Design 2 The Grid > The Style of the Space 2 · 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 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/
  • 10. 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
  • 11. 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
  • 12. Infographics Design 2 The Grid > The Style of the Space 2 · b What is the best information structure? Applied to the graphic design of the media Picture Source: http://www.behance.net/gallery/Fedora/88934
  • 13. Infographics Design 2 The Grid > The Style of the Space 2 · c What is the best information structure? Let magazines inspire you A bit risky with black backdrop, But for some info pages it adds a break to the flow of the text. Picture Source: http://vi.sualize.us/annual_2007_catapult_design_typography_grid_annual_report_picture_xirT.html
  • 14. 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?
  • 15. Infographics Design 3 The Typography > The Style of the Form 3 · 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 Design 3 The Typography > The Style of the Form 3 · b The variation of the font family? Picture Source: http://www.smashingmagazine.com/2010/11/04/best-practices-of-combining-typefaces/
  • 17. Infographics Design 3 The Typography > The Style of the Form 3 · 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 Content Grid Typography
  • 19. Infographics Design Good Resources Kim 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.: Sort på 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 Visual Communication 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/apply The Elements of Typographic Style. ing-mathematics-to-web-design/ Hartley & Marks Publishers. http://webtypography.net/ http://fontdeck.com/