Post on 27-Sep-2015
description
Infographics
ROCK
Karl Gude CURRENT: Graphics Editor in Residence School of Journalism Michigan State University
PREVIOUSLY: Infographics Director at Newsweek magazine and The Associated Press
TWITTER: @karlgude
ProduceOur produce is a sight to behold. It's the first thing you see when you come into one of our stores: a visual feast of color, variety and sparkling freshness piled high for your pleasure and convenience.
The quality of produce at our stores is simply second to none. Our produce buyers, based in all regions of the country, maintain relationships with our local growers and our field inspectors are on the road 52 weeks a year seeking out the best of the best.
We feature local produce in season. While the definition of local varies by region of the country, it generally means one days drive away or less, and it's usually much less. Ask a produce team member where your stores local produce comes from and when your favorite items will be in season.
We know that you like to know where your food comes from, so we display the origin of every piece of produce we sell. To meet customer demand, we do our best to offer the highestquality fruits and vegetables year-round, so we use our experience and relationships with growers from around the world to obtain the best of what's "in season" in other parts of the world.
Devotion to quality and service is a daily mantra in every one of our produce departments. That's why you can find just about anything you want there, from the humble to the exotic, from bananas to Buddha's hand (in season, of course!). Come in and explore. You're bound to find something delicious.
ProduceOur produce is a sight to behold. It's the first thing you see when you come into one of our stores: a visual feast of color, variety and sparkling freshness piled high for your pleasure and convenience.
ZZZZZZzzzzzzzzzThe quality of produce at our stores is simply second to none. Our produce buyers, based in all regions of the country, maintain relationships with our local growers and our field inspectors are on the road 52 weeks a year seeking out the best of the best. ZZZZZZzzzzzzzzzWe feature local produce in season. While the definition of local varies by region of the country, it generally means one days drive away or less, and it's usually much less. Ask a produce team member where your stores local produce comes from and when your favorite items will be in season. ZZZZZZzzzzzzzzzWe know that you like to know where your food comes from, so we display the origin of every piece of produce we sell.
ZZZZZZzzzzzzzzz To meet customer demand, we do our best to offer the highestquality fruits and vegetables year-round, so we use our experience and relationships with growers from around the world to obtain the best of what's "in season" in other parts of the world.
Parsley
SpinachCarrotsCabbage
Beets
Our Produce: A Sight to Behold! Something here about simply dummy text of the printing and typesetting industry.
Parsley
SpinachCarrots
Cabbage
Parsley is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
Cabbage is simply dummy text of the printing and typesetting indu stry. Lorem Ipsum has been the col i
Carrots is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the label here
Spinach is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
Beets is simply dummy text of the printing and types etting industry. Lorem Ipsum has beeng
Beets
WHAT IS AN INFOGRAPHIC?
Not a big empty ad
Not a big bunch of text
Graphical presentation of information
RANGE
Types of infographics
Visuals are not critical to understanding data.
RANGE
Visuals are critical to understanding data
Visuals are not critical to understanding data.
RANGE
VISUAL STORYTELLING TOOLS
PLANNINGYOUR INFOGRAPHIC
Support from the boss
VISUALDesigner
Illustrator
VERBALContentprovider
Informationdesigner
Support from the boss
VISUALDesigner
Illustrator
VERBALContentprovider
Informationdesigner
PROGRAMMER
Support from the boss
Internal team or work for hire
Support from the boss
work for hire
what is your budget?
what style are you looking for?
let them design
infographics artist
Support from the boss
Internal team
Whos on the team?
Do you design or use template?
Be willing to say no
Support from the
boss
Support from the boss
VISUALDesigner,Illustrator
VERBALContentprovider
Informationdesigner
The boss should not fo
rce their
design concepts on ev
eryone.
Listen, and let others d
o their jobs.
Programmer
WORKSHEET FOR BRAINSTORMING AN INFOGRAPHIC Consider the following questions in the order they appear when planning your infographic. 1. What is your GOAL? What is the purpose of your infographic? 2. Who is your AUDIENCE? What is relevant to them? 3. What is your STORY? What simple message will resonate with your audience? 4. What is your content? List five key visual points that support your goal?
5. What is your HOOK? Which one of your key points is the most compelling and will have your audience wanting more? Is there an image that can go with it and be the focus of the graphic?
6. What are your VISUALS? How can your key points be visualized in the most compelling and informative way? List them: 7. What is your DESIGN? What medium will the graphic be displayed on? Print? Web? How should the information unfold and packaged for maximum impact and clearest storytelling?
1. Your goalWhat are you trying to communicate and why?
What is your purpose?
www.stylelist.com
Get kids with eating disorders to recognize they have a problem.
2. Your audienceWho are you trying to reach?
One size does NOT fit all.
www.stylelist.com
3. Your story, messageWhat will grab and hold her attention?
Whats relevant to them?
4. Your content-Finding stories in the data.
-Determining key visual points that support your message.
Two ways data
comes to us
Two ways data
comes to us
Summarize this.
We need info to back up our message.
Two ways data
comes to us
Summarize this.
Numbers: an opportunity
Rate for married couples
Number over 25
years old
Rate for men and women
Rate for race and ethnicity
Rate for married couples
Rate for married couples
60+45-5935-4430-3425-2920-2415-1910-14-10 minutes
Travel Time to WorkPercentage of workers one-way travel time
13.4%14.3%
15.5%14.8%
6.1%13.7%
6.4%7.5%
8.1%
60+45-5935-4430-3425-2920-2415-1910-14-10 minutes
Travel Time to WorkPercentage of workers one-way travel time
13.4%14.3%
15.5%14.8%
6.1%13.7%
6.4%7.5%
8.1%
5. What is your hook? Is there a visual that can inform and will grab their attention
6. Other visuals? What images (illustrations, maps,
charts, diagrams, etc.) will support each of your other points?
What is your design? How is it going to be used?
How will she see the graphic? On her phone? On the web?On a poster or flyer at school?
Whats your branding?
7. Lets talk design.
Do: Keep itsimple
If they notice the design, the design is failing
Do: use color as information, not decoration
Do: Edit. Eliminate the unnecessaryso the necessary can speak
Do Sketch
Do: Own what you dont know.
Do: Keep type simple and straightforward
Headline
Headline Subhead
Headline Subhead Section heads
Headline Subhead Section heads
Lead-in text
Headline Subhead
Lead-in text Body text
Section heads
Most important, top left
Least important, bottom right
Dominant image Sidebar
Redesign, example 1
Random design attack!!
HELP! IM DROWING!
Random design attack!!
HOUSE OF REPRESEN
TAT
IVE
S
TH
E P
RE
SIDEN
T THE SENATE
THE PRESIDENT
HOUSE OF REPRESENTATIVES
THE SENATE
HOW LAWSARE MADENow is the time for all visual think-ers to come to the aid of the world. Now is the time for all visual think-ers to come to the aid of the world.
THE PRESIDENT
HOUSE OF REPRESENTATIVES
THE SENATE
Now is the time for all visual thinkers to come to the aid of the world. Now
Label here Label here Label here Label here
MADEARE
LAWSHOW OUR Bill
Law
THE PRESIDENT
HOUSE OF REPRESENTATIVES
THE SENATE
Introducing Legislation1
2. Committee 24. Budget and Engrossment
3. Debate & Amend
6. Debate & Amend
8. Approval or Disapproval
5. Committee 5 6 7. Enrollment
34
7
8
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual thinkers to come to the aid of the world.
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual thinkers to come to the
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual thinkers to come to the
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual thinkers to come to the aid of the world.
Now is the time for all visual thinkers to come to the aid of the world. Now
Now is the time for all visual thinkers to come to the aid of the world.
Now is the time for all visual thinkers to come to the aid of the world.
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all
Now is the time for all visual thinkers to come to the aid of the world. Now
Label here Label here Label here Label here
MADEARE
LAWSHOW OUR Bill
Law
THE PRESIDENT
HOUSE OF REPRESENTATIVES
THE SENATE
CONGRESS: Now is the time for all visual thinkers to come to the aid of the world. Now is
BOLD : Now is the time for all visual thinkers to come to the aid of the world.
BOLD : Now is the time for all visual thinkers to come to the aid of the world.
BOLD : Now is the time for all visualBOLD : Now is the time for all visualBOLD : Now is the time for all visualBOLD : Now is the time for all visual
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual thinkers to come to the aid of
BOLD : Now is the time for all visual thinkers to come to the aid of the world.
BOLD : Now is the time for all visual thinkers to come to the aid of the world.
BOLD : Now is the time for all visual thinkers to come to the aid of the world. Now is the time
BOLD : Now is the time for all visual thinkers to come to the aid of the world.
BOLD : Now is the time for all visual thinkers to come to the aid of the world. Now is the time
BOLD : Now is the time for all visual thinkers to come to the
BOLD : Now is the time for all visual thinkers to come to the aid of the world.
BOLD : Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all
BOLD : Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual
BOLD : Now is the time for all visual thinkers to come to
BOLD : Now is the time for all visual thinkers to come to
BOLD : Now is the time for all visual thinkers to come to the aid of the world.
Introducing Legislation1
2. Committee 24. Budget and Engrossment
3. Debate & Amend
6. Debate & Amend
8. Approval or Disapproval
5. Committee 5 6 7. Enrollment
34
7
8
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual thinkers to come to the aid of the world.
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual thinkers to come to the
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual thinkers to come to the
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual thinkers to come to the aid of the world.
Now is the time for all visual thinkers to come to the aid of the world. Now
Now is the time for all visual thinkers to come to the aid of the world.
Now is the time for all visual thinkers to come to the aid of the world.
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all
Now is the time for all visual thinkers to come to the aid of the world. Now
Label here Label here Label here Label here
MADEARE
LAWSHOW OUR Bill
Law
HOUSE OF REPRESENTATIVES
THE SENATE
THE PRESIDENT
BOLD: Now is the time for all visual think-ers to come to the aid of the world.
BOLD: Now is the time for all visual think-ers to come to the aid of the world. Now is
BOLD: Now is the time for all visual think-ers to come to the aid of the world. Now
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all
More About Bills
Headline Here
BOLD : Now is the time for all visual thinkers to come to theBOLD : Now is the time for all visual thinkers to come to theBOLD : Now is the time for all visual thinkers to come to the
BOLD : Now is the time for all visual thinkers to come to theBOLD : Now is the time for all visual thinkers to come to theBOLD : Now is the time for all visual thinkers to come to the
THE PRESIDENT
HOUSE OF REPRESENTATIVES
THE SENATE
CONGRESS: Now is the time for all visual thinkers to come to the aid of the world. Now is
BOLD : Now is the time for all visual thinkers to come to the aid of the world.
BOLD : Now is the time for all visual thinkers to come to the aid of the world.
BOLD : Now is the time for all visualBOLD : Now is the time for all visualBOLD : Now is the time for all visualBOLD : Now is the time for all visual
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual thinkers to come to the aid of
BOLD : Now is the time for all visual thinkers to come to the aid of the world.
BOLD : Now is the time for all visual thinkers to come to the aid of the world.
BOLD : Now is the time for all visual thinkers to come to the aid of the world. Now is the time
BOLD : Now is the time for all visual thinkers to come to the aid of the world.
BOLD : Now is the time for all visual thinkers to come to the aid of the world. Now is the time
BOLD : Now is the time for all visual thinkers to come to the
BOLD : Now is the time for all visual thinkers to come to the aid of the world.
BOLD : Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all
BOLD : Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual
BOLD : Now is the time for all visual thinkers to come to
BOLD : Now is the time for all visual thinkers to come to
BOLD : Now is the time for all visual thinkers to come to the aid of the world.
Introducing Legislation1
2. Committee 24. Budget and Engrossment
3. Debate & Amend
6. Debate & Amend
8. Approval or Disapproval
5. Committee 5 6 7. Enrollment
34
7
8
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual thinkers to come to the aid of the world.
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual thinkers to come to the
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual thinkers to come to the
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual thinkers to come to the aid of the world.
Now is the time for all visual thinkers to come to the aid of the world. Now
Now is the time for all visual thinkers to come to the aid of the world.
Now is the time for all visual thinkers to come to the aid of the world.
Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all
Now is the time for all visual thinkers to come to the aid of the world. Now
Label here Label here Label here Label here
MADEARE
LAWSHOW OUR Bill
Law
Roughly sketch out different concepts. Start with a grid. You can have more
than one grid in a graphic. Make the information the star,
not your random design attacks. Form follows function. Edit your content, then design.
(Content drives design, not vice versa) Separate information into separate sections. Dont design with text unless you know what
youre doing. Most dont. Keep small elements, like icons, simple and orderly.
Best practices
Redesign, example 2
Headline? Are these all logos?
Tire treads, all caps, italic
ALL type is bold
Attack of the BOXES!
All images the same size
No logical hierarchy
Cant do much with three columns
Sexy
Use a hierarchy of text and image sizes. Vary sizes logically, for story and engagement. Break your content into sections. Write text so that its scannable. Have a dominant image. Break the grid to make your design more interesting. Dont put everything in boxes!
Best practices
Redesign, example 3
AQIZ degredation since Jan. 05. Total: 161
Tier 2 Terrorists (57) LOCAL: Leaders in local and regional areas.. Fill in here with more text.
Tier 3 Terrorists (96) INTERNATIONAL: Foreign fightgers, many serving as cell leaders. Fill text in here.
Tier 1 Terrorists (8) LEADERSHIP: Direct ties to AMZ.something more in here that explains who thes. something more in here that explains who thes. something more in here that explains who thes. something more in here that explains who thes.
BIN LADEN: Now is the time for all visual thinkers to come to the aid of the world. Now is the time for all visual thinkers to
Name Here Here: Now is the time for all visual thinkers
Name Here Here: Now is the time for all visual thinkers
Name Here Here: Now is the time for all visual thinkers
Name Here Here: Now is the time for all visual thinkers
Name Here Here: Now is the time for all visual thinkers
Name Here Here: Now is the time for all visual thinkers
Name Here Here: Now is the time for all visual thinkers
Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it
Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it.
Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.
Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it
Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it.
Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.
Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the itName Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it.
Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.
Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it. Name Here: Now is the it.Name Here: Now is the it.
Dont get too creative. Keep it simple, straightforward. Edit out extraneous elements.
Best practices
FREE STUFF
FreeVisualTools.wikispaces.com
Inspiration
http://www.coolinfographics.com/
http://www.coolinfographics.com/
http://submitinfographics.com/
Killer Infographics
Online infographics templates
Easel.ly
LAWSLAWS
HOW OURHOW OUR
AREARE
MADEMADE
BillBill
LawLaw
Headline HereHeadline Here
More About BillsMore About BillsDouble click to change this text!Double click to change this text!a corner to scale proportionally. a corner to scale proportionally.
Double click to change this text!Double click to change this text!a corner to scale proportionally. a corner to scale proportionally.
BoldDouble click to change this text!Double click to change this text!a corner to scale proportionally. a corner to scale proportionally.
Bold
Double click to change this text!Double click to change this text!a corner to scale proportionally. a corner to scale proportionally.
SenateSenate
House of Rep.House of Rep.
The PresidentThe President
Double click to change this text!Double click to change this text!a corner to scale proportionally. a corner to scale proportionally.
Double click to Double click to change this text!change this text!
Bold
Double click to Double click to change this text!change this text!Double click to Double click to change this text!change this text!
Double click to Double click to change this text!change this text!
Bold
HOUSE OF REPRESENTATIVESHOUSE OF REPRESENTATIVES
THE SENATETHE SENATE
THE PRESIDENTTHE PRESIDENT
Double click Double click to change thisto change this
Double click Double click to change thisto change this
Double click Double click to change thisto change this
Double click Double click to change thisto change this
Double click Double click to change thisto change this
Double click Double click to change thisto change this
Bold Bold Bold Bold Bold Bold
Double click Double click to change thisto change this
Double click Double click to change thisto change this
Double click Double click to change thisto change this
Double click Double click to change thisto change this
Bold Bold Bold Bold
Double click Double click to change thisto change this
Double click Double click to change thisto change this
Bold Bold
Double click to Double click to change this text!change this text!Double click to Double click to change this text!change this text!
BoldDouble click Double click to change thisto change this
Bold BoldDouble click Double click to change thisto change this
Double click Double click to change thisto change this
Infogr.am
PiktoChart
Visual.ly
Photos
http://creativecommons.org/
Creative Commons
Pexels Unsplash Big Stock Corbis Images Foto Lia Free Digital Photos Getty Images ShutterStock
Fonts
Serif Fonts EB GaramondKnockout DidotBemboModern No. 20EnclaveSentinelSans-Serif FontsAG BookMontserrat Franklin GothicWagner GroteskHermesArs MaquetteSignikaJosefin SlabLatoUbuntuGill SansSlab (beefy) KondolarLeague gothicRockwellBevan
Franklin
Gothic
Fontsquirrel Abstract Fonts Fawnt Font Space Urban Fonts
http://www.myfonts.com/WhatTheFont/
WhatTheFont
Maps and charts
Bing Maps CartoDB GeoCommons Google Maps Engine Poly Maps
ArcGis Google Earth MapInfo MapPoint
Make maps
FreeVectorMaps
Microsoft Excel Microsoft Powerpoint Easely Plot.ly Datavisu.al Google Charts Infogram Juice Labs Highcharts Piktochart Google Spreadsheets*
Make charts
Like Adobe, but free
Inkscape
Gimp