Digital Message Making

28
DIGITAL MESSAGE MAKING The Art Institute of California

description

Digital Message Making. The Art Institute of California. objectives. Learn about infographics and how to design them Begin Assignment #2 – Concept Generation through Combination. infographics. Earliest infographics. What is an infographic ?. - PowerPoint PPT Presentation

Transcript of Digital Message Making

Page 1: Digital Message Making

DIGITAL MESSAGE

MAKINGThe Art Institute of California

Page 2: Digital Message Making

OBJECTIVES Learn about infographics and how to

design them Begin Assignment #2 – Concept

Generation through Combination

Page 3: Digital Message Making

INFOGRAPHICS

Page 4: Digital Message Making

EARLIEST INFOGRAPHICS

Page 5: Digital Message Making

WHAT IS AN INFOGRAPHIC?An infographic (short for information

graphic) is a “graphic visual representation of information, data or knowledge”.

--As defined by Wikipedia

Infographics is closely related to the field of data visualization (the study of the visual representation of data).

Sometimes these terms are used interchangeably.

For our purposes, we will look at infographics that have an illustrative quality to them.

Page 6: Digital Message Making

A QUICK COMPARISON

Infographic Data Visualization

Page 7: Digital Message Making

WHY CREATE AN INFOGRAPHIC? A combination of pictures, symbols,

colors and words can communicate complex information more clearly than raw data and dense text.

Page 8: Digital Message Making

TYPES OF INFOGRAPHICSStatistics-based

These often use charts to show relationships between different things

These can also take the form of “fast facts” (short lists of bite-size information)

Page 9: Digital Message Making

STATISTICS-BASED INFOGRAPHICS

Page 10: Digital Message Making

STATISTICS-BASED INFOGRAPHICS

Page 11: Digital Message Making

TYPES OF INFOGRAPHICSTimeline-based

These often use charts to show data over a period of time

Page 12: Digital Message Making

TIMELINE-BASED INFOGRAPHICS

Page 13: Digital Message Making

TIMELINE-BASED INFOGRAPHICS

Page 14: Digital Message Making

TYPES OF INFOGRAPHICSLocation/Geography-based

These usually take the form of maps to show information about specific areas

Page 15: Digital Message Making

LOCATION-BASED INFOGRAPHICS

Page 16: Digital Message Making

LOCATION-BASED INFOGRAPHICS

Page 17: Digital Message Making

TYPES OF INFOGRAPHICSProcess-based

These usually use diagrams to show the steps involved in creating something

Page 18: Digital Message Making

PROCESS-BASED INFOGRAPHICS

Page 19: Digital Message Making

PROCESS-BASED INFOGRAPHICS

Page 20: Digital Message Making

ANATOMY OF AN INFOGRAPHIC1. Title/Headline2. The information

(represented by text and graphics)

3. Credits (attributing the data sources)

If necessary, a brief description of your infographic may be helpful

Also, if necessary, a key or legend to explain what symbols mean

1

2

3

Page 21: Digital Message Making

STEPS TO MAKING AN INFOGRAPHIC1. Come up with a Topic or Theme

You can’t do any research until you know what you’re researching…

As you think about your topic, you need to ask yourself Why am I choosing this topic? The Why will help you consider what kind of

information you are going to gather

Page 22: Digital Message Making

STEPS TO MAKING AN INFOGRAPHIC2. Research and Data Gathering

Find out what you can about your topic Be sure to keep track of your sources

As you gather, think about how you will tell a story with the information A narrative is easier to follow than raw data

without context

Page 23: Digital Message Making

STEPS TO MAKING AN INFOGRAPHIC3. Figure out a Color Scheme

Choose what colors will represent what information Create a Key/Legend

Consider color combination principles Monochromatic colors Analogous colors Complimentary colors, etc…

Page 24: Digital Message Making

STEPS TO MAKING AN INFOGRAPHIC4. Rough out a Design

Figure out how the information will flow on the page

Figure out the eye path your audience will take Western audiences traditionally read top-to-

bottom, left-to-right

Page 25: Digital Message Making

STEPS TO MAKING AN INFOGRAPHIC5. Condense the Data into Graphics

and Simple TextBoil down the information gathered into the

most interesting and essential factsConvert the information into graphics and

text that are clear and easy to understand Graphics should be direct (no ambiguous

illustrations) Text should be bite-size (simple phrases and

sentences)

Page 26: Digital Message Making

STEPS TO MAKING AN INFOGRAPHIC6. Putting the Pieces Together

Organize your graphics and text on the page

During this step, ask yourself… Is the design visually engaging? Is the infographic clear and easy to understand?

Page 27: Digital Message Making

ADDITIONAL INFOGRAPHICS On the class blog, there are links to

additional resources:Webpages and websites dedicated to

infographics/data visualizationArticles with tips on creating infographics

Page 28: Digital Message Making

END Questions?