Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into...

68
Infographics How to easily turn content into visuals people will want to like and share

Transcript of Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into...

Page 1: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

InfographicsHow to easily turn content into visualspeople will want to like and share

Page 2: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

MARY OLIVIERIEVP, Executive Creative DirectorCopywriter

@MaryOlivieriECD

DON HARDERAssociate Creative DirectorDesigner

@cbd_dharder

Page 3: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

What you’ll learn today…

Why use infographics…and when

Types of infographics

Translating your words into pictures

How to make the infographic

Additional tips and tools

Page 4: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

What is an infographic?

(n): a chart, diagram, or illustration that uses graphic elements to present information in a visually striking way

Page 5: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 6: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 7: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 8: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Why and whento use an infographic

Page 9: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 10: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 11: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 12: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 13: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 14: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 15: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 16: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Sharing Statistics

Page 17: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 18: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 19: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 20: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Telling a Story

Page 21: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Med

Am

ine

Bel

arb

ion

Tw

itte

r: "

Ho

w @

Ub

er S

tart

ed |

Info

grap

hic

| @

Gu

lfEl

ite0

0 h

ttp

://t

.co

/FjK

ycK

eyst

"

Page 22: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Showing a Process

Page 23: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 24: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

TIPSfor identifying images in your words.

Page 25: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Find copy that can beturned into charts or graphs –to make it scannable.

Page 26: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

“DStarch1000 can be used in Bakery Mixes, Bakery Products, Seasoning Blends, Pastry Creams, Chewing Gum and Batter applications.

MStarch50 can only be used in Seasoning Blends and Chewing Gum applications.”

=Applications DStarch1000 MStarch50

Bakery Mixes ✔

Bakery Products ✔

Seasoning Blends ✔ ✔

Pastry Creams ✔

Chewing Gum ✔ ✔

Batter ✔

Page 27: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Use colorfor differentiation.

Page 28: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

“There are6 projects on hold, 3 behind schedule and 12 on schedule.”

=PROJECTS

Page 29: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Try creating unique illustrations that tell the story.

Page 30: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

“To be, ornot to be…” =

Page 31: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Represent ‘things’with imagery.

Page 32: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

“10 musicians were tapped…” =

Page 33: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Use pictograms to convey percentages or ratios.

Page 34: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

“Four out offive doctors…” =

Page 35: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Let icons dothe talking.

Page 36: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

“Drink this and it will kill you.” =

Page 37: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Use callouts tograb attention.

Page 38: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

“If you are not completely satisfied we will reimburse you in full.”

=

Page 39: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

The Process

Page 40: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

steps to go fromwords to pictures.

Step 1:

Read through the contentand identify the type ofinfographic you think it is.

Step 2:

Edit, edit, edit!

Step 3:

Identify the words that can beimages or are asking for agraphic treatment.

Step 4:

Are there numbers?Consider ways to make them scannablevia font sizes or graphs/charts.

Step 5:

Are there any steps that are delineated?If so, is there a way to abbreviate/make them clearer?

Step 6:

Create a writer’s rough.

Page 41: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Headline:The Business of Burgers*

Copy:Here are some juicy facts about America’s favorite sandwich:

• Burgers account for roughly 60 percent of all sandwiches sold.• The hamburger business is a 73 billion dollar business.• There are over 50,000 burger joints located across the country.• Approximately 7.5 percent of all US restaurants are burger joints.• California has the highest number of burger joints. Second is Texas.

Third is Florida. Fourth is Ohio. Fifth is Illinois.• 71 percent of all beef consumed in restaurants is in the form of a burger.

And that ain’t no bull.

* http://www.burgerweb.com/burger-statistics/

Step 1:

Read through the content andidentify the type of infographic you think this is.

Statistical

Page 42: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Headline:The Business of Burgers*

Copy:Here are some juicy facts about America’s favorite sandwich:

• Burgers account for roughly 60 percent of all sandwiches sold.• The hamburger business is a 73 billion dollar business.• There are over 50,000 burger joints located across the country.• Approximately 7.5 percent of all US restaurants are burger joints.• California has the highest number of burger joints. Second is Texas.

