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