+ All Categories
Home > Documents > Infographics - Ragan Communications€¦ · Types of infographics Translating your words into...

Infographics - Ragan Communications€¦ · Types of infographics Translating your words into...

Date post: 21-May-2020
Category:
Upload: others
View: 5 times
Download: 0 times
Share this document with a friend
68
Infographics How to easily turn content into visuals people will want to like and share
Transcript
Page 1: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

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

Page 2: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

MARY OLIVIERIEVP, Executive Creative DirectorCopywriter

@MaryOlivieriECD

DON HARDERAssociate Creative DirectorDesigner

@cbd_dharder

Page 3: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

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 - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

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 - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 6: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 7: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 8: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Why and whento use an infographic

Page 9: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 10: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 11: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 12: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 13: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 14: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 15: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 16: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Sharing Statistics

Page 17: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 18: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 19: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 20: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Telling a Story

Page 21: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

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 - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Showing a Process

Page 23: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 24: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

TIPSfor identifying images in your words.

Page 25: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

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

Page 26: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

“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 - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Use colorfor differentiation.

Page 28: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

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

=PROJECTS

Page 29: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Try creating unique illustrations that tell the story.

Page 30: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

“To be, ornot to be…” =

Page 31: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Represent ‘things’with imagery.

Page 32: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

“10 musicians were tapped…” =

Page 33: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Use pictograms to convey percentages or ratios.

Page 34: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

“Four out offive doctors…” =

Page 35: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Let icons dothe talking.

Page 36: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

“Drink this and it will kill you.” =

Page 37: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Use callouts tograb attention.

Page 38: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

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

=

Page 39: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

The Process

Page 40: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

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 - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

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 - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

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 - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

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 - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

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 - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

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 - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

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 - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 48: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 49: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 50: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 51: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 52: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 53: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 54: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 55: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Making your infographic

Page 56: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 57: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 58: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 59: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 60: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it
Page 61: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Resources for graphics

Stockphotographs

and illustrations

Grab your smartphone

Corporate photo library

Built-inonline tools

Page 62: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Be mindful of whatyou download from

the Internet.

Page 63: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Design Considerations

Page 64: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Consider white space

Share only what you need to

Brand colors

Three fonts or less

Ask questions

Honor ownership

Page 65: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Inspiration

Page 66: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

SOU

RC

E: h

ttp

://a

nim

agra

ffs.

com

/mo

on

wal

k/

Page 67: Infographics - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

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 - Ragan Communications€¦ · Types of infographics Translating your words into pictures How to make the infographic ... Let icons do the talking. Drink this and it

Thank you.

MARY OLIVIERIEVP, Executive Creative DirectorCopywriter

@MaryOlivieriECD

DON HARDERAssociate Creative DirectorDesigner

@cbd_dharder


Recommended