Third is Florida. Fourth is Ohio. Fifth is Illinois.• 71 percent of all beef consumed in restaurants is in the form of a burger.

And that ain’t no bull.

* http://www.burgerweb.com/burger-statistics/

Step 2:

Edit, edit, edit!

Page 43: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Headline:The Business of Burgers*

Copy:Here are some juicy facts about America’s favorite sandwich:

• Burgers account for roughly 60 percent of all sandwiches sold.• The hamburger business is a 73 billion dollar business.• There are over 50,000 burger joints located across the country.• Approximately 7.5 percent of all US restaurants are burger joints.• California has the highest number of burger joints. Second is Texas.

Third is Florida. Fourth is Ohio. Fifth is Illinois.• 71 percent of all beef consumed in restaurants is in the form of a burger.

And that ain’t no bull.

* http://www.burgerweb.com/burger-statistics/

Step 3:

Identify the words that can beimages or are asking for agraphic treatment.

Page 44: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Headline:The Business of Burgers*

Copy:Here are some juicy facts about America’s favorite sandwich:

• Burgers account for roughly 60 percent of all sandwiches sold.• The hamburger business is a 73 billion dollar business.• There are over 50,000 burger joints located across the country.• Approximately 7.5 percent of all US restaurants are burger joints.• California has the highest number of burger joints. Second is Texas.

Third is Florida. Fourth is Ohio. Fifth is Illinois.• 71 percent of all beef consumed in restaurants is in the form of a burger.

And that ain’t no bull.

* http://www.burgerweb.com/burger-statistics/

Step 4:

Are there numbers?Consider ways to make them scannable via font sizes or graphs/charts.

Page 45: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Headline:The Business of Burgers*

Copy:Here are some juicy facts about America’s favorite sandwich:

• Burgers account for roughly 60 percent of all sandwiches sold.• The hamburger business is a 73 billion dollar business.• There are over 50,000 burger joints located across the country.• Approximately 7.5 percent of all US restaurants are burger joints.• California has the highest number of burger joints. Second is Texas.

Third is Florida. Fourth is Ohio. Fifth is Illinois.• 71 percent of all beef consumed in restaurants is in the form of a burger.

And that ain’t no bull.

* http://www.burgerweb.com/burger-statistics/

Step 5:

Are there any steps that are delineated? If so, is there a way to abbreviate/make them clearer?

N/A

Page 46: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Headline:The Business of Burgers*

Copy:Here are some juicy facts about America’s favorite sandwich:

• Burgers account for roughly 60 percent of all sandwiches sold.• The hamburger business is a 73 billion dollar business.• There are over 50,000 burger joints located across the country.• Approximately 7.5 percent of all US restaurants are burger joints.• California has the highest number of burger joints. Second is Texas.

Third is Florida. Fourth is Ohio. Fifth is Illinois.• 71 percent of all beef consumed in restaurants is in the form of a burger.

And that ain’t no bull.

* http://www.burgerweb.com/burger-statistics/

Step 6:

Create a writer’s rough.

Page 47: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 48: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 49: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 50: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 51: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 52: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 53: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 54: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 55: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Making your infographic

Page 56: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 57: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 58: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 59: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 60: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?
Page 61: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Resources for graphics

Stockphotographs

and illustrations

Grab your smartphone

Corporate photo library

Built-inonline tools

Page 62: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Be mindful of whatyou download from

the Internet.

Page 63: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Design Considerations

Page 64: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Consider white space

Share only what you need to

Brand colors

Three fonts or less

Ask questions

Honor ownership

Page 65: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Inspiration

Page 66: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

SOU

RC

E: h

ttp

://a

nim

agra

ffs.

com

/mo

on

wal

k/

Page 67: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

What we talked about today…

Why use infographics…and when

Types of infographics

Translating your words into pictures

How to make the infographic

Additional tips and tools

Page 68: Infographics - d1j7xj945zixkm.cloudfront.net · Types of infographics Translating your words into pictures How to make the infographic Additional tips and tools. What is an infographic?

Thank you.

MARY OLIVIERIEVP, Executive Creative DirectorCopywriter

@MaryOlivieriECD

DON HARDERAssociate Creative DirectorDesigner

@cbd_dharder