WHAT ARE INFOGRAPHICS?bostonlatincapstone.weebly.com/uploads/3/1/.../hourigan_-_infograp… · Data...
Transcript of WHAT ARE INFOGRAPHICS?bostonlatincapstone.weebly.com/uploads/3/1/.../hourigan_-_infograp… · Data...
WHAT ARE INFOGRAPHICS?Data Meets Design
Thinking too hard hurts - target emotion and create bias
Find Meaning in Data
Tell a Story
Communicate Information and Emotion
Brain wired for images - instant absorption
Make the most of that first glimpse - impressions count
Secrets:
INFOGRAPHICS
How many Bs?
COLOR
SIZEOR
G
A
NN
OI T
A Z
I
COLOR
SIZE ORGANIZATION
Color is:MeaningConnected to feelingsRecognizable
Use of Color
CREATIVE
CONFIDENT
PASSIONATE PEACEFUL
OPTIMISTIC
LOYAL
NEUTRAL
STABLE
Can I make you feel . . .
Can I make you feel . . .
http://thecolorsofmotion.com/films
Size is:DramaticBiasedImpactful
Use of Size
http://www.distancetomars.com/
How far away is Mars?
Which circle is twice the size of the small one?
Surprise - they both are
Radius = 75 pxArea = 17662.5 px
Radius = 150 pxArea = 70650 px
Radius = 106 pxArea = 35325 px
2x Area
2x Radius
Organization is:StrategicRelationalPretty
Use of Organization
http://easel.ly
http://infogr.am
http://piktochart.com/
Design your own Infographic
Photoshop
GIMP
Design your own Infographic
Number grid: http://edex.adobe.com/professional-development/workshop/data-visualizations
Veteran Affairs: http://www.redorbit.com/media/uploads/2015/10/wapo_veterans.jpg
Football: https://hbr.org/resources/images/article_assets/2014/04/bainfographics_espn.jpg
Periodic Table: http://sciencenotes.org/wp-content/uploads/2013/06/PeriodicTable-NoBackground2.png
Amazon: http://creativebits.org/files/infographics/infographics13.png
Sources