Upload
mayuree-srikulwong
View
559
Download
3
Tags:
Embed Size (px)
Citation preview
How to Create Infographics
Using Pictures to Communicate
Em Srikulwong, PhD
13 Reasons Why
Your Brain
Crave Infographics
http://neomam.com/interactive/13reasons/
Design is about making communication as easy and clear for the viewers as possible.
- Garr Reynolds
Infographic Anatomy
Information
Visual Learning
Graphic Design
[Smiciklas, 2011]
Setting ObjectivesPurpose
Audiences
Schedule
Decide on
Budget Data
Labor Time
Top 9 Types of Infographics
https://venngage.com/blog/9-types-of-infographic-template/
Statistical Informational Timeline
Process GeographicComparison
Hierarchical Resume Chart Centric
+ Mixed type
Two Steps
Contents Techniques
Step
Contents
HOW Exactly?Use Symbol and Metaphor
Heavy Rain History / Progress 90%
HOW Exactly? Use ElementsNumeric Data -> Graph (Line, Area, Pie, Radar, Bar)
Process -> Flowchart, Cycle, Timeline
Relationship -> Gears Formula, Venn, Chart, Matrix
HOW Exactly? Use Pictures
http://www.columnfivemedia.com/work-items/infographic-cigarette-taxes-in-photos
Examples
Formula
Graphic symbols
[Smiciklas, 2011]
Examples of InfoG Resume
AjT Resumes
[re.vu]
Area ProportionBe Accurate with Information
Visualising "area" must match the "size" of data (area = height) -> you need to understand geometry.
50% 50%
/
1 Mil3 Mil
3 Mil
Radius 0.5" Area = 0.79 in
Radius 0.6" Area = 1.13 in
2
2 2Radius 0.87"
Area = 2.36 in
What Else?
The five-second rule
Tell one story well
What Else?Big Fonts are not data visualisations
Remember to use pictures/symbols with your words
China 1,163 Billion
Japan 357 Billion
US 331 Billion
Indonesia 259 Billion Russia 239 Billion
What Else?Eliminate Chart Legends
Male Female
Be Data TransparentUse trusted data sources and Give credits, e.g.
factbrowser.com
internetworldstats.com
www-958.ibm.com/software/analytics/manyeyes/
quantcast.com
wolframalpha.com
Don't Forget the Final Touch
http://www.coolinfographics.com/blog/2012/3/16/client-infographic-streamlining-your-digital-life-with-the-n.html
Company Logo
Source
CC License
Company URL
Designer
Workshop on Contents
Purpose Audiences
Priority of Information
Information Extraction
Step
Techniques
https://www.slideshare.net/mayureesrikulwong/presentation-techniques-in-thai
Workshop on Techniques
Draft Layout on Paper
Map Information by Priority
DO IT!!
Free Tools
www.inkscape.org
www.statsilk.com/software/statplanet
www.gimp.org
www.chartle.net
www.diagram.ly
www.diychart.com
charts.hohli.com
www.wordle.net
www-958.ibm.com/software/analytics/manyeyes/
Online Desktop
Design Sites & Elements
canva.com
easel.ly
Infogr.am
piktochart.com
visual.ly
flaticon.com
thenounproject.com
openclipart.org
freepix.com
ElementsDesign Sites
Inspirationvisual.ly
columnfivemedia.com
coolinfographics.com
dailyinfographic.com
informationisbeautiful.net
boostlabs.com
jess3.com
canva.com
pinterest.com
ReferencesKrum, R. 2014. Cool Infographics: Effective Communication with Data Visualization and Design. Wiley, IN, USA.
Smiciklas, M. 2011. The Power of Infographics. Que, Indiana, USA.
www.thenounproject.com
www.flaticon.com
http://www.oja.go.th/th/dt_gallery/infographic/
http://infographic.in.th
Attribution - Non Commercial - No Derivatives
http://www.slideshare.net/mayureesrikulwong