How to Add Illustrative Flair to an Infographic Without Compromising Data


Flavoring a project with a little illustrative flair, is a temptation of many who design infographics. After all, you are tasked with taking information and statistics and trying to make people care enough to notice them by visualizing it. But how much is too much when it comes to adding your own personal illustration style in a graphic? And, can your illustration style possibly compromise the very data you wanted to communicate? Illustrations can play a crucial role in an infographic, but you have to make sure they are appropriate to the content and don't steal the show. Here are a few things to keep in mind...

Content is King

The whole reason you are making an infographic, is because you have some (hopefully) important facts and or data that you want to communicate to a broad audience. In order to do that, you start visualizing, and many times that requires illustration. But don't forget why you are illustrating! You want to make the content appealing to read and easier to understand. Once these two things are taken care of, any additional illustrating you want to do should only help further clarify the content.

Title Design

The vast majority of infographics live on the web, so making your graphic look inciting enough to get the viewer to click and read it is important. Titles are the first (and sometimes only) part of the graphic people see, so taking that opportunity to add some illustrative flair, and really making the topic communicate, is wise. Try being conceptual with the title design by using illustration to hint at the overriding theme of the graphic.

Illustrating, Not Decorating the Data

Now that you have gained the viewers attention with your jaw-dropping illustration skills and witty execution on the title, you have to keep their attention. As much as you may think that stunning illustrations alone will make the viewer understand the content, that isn't always the case. Illustrations need to support and communicate the data. Here are some examples of how illustrations can be used to represent raw data:


This is a perfect example of a time when illustrations are almost mandatory for full comprehension. Often times, you want to explain a process, or show how something works, so visualizing those things can really aid in the viewer's understanding of the topic. It is important that you decide what level of detail is appropriate for your diagram. Look at who your audience is and what you are explaining. Sometimes the required style is something extremely realistic, while other times it can be loose and a bit abstract.


Maps, in general, are just fun to make. There can be great opportunities for some fun illustration work when the map doesn't need to be exactly cartographically correct. You can take that opportunity to really set up the mood of the environment of the location you are mapping. Icons can also become a large part of these types of visualizations.


If anyone tries to tell you that making icons is easy, punch them for me. In order to make a GOOD icon, it needs to be clear and legible. I see many icons that confuse more than help the viewer. Larger sized icons can incorporate a bit more detail, thus allowing room for some illustrative styling that, of course, is appropriate. Once you have a created an icon in a specific style, continue that styling on the rest of them. Consistency helps the icons be effective for the viewer's navigation through your material. And most importantly, make your own icons! It is frustrating to see how many designers use stock imagery and clip art. I found that when I try to reuse an icon that I created for another project, I still end up having to tweak it so it fits my new graphic.

Charts and Graphs

Now we are headed into dangerous territory. Charts and graphs get abused way too often in infographics, because designers think they need to change them into something they are not. I think Power Point and Excel are the culprits because of their options to make all of their charts 3D and confusing. With charts and graphs there are a lot rules to follow in order for them to display the data accurately. Yes, you do want to alter them enough so that they don't look like they are the default output from that software, but do not skew the data because you tried to make a bar chart out of puppies instead of a bar.

Color Choices Matter

Just because a color is obnoxiously bright, doesn't mean it belongs on an infographic. Find a color scheme that fits the content. Color can play such a huge role in illustration. At least for myself, I sometimes determine my color palette before I choose a style for a particular piece. I have noticed that minimal color palettes are better for infographics, because it helps unify all the data. Infographics are notorious for displaying a ton of tiny facts in a long, tall format. The minimal palette will help you create unity between all of your illustrations and data throughout the graphic, and also help you establish a hierarchy of information.

Don't Try too Hard

If you are struggling to find a way to incorporate illustration, you are probably working on a data visualization, not an infographic. In that case, just use beautiful design. Illustrations in a graphic can be subtle. Sometimes they are just good to have to give life to the topic and simply create an appropriate environment for the data visualizations to live in. Simple is often better, because again, it is all about the content. Don't feel like a failure if you don't get to fill your graphic with illustrations.

Wrapping Up

Appropriateness is everything. I know I have said this many times already, but whatever you illustrate has to be appropriate. Whether that be in you style, color choices, placement, complexity, or whatever. In an infographic, the whole purpose of adding illustrations is to clarify, and then beautify. Your personal illustration style may not be appropriate for the graphic you are working on, that is okay. Whatever you end up doing will be in your style. Now go out and make beautiful infographics that communicate!

Related Posts
  • Web Design
    HTML & CSS
    Easier Visual Data in the Browser With Variance ChartsVariance thumb
    Today, we will be diving into Variance Charts; a unique JavaScript based "grammer of graphics" which provides an abstract, declarative markup style to create what would otherwise be fairly complex charts. Read More…
  • Computer Skills
    App Training
    How to Turn Your Data Into Interactive Tables with SilkSilk preview image
    Data mining isn't just for corporations. Here's how you can use Silk to easily turn your data into interactive charts, tables, maps and more.Read More…
  • Web Design
    User Experience
    Use and Abuse of Icons in the Modern AgeIcon retina
    The number of icons we see on daily basis is amazing. They are everywhere around us, both online and offline. We love to use them. They enhance the aesthetic of our sites and can provide a better user experience. Sometimes however, we forget the reason behind using an icon, and that's when it becomes easy for icons to lose their effectiveness.Read More…
  • Computer Skills
    App Training
    5 Tips for Better Keynote PresentationsKeynote 400px
    For many people, presentations are overwhelming. They struggle with the delivery or design of the slides, and the result is a mess that bores audiences. Taking cues from Apple's iconic production introductions, we can learn a lot about how to showcase your important slides. In this tutorial I'll share five tips, to use with Apple's Keynote, software for better presentations.Read More…
  • Design & Illustration
    Tuts+ Workshop: Freestyle Map Infographic Challenge200
    Vectortuts+ loves Illustration and discovering new talent, so today we are proud to be launching a new community project that combines both, the Tuts+ Workshop: Freestyle Map Infographic Challenge. The best thing is, you can be a part of it! It's great for beginners and advanced users a like. Find out how to get involved, at the jump.Read More…
  • Design & Illustration
    Introduction: Vectortuts+ Session on Infographic DesignIntro thumb
    Today Vectortuts+ is proud to announce the launch of our latest Session - Infographic Design. The Infographic Design Session is a collection of tutorials covering subjects such as how to create infographics, charts, maps and more. This session is an ongoing collection of tutorials and articles covering all aspects of graphic design. Be sure to check back for updates!Read More…