When creating your wireframe and layouts, there’s two important design rules to consider:

First, you need to make sure there is enough white space so your infographic is easy to read.

Second, you need to create hierarchy with your most important content and sections at the top.

If you’re still having an issue creating your layouts here’s what to do:

Add some wireframes to a blank presentation deck and use the “Shapes” tool to trace layouts until you get the hang of it. Easy right?

Last note: If you’re using Keynote, once you’re happy with your wireframe, I recommend that you “Lock” the shapes in place, that way when you’re adding in content later, you don’t accidentally screw up the layout:

You’ve been warned!

Action items for step #3:

Find layout inspiration on Pinterest

Use the “Shapes” tool to create your wireframe

Create infographic sub-sections using shapes

.

Step 4: Choose a color and typography pallette.

Now with your snazzy new wireframe, you’re ready to choose colors and fonts.

Let’s talk colors first…

A color palette is one of the most subtle, yet crucial aspects of any creative project.(especially for marketing)

Your color palette will set the tone for your infographic and tie visual elements together.

When designing an infographic, I like to choose 2 different color sets.

The first color set is the background(s).

I use soft, subtle colors for my backgrounds so I can draw attention to important elements with brighter colors.

Here’s a few examples:

Of course the flip side of that is to use bold background colors. But even with white text, it can make the graphic difficult to read. Either way, here’s some solid examples:

The second set of colors you choose will serve as your primary palette.

These can be brighter and more eye-catching.

“Flat” colors are very popular for infographics. Here’s a few examples:

It’s a smart idea to choose a palette that compliments your brand’s style.

You can use a tool like Adobe Color to build a pallet around any color you’d like.

If you don’t want to build your own palette, I recommend that you check out Colour Lovers for endless inspiration created by other people:

Make sure that you’re not choosing too many colors as that can create “disconnect” between important areas of your infographic and overwhelm readers.

If all else fails, using different shades of same color is always a safe bet.

By the way, feel free to swipe any of the colors from above for your project…

Just drag and drop the color swatch (or any other image for that matter) into your infographic then use the “eyedropper” tool to grab the color you want:

Once you’ve got a nice color palette, it’s time to choose a font combination.

The first thing you should do is avoid fancy or intricate fonts.

(Even if it compliments your brand.)

Why?

After you resize the infographic to a “web-friendly” size, those types of text can be extremely difficult to read.

Instead, stick with easy-to-read fonts like Arial, Open Sans, Courier and Verdana…

When choosing a typography combination, you can combine two fonts, or use variations of the same font.

Check out the 2 examples below:

Make sure that you’re not using any fonts below 16 pts as it becomes extremely difficult to read once you resize your infographic in step #6.

There isone exception when it comes to the fonts however…

You don’t have to match your header’s title with the rest of your typography.

You can take a bit more creative liberty with that area of the infographic.

For example, check out these great headers that grab your attentionimmediately with eye-catching typography:

Want some incredible fonts for your title, sub-headers and body text that you can download and use for free?

.

Hey thanks for being here! My name is Brian Downard, I'm the Founder of BD Ventures, a digital marketing consulting company that helps entrepreneurs and business leaders get the advice, tools and resources they need to win online.