14 Infographic Do's and Don'ts to Design Beautiful and Effective Infographics

Learn 14 essential do's and don'ts for designing beautiful, effective infographics to boost brand engagement and visual communication.

Key Takeaways

Keep infographic design simple and focused by limiting fonts, colors, and text.
Consistent spacing and margins are crucial for a professional and readable layout.
Visual hierarchy guides the viewer’s attention to the most important information first.
Use licensed images and consistent icon styles to avoid legal issues and maintain design coherence.
Interactive and animated infographics can boost engagement but should be used thoughtfully.

What the video covers

Creating infographics can be simple with the right approach to increase brand engagement and traffic.
Start by analyzing content to convert key information into visuals like graphs or cartoons.
Limit fonts to two or three and use no more than three text colors to maintain design balance.
Maintain equal margins and spacing (gutters) to keep the infographic clean and organized.
Choose a color scheme that aligns with your brand and consider the psychological impact of colors.
Use visual hierarchy by sizing titles, headers, icons, and text according to their importance.
Optimize infographic size and format based on the platform where it will be shared (Instagram, Pinterest, etc.).
Use only high-resolution, royalty-free or licensed images and consistent icon styles throughout.
Add interactivity and animation carefully to increase engagement without overwhelming the viewer.
Include research-based data presented through charts, graphs, and maps while avoiding clutter.

Chapters

How many fonts should I use in an infographic?

You should use no more than two to three different fonts in an infographic to keep the design clean and readable. Styling like bold or size changes can add flair without adding new fonts.

What is the importance of visual hierarchy in infographic design?

Visual hierarchy helps prioritize information by sizing and placing elements according to their importance, ensuring viewers focus on titles first, then headers, icons, and body text in a logical order.

Can I use any images I find online in my infographic?

No, you should only use high-resolution images that you have rights to or that are royalty-free and licensed. Using unlicensed images can lead to legal issues.

Full Transcript — Download SRT & Markdown

Speaker A

Creating an infographic can sound intimidating, but don't let it scare you. Getting started is easier than you think. So, you've done your homework and you know the best way to increase your brand engagement, traffic, and overall performance is to create an infographic.

Speaker A

Yet, when you Google examples, you're overwhelmed, lost, and suddenly unmotivated. Well, luckily, you took a deep breath, continued your Google search, and found me. Hello world! Unlike Blogger, here with Viz Me to help you take your infographics from zero to hero.

Speaker A

Helping others create infographics is what we do best, and in this video, we'll help you get off the ground with 14 do's and don'ts of designing infographics. Shall we? The point of creating an infographic is to help a viewer understand a topic without reading what feels like a novel.

Speaker A

As you begin, explore your content and analyze what could be turned into a visual. One place to start could be turning statistics into graphs, or if your theme is about the workplace, include a cartoon of someone sitting at a desk. Once you've discovered a few ideas, start to remove any information that maybe isn't the most relevant.

Speaker A

Only keep information that directly drives your message home. For the text that you do want to keep, consider using bold fonts or unique styles to help it stand out. Then, put your ideas on paper. Create an outline like the one that we have here to help you visualize the final product.

Speaker A

This is the best way to get an idea of your text-to-visual balance. While you want to emphasize some of your text, you want to make sure you're not overdoing it. There are two basic rules to keep you in line. First, only stick to two to three different fonts.

Speaker A

You shouldn't need any more than two, and if you want to add some flair, just change up the styling. Make it bold or a little bit bigger. The second rule of thumb is to not go berserk with your text colors. Again, just like fonts, no more than two to three colors are needed.

Speaker A

You want the text color to balance out with your icons and illustrations. And if you want to explore more about font pairing, check out Viz Me's video that we've posted in the description. This means founder Peyman Tie helps you decide what works best in what situation.

Speaker A

When you create an infographic, it's easy for it to get out of hand and start to look sloppy. Keeping even margins around the edges of your infographic is the first step to ensuring a clean image. The empty spacing on the right should be the same as the empty spacing on the left, same with the spacing at the top and on the bottom.

Speaker A

Keeping an organized image is key in maintaining a viewer. In our next example, we'll help even more. But before we get to that, here's another pro tip: Bismi templates have set margins. They can be found at Viz Me Co right now. But first, before you leave me, we have some more tips to get to.

Speaker A

Okay, keeping with spacing, just as margins need to be equally spaced, the same is true with elements within the design. Look at the difference between these two infographics here. One has far too much text and no spacing plan.

Speaker A

Meanwhile, the other one utilizes white space and has equal spacing beginning with the headers, subheaders, and even works all the way through with the icons and the text. All the design elements have equal spacing throughout the entire infographic.

Speaker A

If you've ever heard of the term gutter, it's referring to the spacing that we're talking about right now, and nobody likes clogged gutters. Choosing your color scheme shouldn't require much time. The obvious choice is to stick with colors that match your brand.

Speaker A

But if you decide to stray away from your brand, just make sure you use attractive colors to lock a viewer in. Also, keep in mind that colors have psychological effects on viewers. Bright colors can elicit happiness, while dark colors are gloomy.

Speaker A

So think ahead, be proactive, and don't choose any more than three colors. What is visual hierarchy? Great question. Essentially, it's placing elements of a design in order of importance. Some details are more important than others, and that needs to be made clear.

