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