Download - 11 Tips for Creating Beautiful Infographics
[email protected] | www.hypothesisgroup.com
DISSECT YOUR FAVORITE INFOGRAPHICS.
CLICK TO SEE THE FULL INFOGRAPHIC
Great typography
Cutouts interacting with elements
Variety of graphs
Relevant visualization
Simple color palette
White space
3 column grid
Learn by doing! A great way to learn is to study what’s been done, what works, and what doesn’t work.
CLICK TO SEE THE FULL INFOGRAPHIC
CLICK TO SEE THE FULL INFOGRAPHIC
CLICK TO SEE THE FULL INFOGRAPHIC
4 COLUMN3 COLUMN 6 COLUMN
USE A 3-6 COLUMN GRID.
MIND THE 5-SECOND RULE.The 5-second rule (no, not the one that lets you eat off the floor) says that you should be able to figure out what something’s about in 5 seconds. It’s a good rule for data visualizers and presentation designers alike.
CLICK TO SEE THE FULL INFOGRAPHIC
Guess what this infographic’s about?
USE VARIETY WHEN SHOWING DATA.To keep things interesting, think of creative ways to show information.
CLICK TO SEE THE FULL INFOGRAPHIC
Check out our Instagram www.instagram.com/hypothesisgroupfor some inspiration
Spotlighted Key Numbers
Varying Graph Styles
Simple Visualization
STICK TO 3 FONT STYLES.There’s an art to pairing fonts. Using too many different font styles will end up confusing your reader about their meaning and runs the risk of mismatched fonts.
CLICK TO SEE THE FULL INFOGRAPHIC
SUB HEADINGSClarendon HV BT
BODY COPYIntropol
HEADINGSChaparral Pro Light
PICK A GREAT COLOR PALETTE.
CLICK TO SEE THE FULL INFOGRAPHIC
CLICK TO SEE THE FULL INFOGRAPHIC
CLICK TO SEE THE FULL INFOGRAPHIC
Sites with great color inspiration
RGB: 240, 82, 73 #F05249
RGB: 150, 150, 152#969698
RGB: 244, 186, 78#F4BA4E
RGB: 48, 76, 98#304C62
RGB: 36, 120, 120# 247878
RGB: 0, 204, 153# 00CC99
RGB: 127, 175, 157 #7FAF9D
RGB: 88, 89, 91#58595B
RGB: 171, 193, 76#ABC14C
Choose colors that match the theme of your graphic, but be sure to include enough contrast to help guide readers and make the information pop.
USE COLOR PURPOSEFULLY TO DRAW ATTENTION.Using bright, high-contrast colors sparingly can make information pop right out at your viewer.
CLICK TO SEE THE FULL INFOGRAPHIC
WHITE SPACE ≠ WASTED SPACE.Letting the information on your graphic breathe will create a more soothing experience and lets the user absorb the information easily.
CLICK TO SEE THE FULL INFOGRAPHIC
DON’T WASTE THE SPACE YOU HAVE.
CLICK TO SEE THE FULL INFOGRAPHIC
The pie chart in the center of this infographic takes up roughly 20% of the page, but only conveys 4 points of data. What a waste!
KEEP THE ICON AND ILLUSTRATION STYLES CONSISTENT.
CLICK TO SEE THE FULL INFOGRAPHIC
Inquiries: [email protected]
Web: www.hypothesisgroup.com
LinkedIn: www.linkedin.com/company/hypothesis-group
Instagram: www.Instagram.com/hypothesisgroup
MORE TIPS HERE!
KNOW YOUR CHART TYPESAND WHEN TO USE THEM.
BAR CHARTSBest when comparing different categories of things.
LINE GRAPHSUsed to show change over time.
PIES & DONUTSBest when showing 2 points of data that sum to 100%. Worst when they have more than 3 divisions.
CLICK TO SEE THE FULL INFOGRAPHIC
1
2
But don’t be afraid to break the
grid!
3
4
5
6
7
8
9
10
11
“Graphical excellence…gives to the viewer the greatest number of ideas in the shortest time with…the smallest space.” ― Edward R. Tufte
Set up a solid grid before you start building your infographic so your placement of copy, graphics, and charts doesn’t look messy and chaotic.
CONSISTENTTEXTURES
LINE WEIGHTS
THE SAME
MINIMAL COLOR
SIMPLE SHAPES
SAME PERSPECTIVE
THICK OUTLINE
STYLE
The orange bubbles explain how the designer was able to achieve a consistent look and feel for the beautiful icons in this infographic.