karl gude prsa detroit presentation

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


VISUALDesigner

Illustrator


Informationdesigner

PROGRAMMER


Internal team or work for hire


work for hire

what is your budget?

what style are you looking for?

let them design

infographics artist


Internal team

Whos on the team?

Do you design or use template?

Be willing to say no

Support from the

boss


VISUALDesigner,Illustrator


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

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


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


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 aid of the world. Now is the time for all



MADEARE

LAWSHOW OUR Bill

Law

THE PRESIDENT


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 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 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. 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. 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





3. Debate & Amend

6. Debate & Amend



34

7

8











MADEARE

LAWSHOW OUR Bill

Law


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


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


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 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 visual thinkers to come to the aid of






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. 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






3. Debate & Amend

6. Debate & Amend



34

7

8











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

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


SenateSenate

House of Rep.House of Rep.

The PresidentThe President


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






Bold Bold Bold Bold Bold Bold





Bold Bold Bold Bold



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


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

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

karl gude prsa detroit presentation

Documents