Speaker A

Titles always take this top spot, which is why they're typically the largest font and at the top of an infographic. Then, maybe after that, you have a header, so you want to make that a little bit smaller than your title but bigger than the rest of your text.

Speaker A

Your icons and subheaders should be substantial but not to the point where they're competing for attention, which brings me to my next point. In order to create a visual hierarchy, the elements in your design need to be as big as their importance.

Speaker A

However, that doesn't mean every element should be a different size. Keep repeated types of content the same size, like your icons, headers, and text. This is another area where Bismi's templates make your life easier. The sizing is done for you, making infographic design easier than ever.

Speaker A

Don't begin creating your infographic with the impression that size doesn't matter. It does. Depending on where you plan to share your infographic, there are a few rules to follow. If your platform is Instagram or postcard, a square or landscape format is the best.

Speaker A

If you want to share on Pinterest, make sure you go vertical. By going vertical, you could also crop a square portion of the infographic and still post it to Instagram. Plan ahead and optimize your infographic for the right platform.

Speaker A

Hey, maybe you decided to break the norm and use photography rather than illustrations. If you are doing this, you just have to make sure that you're using the highest resolution images possible. I know, duh, but it needs to be said.

Speaker A

There are a few reminders that I have for you that could save you actual legal trouble down the road. First is don't use images that you don't have the rights to, and also only use royalty-free images that don't require a license.

Speaker A

Yes, you can find these on Google, but only with the proper search terms. The most important tip to remember with your icons, above all the ones that we've already covered, is that your icons in your infographic must all follow the same style.

Speaker A

There are a number of different icon styles to choose from on Bismi's website, from line icons, flat or solid icons, and even isometric icons that look 3D. But whatever style you choose, your first icon needs to be the same for your second, your third, your fourth, and so on.

Speaker A

Lastly, as we've mentioned, just make sure your colors match your text and only use free or licensed icons. Including interactivity on your infographics is an excellent way to increase engagement and keep a viewer focused on your brand.

Speaker A

Now, unless you're a software engineer, this might sound pretty scary, but I promise anybody can do it. Find a code widget that you like and copy it into the HTML editor of your website. Ensure it's a responsive code so it looks good on any platform.

Speaker A

Interactive infographics are best for your website but less responsive on social media. However, you can still download them in JPG format and share on social with a link as a call-to-action button. And if you're still hesitant to dive into HTML coding, Bismi does it for you if you use our infographic editor.

Speaker A

Just like interactivity, animation may seem like a scary task. However, the benefit of standing out and catching attention right away is always worth a little extra work. Before you dive in, there's a few important do's and don'ts to remember.

Speaker A

Do keep the animations balanced. Don't go overboard, and do have the same delay time for each animation one after the other. Don't have them all move at the same time.

Speaker A

And to use your animated infographic on your website, copy the responsive code and insert it into a full-width section of the page. Insert the snippet into a code block on your page builder or into the HTML sheet.

Speaker A

Now, it's not an infographic without information. Including research-based data is a necessity, and there are plenty of ways to do so without boring your readers.

Speaker A

I'm talking about charts, graphs, maps, flow charts. Take yourself back to elementary school and create the perfect data widget for your information. Just make sure you...

Speaker A

responsive code and insert it into a full width section of the page insert the snippet into a code block on your pages builder or into the HTML sheet now it's not an infographic without information including research-based data is a necessity and there are plenty

Speaker A

of ways to do so without boring your readers I'm talking about charts graphs maps flow charts take yourself back to elementary school and create the perfect data widget for your information just make sure you don't go overboard too

Speaker A

many can be overwhelming the same rules apply here as with our other tips consider the spacing colors sizing when implementing your charts into your infographic just like with everything else you must achieve visual balance in your infographic our last tip for you in this video could

Speaker A

very well be the most important as what will save you both time and money later on down the road we've touched on it already but please make sure that you have permission to use any icons photos or even data within your infographic the

Speaker A

last thing you want is to find a notice in your mailbox requiring legal action it's simple and something you should always double-check just ensure you have permission or the licenses required to use those visual elements also go ahead

Speaker A

and include the URL where you found the information it's better to be safe than sorry there is one really easy way to ensure you won't run into any legal issues do you have any guesses build your infographic with viz me by signing up

Speaker A

for a free account you have access to content within the editor that allows you to live a worry-free life filled with viewers and increased brand engagement hey that's all I have for you today if you haven't already I encourage

Speaker A

you to sign up on bismi and use our infographic builder I promise it will make your life a lot easier once you do that come back here and check out our YouTube channel to see how we can help

Speaker A

your design life even more just don't forget to hit that subscribe button so you get notifications for our latest content Hey we'll catch you back here next time and thank you so much for watching and good luck for now I'm Mike plugger with viz

Speaker A

me helping you make information beautiful [Music]

Topics:infographic designvisual hierarchygraphic design tipsbrand engagementcolor psychologyfont pairinginteractive infographicsanimation in designroyalty-free imagesinfographic templates

Get More with the SozAI App

Transcribe recordings, audio files, and YouTube videos — with AI summaries, speaker detection, and unlimited transcriptions.

App Store Google Play

Or transcribe another YouTube video here →

Free tools: TXT to SRT · SRT Validator · Merge SRT · Subtitle to Text · All tools