digital message making
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 PresentationTRANSCRIPT
![Page 1: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/1.jpg)
DIGITAL MESSAGE
MAKINGThe Art Institute of California
![Page 2: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/2.jpg)
OBJECTIVES Learn about infographics and how to
design them Begin Assignment #2 – Concept
Generation through Combination
![Page 3: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/3.jpg)
INFOGRAPHICS
![Page 4: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/4.jpg)
EARLIEST INFOGRAPHICS
![Page 5: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/5.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/6.jpg)
A QUICK COMPARISON
Infographic Data Visualization
![Page 7: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/7.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/8.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/9.jpg)
STATISTICS-BASED INFOGRAPHICS
![Page 10: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/10.jpg)
STATISTICS-BASED INFOGRAPHICS
![Page 11: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/11.jpg)
TYPES OF INFOGRAPHICSTimeline-based
These often use charts to show data over a period of time
![Page 12: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/12.jpg)
TIMELINE-BASED INFOGRAPHICS
![Page 13: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/13.jpg)
TIMELINE-BASED INFOGRAPHICS
![Page 14: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/14.jpg)
TYPES OF INFOGRAPHICSLocation/Geography-based
These usually take the form of maps to show information about specific areas
![Page 15: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/15.jpg)
LOCATION-BASED INFOGRAPHICS
![Page 16: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/16.jpg)
LOCATION-BASED INFOGRAPHICS
![Page 17: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/17.jpg)
TYPES OF INFOGRAPHICSProcess-based
These usually use diagrams to show the steps involved in creating something
![Page 18: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/18.jpg)
PROCESS-BASED INFOGRAPHICS
![Page 19: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/19.jpg)
PROCESS-BASED INFOGRAPHICS
![Page 20: Digital Message Making](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/20.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/21.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/22.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/23.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/24.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/25.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/26.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/27.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062501/56815b8d550346895dc98faa/html5/thumbnails/28.jpg)
END Questions?