{"id":7073,"date":"2016-08-08T16:23:51","date_gmt":"2016-08-08T20:23:51","guid":{"rendered":"https:\/\/venngage.com\/blog\/?p=7073"},"modified":"2026-04-24T10:18:43","modified_gmt":"2026-04-24T14:18:43","slug":"7-essential-rules-create-infographics","status":"publish","type":"post","link":"https:\/\/venngage.com\/blog\/7-essential-rules-create-infographics\/","title":{"rendered":"7 Essential Rules to Create Infographics"},"content":{"rendered":"

\"blogheader\"<\/a><\/p>\n

C.S. Jones is a professional journalist, photographer, and illustrator. He lives in the part of South Philly where they still say “jawn.”<\/span><\/em><\/p>\n

It\u2019s simple: people remember 10% of what they hear, 20% of what they read, and 80% of what they see and do. So, if you want to make information memorable, turn it into something the audience sees and does, not hears or reads.<\/span><\/p>\n

But wait: before you just load up some <\/span>chart maker<\/span><\/a> program, there are rules. Building infographics is an art these days, and if you want to make one that people will stop and read, you have to do it right.<\/span><\/p>\n

First\u2026<\/span><\/p>\n

1. Make one big point<\/h2>\n

Ideally, you should have a single, coherent message that the entire infographic serves to deliver. Think of it as a story: it\u2019s told with data and visual metaphors, but the structure is still the same. <\/span><\/p>\n

\"Infographic<\/a><\/p>\n

Via Smashing Magazine<\/span><\/i><\/a><\/p>\n

First comes the hook: Building infographics worth reading is meant\u00a0to illuminate some fact or to lead the viewer to some conclusion they otherwise wouldn\u2019t have reached.<\/strong><\/p>\n

Then there\u2019s the meat of the story, which comes in at the middle as the reader continues through to the supporting data. Then, at the end: the conclusion.<\/span><\/p>\n

\"Infographics<\/a><\/p>\n

Via Visual.ly<\/span><\/i><\/a><\/p>\n

This plot can be as simple or as complex as you want, and more complex isn\u2019t always better. In many ways, road signs are the perfect infographics: they convey exactly the information they need to convey, with a clearly visible premise and conclusion, at a size that can be read at 70 miles an hour. They\u2019re done big, with bold colors and easily readable fonts, and their design language is so iconic. it\u2019s imitated the world over.<\/span><\/p>\n

But if you need to convey something more complicated than the speed limit, that\u2019s where the rest of these rules come in.<\/span><\/p>\n

2. Use simple combinations of primary colors<\/h2>\n

One more lesson you can take from road signs, though, is color palette design: you might have noticed they use as few colors as possible, they\u2019re all eye-catching primaries, and there\u2019s a clear logic to how they pick them.<\/span><\/p>\n

Yellow: take notice. Orange: you should probably look at this. Red: Stop what you\u2019re doing and read this now. That\u2019s exactly how colors should be used when it comes to conveying data: simple ones, arranged by importance, with a clear sense of which color means what.<\/span><\/p>\n

\"True<\/a><\/p>\n

Full Infographic on Column Five<\/span><\/i><\/a><\/p>\n

\u201cIf picking a color palette is hard for you, stick to the rule of three,\u201d says <\/span>Smashing<\/span><\/i><\/a>. <\/span><\/p>\n

How is the the rule of 3 used in design or in this instance, picking a color? Choose three primary colors: a light one as a background and two more for the base of your infographic and your accents, such as headings.<\/strong><\/p>\n

Use four at most, suggests<\/span> Venngage\u2019s own guide to the subject.<\/span><\/a> (This guide goes into the different types of color scheme, like monochrome, adjacent, and tetradic, in much more detail than I can here, so we recommend you give it a read.)<\/span><\/p>\n

As a general rule: <\/span><\/p>\n

    \n
  1. Use as few colors as possible and,<\/span><\/li>\n
  2. if you must add another color, make sure there\u2019s a reason behind it, like if you find another piece of data that has to be separate from the others.<\/span><\/li>\n<\/ol>\n

    3. Space it out<\/h2>\n

    \"Abstract<\/a><\/p>\n

    Via 123rf<\/span><\/i><\/a><\/p>\n

    Whitespace–or negative space, if yours isn\u2019t white–is a fundamental element of good design. Contrary to what you might think, a cluttered infographic isn\u2019t a good infographic<\/a>. You need to pick and choose which information you want to display, that best suits your premise, and use negative space to lead your reader from point to point until they reach the conclusion.<\/p>\n

    The amount of space around each design element helps your reader prioritize what to read first, then in which order to read the rest of the infographic. Elements surrounded by negative space will be set apart from the rest of the document and seem more important\u2014or at least, seem like they lead off in another, more interesting direction than elements that are closer to the rest of of the group.<\/span><\/p>\n

    And one of the most important uses of negative space is to make sure your elements are properly aligned. This\u2019ll go a long way towards structuring your data, which is a large part of convincing your readers there\u2019s a point to the information and showing them the pattern you want them to see in it.<\/span><\/p>\n

    \"Infographic<\/a><\/p>\n

    Via Hongkiat<\/span><\/i><\/a><\/p>\n

    In infographics, even more than in many other forms of media, balance and harmony are important. You don\u2019t want your reader to get overwhelmed or bored by walls of information, do you? No, you don\u2019t. So cut out anything that\u2019s likely to do that and replace it with a big old slab of nothing. Your readers will thank you.<\/span><\/p>\n

    4. Choose three quality fonts<\/h2>\n

    One thing you want to minimize when designing an infographic is text. Too much text defeats the purpose, anyway. Titles, headings, and a few pithy captions are good form but besides that, cut it out. People don\u2019t click on infographics to read an article.<\/span><\/p>\n

    Typography can make or break a design of any type, though–infographics included–so it\u2019s important to touch on it.<\/p>\n

    Again: the rule of three. <\/span>Use three fonts<\/span><\/a>: <\/span><\/p>\n

      \n
    1. One for your title\/header, <\/span><\/li>\n
    2. one for your body, <\/span><\/li>\n
    3. and a third for flavor.<\/span><\/li>\n<\/ol>\n

      The title is the perfect place to use an interesting font that serves as a visual metaphor for your data. Just make sure it doesn\u2019t distract from the data it\u2019s trying to underscore. Next is your body font, which should be simple and readable. Decorative fonts are for headers only. Nothing screams \u201cnoob mistake\u201d like using anything that isn\u2019t a simple, readable font for body text.<\/span><\/p>\n

      Finally comes the \u201caccent\u201d font: the one you\u2019ll probably use for captions and subheadings. This should be somewhere between the two. You don\u2019t want a full-on decorative font, but neither do you want something too simple.<\/span><\/p>\n

      If your graphic\u2019s going to appear both online and in print, <\/span>Dummies.com<\/span><\/a> advises: \u201cCheck your fonts both on the computer screen and on paper because sometimes what looks great onscreen doesn\u2019t translate as well to print documents.\u201d<\/span><\/p>\n

      Remember the cost of exclusive fonts. There are plenty of free ones–DaFont is surprisingly good for that, and many other sites also have \u201cfreebies\u201d–but remember that if a client insists on a high-quality custom one, they might have to be prepared to shell out anywhere from thirty to a few hundred dollars for it. And remember to invoice for that. <\/span><\/p>\n

      5. Come up with a solid, eye-catching design<\/h2>\n

      Set up your storyline and how you want the infographic to flow from one topic to the next before you start laying it out. <\/span>Smashing<\/span><\/i> recommends you spend an hour on this stage, and don\u2019t stop until you have some usable layout sketches.<\/span><\/p>\n

      \"Block<\/a><\/p>\n

      Via Dummies.com<\/span><\/i><\/a><\/p>\n

      Most online infographics have a vertical flow–they\u2019re laid out like articles, designed for the viewer to scroll down through them as they tell a story. Others are designed with interactivity in mind, and make use of devices like parallax horizontal scrolling or maps that you zoom in on to reveal more specific data about certain regions.<\/p>\n

      Generally, the more interesting your layout, the more interesting your infographic will be to look at overall (as long as it doesn\u2019t interfere with the readability or presentation).<\/span><\/p>\n

      Remember that your readers should never be confused about where to look next. It should always be clear to them where to click next and how they\u2019re supposed to move through the design.<\/p>\n

      6. Decide on what\u2019s important and what\u2019s not<\/h2>\n

      Define which parts are the biggest and most important, and how to make that obvious. \u00a0This mainly applies to text and any figures or bits of graph that you want to highlight\u2014the ones that comprise your most interesting or relevant figures and facts, in other words.<\/span><\/p>\n

      Hierarchy in fonts is easier to figure out:<\/p>\n

        \n
      1. The main title will be your largest font. <\/span><\/li>\n
      2. The subtitle will probably be the same font, but in a smaller point size.<\/span><\/li>\n
      3. Body text should be a simple, readable font in a modest size–somewhere in the teens is good for most situations.<\/span><\/li>\n
      4. Chart labels will probably be the same size, but the same font is optional. You may want to use a different one to make your design more visually interesting.<\/span><\/li>\n<\/ol>\n

        Hopefully your infographic won\u2019t be so complex that it needs instructions, unless it\u2019s interactive. If it is more complex, consider using arrows or other visual guides.<\/span><\/p>\n

        Notes and sources will most likely be your smallest font: we\u2019re talking \u201cfine print\u201d here. In fact, a lot of the time, it\u2019s better to put this after the infographic itself so you can directly link to your sources. However, for the sake of providing proof to people who will only read it via social shares, it often takes the form of small text, with complete URLs, placed in the bottom right hand corner.<\/span><\/p>\n

        7. Make it addictive<\/h2>\n

        It could be said that the ultimate measure of an infographic\u2019s success is in the number of social shares it racks up. This is debatable, and largely dependent on if your infographic is the kind that\u2019s designed to be shared all over the place. Maybe you\u2019re making it for a technical crowd, an esoteric subject, or a highly specialized publication, in which case, you probably won\u2019t want to judge it by how many millions of retweets it racks up. But you\u2019ll still want to make it <\/span>addictive<\/span>. <\/span><\/p>\n

        Addictive infographics, like any other kind of addictive content, provide value to your audience. They focus on the audience, providing information the reader would want, not just what shows off the writer\u2019s knowledge or makes the company look good. Excellent infographics are actionable, meaning that the audience comes away from reading them feeling they\u2019ve learned something that they can do in order to improve their businesses or their personal lives. Or, at the very least, they\u2019re illuminating: your infographic should drive home the story told within your data, in a way that text or numbers just couldn\u2019t have. <\/span><\/p>\n

        Follow these tips and readers will retain 80% of the information you share with them, not just the 10% from hearing it or 20% from reading.<\/span><\/p>\n

        Did we miss anything? Do you have any of your own tips to add? Let us know in the comments.<\/span><\/p>\n

        Want to make an infographic? Check out our infographic templates<\/a> page.\u00a0<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

        C.S. Jones is a professional journalist, photographer, and illustrator. He lives in the part of South Philly where they still say “jawn.” It\u2019s simple: people remember 10% of what they hear, 20% of what they read, and 80% of what they see and do. So, if you want to make information memorable, turn it into […]<\/p>\n","protected":false},"author":17,"featured_media":7085,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false},"categories":[95,607],"tags":[],"yoast_head":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\n\n\n\n\t\n\t\n\t\n