What Makes An Infographic Bad & How To Make It Better
1
kkkkkkkkk kkkkkkkkk iiiiiiiii iiiiiiiii kkkkkkkkk kkkkkkkkk iiiiiiiii iiiiiiiii kkkkkkkkk kkkkkkkkk iiiiiiiii iiiiiiiii Aa Many bright colors can strain the eyes and cause confusion when comprehending data Aa ...& How To Make It Better TYPOGRAPHY WHAT MAKES AN INFOGRAPHIC BAD COLOR Color Palette Background Type sample resources for color palettes Adobe Kuler • Color Scheme Designer • colourco.de Ask H&FJ • Smashing Magazine TypeConnection (A Typographic Dating Game) rainbow palette 3-color palette With the high demand for infographics, the same bad practices often pop up. But there is a way to make infographics better. Here are a few do's and don'ts to help you accentuate that amazing content and better understand what makes a great infographic work so well... Let this be the death to cluttered, overwhelming infographics! Keep these tips in mind when you are creating your own infographics or working with infographic designers. And note, these are just basic principles to get you started. Each infographic is its own unique system with multiple layers. Sometimes it’s okay to bend the rules, just take your time, think it through, refine, and edit your infographics as thoroughly as you can! Selection Body Size samples Resources for combining fonts LAYOUT Order & Hierarchy Balance White Space sample fastcodesign.com • good.is • visualnews.com wired.com • columnfivemedia.com Where to find great infographics www.verticalmeasures.com bright colors neutral colors colors too similar contrasting colors, dark & light DIFFERENT PROPORTIONS and stylized fonts too decorative type for body copy and not legible simpler styles similar stye fonts with appropriate sizes simple and clear type for paragraph text clean and legible font size can make the graphic organized and easy to read and to follow THE ARRAY OF different font styles can make the graphic too busy and hard to read establishing a sense of order and balance is easy on the eyes to easily digest and skim the information presented AN UNBALANCED Hierarchy graphic can be distracting and not establishing a the body copy is too small, is hard to read, and strenuous on the veiwer’s eyes NOW, MAKE IT BETTER! ggggggggg ggggggggg 3 2 1 1 to one area objects are layed out evenly making it easier to highlight info makes it hard to focus on important areas and allows the viewer create a 2 confusing 3 flow that 4 is hard to comprehend create a logical flow that is easy to follow while isolating others clutter and not letting the background show through allowing the background to show through helps the eye organize data similar proportions clump random elements a contrast between the background and the content can make the content pop and easy to read
-
date post
17-Oct-2014 -
Category
Design
-
view
828 -
download
0
description
More and more, we see infographics all over the web. Infographics are a great way to show complex data in a simplified manner, or to tell a story in a fun way. However, not all infographics are created equal and we see more bad habits evolving all the time. Below are some tips to help you get started. Whether you are creating infographics yourself or working with a designer, these basic principles will help build the basic structures for a clear and clean infographic that will let your content shine!
Transcript of What Makes An Infographic Bad & How To Make It Better
kkkkkkkkkkkkkkkkkk
iiiiiiiiiiiiiiiiii
kkkkkkkkkkkkkkkkkk
iiiiiiiiiiiiiiiiii
kkkkkkkkkkkkkkkkkk
iiiiiiiiiiiiiiiiii
Aa
Many bright colors can strain the eyes and cause confusion when comprehending data
Aa
...& How To Make It Better
TYPOGRAPHY
WHAT MAKES AN INFOGRAPHIC
BAD
COLOR
Color Palette
Background
Type
sample
resources for color palettes
Adobe Kuler • Color Scheme Designer • colourco.de
Ask H&FJ • Smashing Magazine TypeConnection (A Typographic Dating Game)
rainbow palette 3-color palette
With the high demand for infographics, the same bad practices often pop up. But there is a way to make infographics better. Here are a few do's and don'ts
to help you accentuate that amazing content and better understand what makes a great infographic work so well...
Let this be the death to cluttered, overwhelming infographics! Keep these tips in mind when you are creating your own infographics or working with infographic designers. And note, these are just basic principles to get you started. Each
infographic is its own unique system with multiple layers. Sometimes it’s okay to bend the rules, just take your time, think it through, refine, and edit your
infographics as thoroughly as you can!
Selection
Body
Size
samples
Resources for combining fonts
LAYOUT
Order & Hierarchy
Balance
White Space
sample
fastcodesign.com • good.is • visualnews.com wired.com • columnfivemedia.com
Where to find great infographics
www.verticalmeasures.com
bright colors neutral colors
colors too similar contrasting colors, dark & light
DIFFERENT PROPORTIONSand stylized fonts
too decorative type for body copyand not legible
simpler styles
similar stye fontswith appropriate sizes
simple and cleartype for paragraph text
clean and legible font size
can make the graphic organized and easy to read and to follow
THE ARRAY OFdifferent font stylescan make the graphic too busy and hard to read
establishinga sense of order and balance iseasy on the eyes
to easily digest and skim the information presented
AN UNBALANCED
Hierarchy
graphic can be distracting and not establishing a
the body copy is too small, is hard to read, and strenuous on the veiwer’s eyes
NOW, MAKE IT BETTER!
ggggggggg ggggggggg
3
2
1
1
to one area
objectsare layedout evenly
making iteasier tohighlightinfo
makes it hard to focus on important areas
and allows the viewer
create a
2 confusing
3 flow that
4 is hard tocomprehend
create a
logical flow
that is easyto follow
while isolating others
clutter and not letting
the background show through
allowing the background to show through helps the eye organize data
similar proportions
clump random elements
a contrast between the background and the content can make the content pop and easy to read
![How ads.txt Makes Advertising Transparent [Infographic]](https://static.fdocuments.us/doc/165x107/5a649f717f8b9a8e568b4ef7/how-adstxt-makes-advertising-transparent-infographic.jpg)
![How to Avoid Bad Dates with Bad Leads [Infographic]](https://static.fdocuments.us/doc/165x107/53efdf918d7f72874b8b497f/how-to-avoid-bad-dates-with-bad-leads-infographic.jpg)
