What Makes An Infographic Bad & How To Make It Better

Embed Size (px)

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!

Text of What Makes An Infographic Bad & How To Make It Better

What Makes A Bad Infographic2

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 its 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 veiwers 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