18 Tips for Creating Beautiful Infographics
-
Upload
edahn-small -
Category
Design
-
view
2.606 -
download
1
Transcript of 18 Tips for Creating Beautiful Infographics
![Page 1: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/1.jpg)
[email protected] | www.hypothesisgroup.com
![Page 2: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/2.jpg)
Design team at Hypothesis here with another presentation to help you out with your design!
We gathered the best infographic tips for you and chose some of our favorite graphics to illustrate the tips in action.
Each infographic is hyperlinked to the original, so you can view each piece in all its visual glory. The file is free to download.
24 PRESENTATION DESIGN TIPS FROM REAL DESIGNERS
OUR LAST PRESENTATION, FEATURED ON SLIDESHARE
![Page 3: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/3.jpg)
![Page 4: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/4.jpg)
DISSECT YOUR FAVORITE INFOGRAPHICS.
1
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.
![Page 5: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/5.jpg)
BUILD A WIREFRAME.
Organize all your content and sketch the story out before you start designing.
2CLICK TO SEE THE
FULL INFOGRAPHIC
![Page 6: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/6.jpg)
GIVE IT A KILLER TITLE.Aim for 3-7 words for your title and tagline. Make it catchy but communicative.
3
CLICK TO SEE THE FULL INFOGRAPHIC
CLICK TO SEE THE FULL INFOGRAPHIC
CLICK TO SEE THE FULL INFOGRAPHIC
![Page 7: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/7.jpg)
CLICK TO SEE THE FULL INFOGRAPHIC
INTRODUCTION
CONCLUSION
An infographic is a story, and like any story, needs a start and finish. An intro gives context and sets up the problem, whereas the conclusion sets up the solution.
ADD ACONCISE INTRO AND CONCLUSION.
4
![Page 8: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/8.jpg)
KEEP YOUR VOICECONSISTENT THROUGHOUT.
CLICK TO SEE THE FULL INFOGRAPHIC
In addition to the consistency in
visual design, the subheads (circled
in yellow) have the same playful, snarky voice.
5
![Page 9: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/9.jpg)
FIND A GOOD BALANCE BETWEEN TEXT AND IMAGERY.
6
CLICK TO SEE THE FULL INFOGRAPHIC
JUSTRIGHT!
TOO MUCH TEXT
CLICK TO SEE THE FULL INFOGRAPHIC
TOO MUCH IMAGERY
CLICK TO SEE THE FULL INFOGRAPHIC
![Page 10: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/10.jpg)
7
USE A 3-6 COLUMN GRID.
CLICK TO SEE THE FULL INFOGRAPHIC
CLICK TO SEE THE FULL INFOGRAPHIC
4 COLUMN 3 COLUMN
![Page 11: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/11.jpg)
CLICK TO SEE THE FULL INFOGRAPHIC
CLICK TO SEE THE FULL INFOGRAPHIC
CLICK TO SEE THE FULL INFOGRAPHIC
4 COLUMN 3 COLUMN6 COLUMN7
USE A 3-6 COLUMN GRID.
![Page 12: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/12.jpg)
KEEP ICONS AND ILLUSTRATIONS CONSISTENT.
CLICK TO SEE THE FULL INFOGRAPHIC
8
SIMILARTEXTURES
LINE WEIGHTS
THE SAME
MINIMAL COLOR
SIMPLE SHAPES
SAME PERSPECTIVE
![Page 13: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/13.jpg)
DON’T WASTE THE SPACE YOU HAVE.
9
“Graphical excellence is that which gives to the viewer the greatest number of ideas in the shortest time with the least ink in the smallest space.” ― Edward R. Tufte 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!
![Page 14: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/14.jpg)
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
10
![Page 15: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/15.jpg)
USE COLOR PURPOSEFULLY TO DRAW ATTENTION.Using bright, high-contrast colors sparingly can make information pop right out at your viewer.
11
CLICK TO SEE THE FULL INFOGRAPHIC
![Page 16: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/16.jpg)
PICK A GREAT COLOR PALETTE.12
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.
![Page 17: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/17.jpg)
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.
13
CLICK TO SEE THE FULL INFOGRAPHIC
SUB HEADINGSClarendon HV BT
BODY COPYIntropol
HEADINGSChaparral Pro Light
![Page 18: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/18.jpg)
USE VARIETY WHEN SHOWING DATA.To keep things interesting, think of creative ways to show information.
14
CLICK TO SEE THE FULL INFOGRAPHIC
Check out our Instagram www.instagram.com/hypothesisgroupfor some inspiration.
Spotlighted Key Numbers
Varying Graph Styles
Simple Visualizatio
n
![Page 19: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/19.jpg)
KNOW YOUR CHART TYPESAND WHEN TO USE THEM.
CLICK TO SEE THE FULL INFOGRAPHIC
15
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.
![Page 20: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/20.jpg)
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.
16
CLICK TO SEE THE FULL INFOGRAPHIC
Guess what this infographic’s about?
![Page 21: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/21.jpg)
TRY DESIGNINGOFF THE COMPUTER.
17Try designingwith objectsWrite with chalk!
CLICK TO SEE THE FULL INFOGRAPHIC
CLICK TO SEE THE FULL INFOGRAPHIC
If you’re going for a fresh look, consider going low-tech: pen and paper, chalk, or photographing objects is not only fun but inventive.
![Page 22: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/22.jpg)
18
Organize all of your sources atthe end of your infographic.
CLICK TO SEE THE FULL INFOGRAPHIC
SOURCE ALL THE THINGS!
![Page 23: 18 Tips for Creating Beautiful Infographics](https://reader031.fdocuments.in/reader031/viewer/2022030310/58f9a9de760da3da068b72fc/html5/thumbnails/23.jpg)
Inquiries: [email protected]
Web: www.hypothesisgroup.com
LinkedIn: www.linkedin.com/company/hypothesis-group
Instagram: www.Instagram.com/hypothesisgroup