Infographic Layout Cheat Sheet Plus Templates You Can Edit

A great infographic is when your visual elements work together to draw your reader’s attention.

The key to achieving a simple, elegant, and attractive infographic is through a combination of two elements: ample whitespace and a well-arranged layout.

In this guide, you’ll learn how to use white space more appropriately in your infographic and the different layouts you can choose from.

You’ll also find examples and templates for each infographic layout.

When you’re ready, you can get access to a wide collection of infographic templates with a free Piktochart account.

Let’s get started!

Table of contents:

What is white space in an infographic layout?

As its name suggests, white space is a space that is unmarked in a visual presentation like an infographic. Also known as negative space, it’s the space between the other visual elements in your infographic. 

These could include margins, padding, or spaces between columns, text, icons, and design elements.

White space doesn’t have to be white. 

Why white space matters in creating compelling infographics

An infographic crammed full of text and images will appear busy. This makes your content difficult to read. Your readers will also have a hard time focusing on the important stuff.

As you can see in the example below, the infographic on the left has enough space above the main heading. This gives the headline on the left the spotlight while the headline on the right looks cluttered. As a result, it loses its impact. 

On the other hand, too much white space can make your page look incomplete, as seen in the bottom part of the infographic on the right. 

importance of whitespace in creating engaging content
Can you spot the white space differences between the two versions and how they affect your perception of the infographic?

An infographic with ample white space is more calming to the reader’s eyes, as seen in the infographic template (that you can happily edit by the way!) below. It looks clean and simple, right?

infographic template and example with lots of white space

Now, let’s move on to the different types of infographic layouts.

Types of infographic layouts with examples

An infographic layout refers to the visual arrangement of your design elements and your infographic content.

It could be as simple as a one-column layout when you have very little information, or two columns for a slightly more complex content.

The most common types of infographic layouts are:

  1. The useful bait layout
  2. The versus/comparison layout
  3. Data-heavy layout
  4. Road map layout
  5. Timeline layout
  6. Visualized article

As you begin working on a piece of infographic, it’s important to have a story to tell. For this reason, you need to pick an infographic layout that best suits your story.

Using the right layout will ensure that you convey your message well which is a good advantage if you’re dealing with distracted readers.

Whether you’re about to transform a long report into a business infographic or looking for free infographic templates to download, we have put together a cheat sheet of infographic layouts for your reference the next time you’re designing an infographic.

It covers the six most common ones that you can quickly work with.

You can learn more about infographic layouts in our in-depth blog post about the different types of infographics.

Each section also comes with tips and a template which is a visual representation of the infographic template that’s highlighted.

infographic layout cheat sheet by Piktochart

1. The useful bait infographic layout

This infographic layout works well with most types of data.

Rather than focusing on design and visual elements, this layout focuses on practicality, thus making it easy to read.

An excellent example of this infographic layout is a reference sheet or a visualized workflow in your organization that you can print and use repeatedly.

If your content has many subtopics, this layout enables you to segregate them into clean chunks that are easy to consume.

example of a useful bait infographic layout

2. Versus or comparison infographic layout

This layout is typically split vertically to give a clear side-by-side comparison.

Use this when you want to tell readers the differences or similarities between the two items you’re comparing. This layout works well if you have lots of “bullet point” information to share.

example of a comparison infographic layout

3. Data-heavy infographic layout

Use this layout if you are working with a lot of statistics and charts. You can also connect the different points of your data by adding a flowchart.

example of a data-heavy infographic layout

5. Road map layout

If you want to visualize your process or tell a story, this infographic layout offers a great way for your layout to flow naturally. Add compelling screenshots or thumbnails (sparingly!) to complement your data.

example of a road map infographic layout

6. Timeline infographic layout

If you’re about to explain historical events or present chronological information in your infographic, this is the layout for you. 

Companies usually use this type of infographic in their annual reports or when reporting their accomplishments and milestones.

example of a timeline infographic layout

7. Visualized article layout

If you have complex data or a lengthy story, this infographic layout is the best way to visualize it.

The focus of this layout is the visuals, not the text. You can also build your content separately into chunks then include a strong title for each and share them on social media.

example of a visualized article infographic layout

There are many types of infographic layouts that you can use for your infographic.

The ones listed above are just the basics. The video tutorial below discusses more infographic types and layouts that you can experiment with.

In summary, ample whitespace and compelling visuals are the foundation of a good infographic structure and layout.

Piktochart’s infographic templates also make it easier for you to come up with an infographic layout that’s attractive and helpful at the same time to your readers. All you need to do is re-arrange the blocks to make room for your infographic layout ideas.

how to edit your infographic layout in Piktochart - first block example
this is an example of editing a first block of an infographic template in Piktochart
how to edit your infographic layout in Piktochart - second block example
this is an example of editing a second block of an infographic template in Piktochart

Try our infographic maker.

Personalize infographic templates with icons, images, and charts. Sign up for free. Upgrade later.

Make beautiful infographics now
Collection of Piktochart infographics

How to create a good infographic layout in 5 easy steps 

Before you get started with your infographic, here’s a step-by-step guide on how to come up with a good infographic layout:

  • Step 1: Figure out your goal. What do you want to communicate in your infographic? 
  • Step 2: Determine your audience. Who are you creating the infographic for? 
  • Step 3: Gather relevant data through research and interviews. 
  • Step 4: Outline the content you want to add to your infographic. 
  • Step 5: Choose an infographic template and get creative with your layouts. 

Watch the video tutorial below to learn how you can make your own infographic using Piktochart. 

With Piktochart Visual‘s editor, you can easily play with the color scheme, edit the illustrations, and add a bit of data visualization elements like graphs, charts, and pictograms.

If you don’t have a Piktochart account yet, sign up for free to be able to create professional visuals in minutes online. Get inspired by more infographic templates and start creating!

Editor’s note: This blog post was originally published on February 18, 2015 and updated on May 2, 2022 for relevance, new templates, and comprehensiveness.

Create an infographic, report or presentation in minutes with Piktochart.

Watch this free demo to learn how.

Watch the demo
demo Piktochart

Do you want to be part of these success stories?

Join more than 11 million who already use Piktochart to craft visual stories that stick

Yes, I'm ready!