What Makes An Infographic Bad & How To Make It Better

  • Published on
    17-Oct-2014

  • View
    812

  • Download
    0

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!

Transcript

<p>What Makes A Bad Infographic2</p> <p>kkkkkkkkkkkkkkkkkk</p> <p>iiiiiiiiiiiiiiiiii</p> <p>kkkkkkkkkkkkkkkkkk</p> <p>iiiiiiiiiiiiiiiiii</p> <p>kkkkkkkkkkkkkkkkkk</p> <p>iiiiiiiiiiiiiiiiii</p> <p>Aa</p> <p>Many bright colors can strain the eyes and cause confusion when comprehending data</p> <p>Aa</p> <p>...&amp; How To Make It Better</p> <p>TYPOGRAPHY</p> <p>WHAT MAKES AN INFOGRAPHIC </p> <p>BAD</p> <p>COLOR</p> <p>Color Palette</p> <p>Background</p> <p>Type</p> <p>sample</p> <p>resources for color palettes</p> <p>Adobe Kuler Color Scheme Designer colourco.de </p> <p>Ask H&amp;FJ Smashing Magazine TypeConnection (A Typographic Dating Game)</p> <p>rainbow palette 3-color palette</p> <p>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 </p> <p>to help you accentuate that amazing content and better understand what makes a great infographic work so well...</p> <p>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 </p> <p>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 </p> <p>infographics as thoroughly as you can!</p> <p>Selection</p> <p>Body</p> <p>Size</p> <p>samples</p> <p>Resources for combining fonts</p> <p>LAYOUT</p> <p>Order &amp; Hierarchy</p> <p>Balance</p> <p>White Space</p> <p>sample</p> <p>fastcodesign.com good.is visualnews.com wired.com columnfivemedia.com</p> <p>Where to find great infographics</p> <p>www.verticalmeasures.com</p> <p>bright colors neutral colors</p> <p>colors too similar contrasting colors, dark &amp; light</p> <p>DIFFERENT PROPORTIONSand stylized fonts</p> <p>too decorative type for body copyand not legible</p> <p>simpler styles</p> <p>similar stye fontswith appropriate sizes</p> <p>simple and cleartype for paragraph text</p> <p>clean and legible font size</p> <p>can make the graphic organized and easy to read and to follow</p> <p>THE ARRAY OFdifferent font stylescan make the graphic too busy and hard to read</p> <p>establishinga sense of order and balance iseasy on the eyes</p> <p>to easily digest and skim the information presented</p> <p>AN UNBALANCED</p> <p>Hierarchy</p> <p>graphic can be distracting and not establishing a</p> <p>the body copy is too small, is hard to read, and strenuous on the veiwers eyes</p> <p>NOW, MAKE IT BETTER!</p> <p>ggggggggg ggggggggg</p> <p>3</p> <p>2</p> <p>1</p> <p>1</p> <p>to one area </p> <p>objectsare layedout evenly</p> <p>making iteasier tohighlightinfo</p> <p>makes it hard to focus on important areas</p> <p>and allows the viewer</p> <p>create a </p> <p>2 confusing</p> <p>3 flow that</p> <p>4 is hard tocomprehend</p> <p>create a </p> <p>logical flow</p> <p>that is easyto follow</p> <p>while isolating others</p> <p>clutter and not letting </p> <p>the background show through</p> <p>allowing the background to show through helps the eye organize data</p> <p>similar proportions</p> <p>clump random elements</p> <p>a contrast between the background and the content can make the content pop and easy to read</p>