CREATING A FOUR COLOR INFOGRAPHIC

When creating an infographic, you should start by determining what color scheme you would like to use. A four color setup gives you plenty of creative freedom to work with. More than that can look a bit chaotic.

USE CLIP ART, CUSTOM SHAPES, AND FONTS

Microsoft has a variety of clip art that you can download from their online database.

OVER400

OPTIONS

Fonts like Wingdings can be used to add custom icons and images to your text.

Combining custom shapes can give you a variety of useful images to convey your data.

Change a shape’s look by altering the colors of the Fill and Line of that shape. Double click your shape to access those options in the tool bar at the top.

50%

BREAK UP YOUR SECTIONS WITH A CHANGE IN STYLE

A helpful tip about breaking up your infographic into distinguishable sections is to simply change up the style. You can use a different set of custom shapes or text, or inverse the color scheme. This can help indicate to viewers that they are now looking at a section of statistics or a section of explanatory information.

CONVEYING STATISTICS

There are times when we have a staggering amount of information that we can’t present with an image-heavy infographic. These times call for styles of design that focus more on the fonts and how they can give your infographic a professional look without the clutter of too many images.

INFORMATION

70 SQUIRRELSPREFERPEANUT BUTTEROVER JELLY

TIME

68 YEARS UNTILPUPPIESTAKE OVER THEWORLD

PEOPLE

9 OUT OF 10MARKETERSWILL SHARE THIS

STATEMENTS

INBOUND MARKETERSARE RESPONSIBLE FOR FINDING LIFE ON MARS

USE YOUR COLORS

ALTERNATE THE COLOR

OF YOUR TEXT TO

EMPHASIZECERTAIN DATA

MIX AND MATCH SHAPES

OVER100SHAPESCAN BE USED TO CREATE GRAPHICS

TIMELINES

2012

2013

2014

2015

VIDEOS OF CATS

GRAPHS

10

9

87

6

5

4

3

2

1

2009 2010 2011 2012

ATTENTION SPAN OF PEOPLERANDOM THOUGHTS

YOU CAN’TCATCH APPLES BYTHROWING ORANGES

400BILLION STARSIN THE MILKY WAY

You’ll notice that this infographic was created entirely from basic shapes and alternating font sizes. By focusing your design on two simple aspects, you can accomplish an intricate outcome. For an infographic of this style, I would suggest using no more than three colors and stick to one font to make things simpler.

DON’T LEAVE

TOO MUCHWHITE SPACE

An important thing to remember when designing an infographic is to keep your use of white space to a minimum. Although white space can be useful, too much will spread your data too far apart and break the flow of your infographic. When you’ve finished designing your graphic, take a few minutes to adjust and move your elements around to find that perfect level of spacing.

COMPARING TWO SIDES OF THESAME COIN

When creating an infographic for comparing data, one of the easiest design tips is to simply split your infographic in half. Use two distinct colors and give each set of data its own side on the page.

You can do this by choosing one color for each side, and then use the basic shapes to create two parts to your infographic. As you can see, we’re using blue and red with white as the general font color.

2DIFFERE

NTFONTS

1 1FOR

HEADERS

FORTEXT 50 50

GROUP YOUR SHAPESWhen creating custom graphics from an assortment of shapes, it can help to “group” those shapes when you need to resize or move them around your infographic.

You can do this by right clicking the object above, navigate to “Grouping,” and click “Ungroup” to break this object into its individual shapes. To regroup it, just highlight all the pieces, right click, and choose “Group” from the menu.

Hold the Shift key to select more than one element at a time.

SHAPES THAT LOOK LIKE GRAPHS

BAR GRAPHICS CAN BE EASILY MADE

Learn to use a variety of shapes to create interesting graphs, charts, and other visualizations to show off your data points.

31

Each of these icons was created from individual shapes and lines offered by PowerPoint. Using a combination of basic shapes, rectangles, and lines, we were able to create some commonly used icons for infographics.

You should start by choosing a base color. We used white as the base color of our icons and blue or red to create the details.

Don’t forget to hold the Shift key when selecting multiple pieces of one icon. Once you’ve selected each element of the icon, you should “group” it so that you can more easily move and scale the object.

The icons seen here are not limited to any particular color scheme, size, or shape. Experiment with your own company colors and style to find what works for you.

As we mentioned before, try sticking to fewer than 4 main colors for your infographics. This will give your designs a professional feel that looks vibrant but not too busy.

The goal of this infographic is to illustrate two distinctly different sides and compare them visually for the viewers. Breaking your data into two sides will do the job well.

Pinterest Inspired Infographic: Tiles!

Tiles let you organize your information and graphics.

Don’t forget to pay attention to consistent sizes and spacing.

Use a variety of tile sizes to fill up your infographic.

Large tiles should be used to showcase a main point or some important data your infographic is based around. It doesn’t hurt to use lovable icons that your readers can connect to the data.

Get to the Point

Use the person icon to illustrate statistics involving people.

1 in 3 marketers will… A lot of people use cell phones

Simple icons can be great for representing simple statistics.

Over 1,000 people get struck by lighting each year in the U.S.

Most of the stars you view from Earth are binary stars.

The moon is the only natural satellite of the Earth.

Explosions = Michael Bay Movies

Random Bar Graph Information

Be sure to label your bar graph so your viewers are aware of what they are looking at.

About 4.1 billion text messages are sent per day in the U.S.

Half the time, I’m right all the time. Most people don’t know that panda bears can move in four different directions AT ONCE.

The total amount of water on Earth is about 326 million cubic miles.

laptops go missing at U.S. airports per week!

12Million

Follow Meon Twitter

@DetectiveDDubs

Webcams have been in existence for fewer than 20 years.

CONCLUSION

Once your infographic is ready, you’ll need to save the PowerPoint slide as an image. Simply go to File Save As and select PNG (Portable Network Graphics). Saving the slide in PNG is an important aspect of your final product. The PNG format is the only file type that will give your infographics the high quality they need for publishing.

SAVING YOUR INFOGRAPHIC

Collect Visual Content Insights with HubSpot’s Social Media Tools

HOW THIS WILL HELP YOUR INBOUND MARKETING STRATEGY

The rise of visual content on the internet creates a demand for high quality, educational, and entertaining content. One issue with large amounts of educational information -- like statistics -- is that these types of information can be hard to digest if presented incorrectly. The infographic provides you with a highly visual and easily sharable platform to display your content. This will allow you to better communicate your information to the readers and offer them an easier way to share your wisdom with their world of friends, colleagues, and peers.

Now that you’ve got a set of great templates and some inspiration, start creating! Remember to have fun and experiment with your infographics to find which colors, fonts, and styles work best for yourself and your company.

WANT TO MEASURE THE SUCCESS OF YOUR INFOGRAPHICS?

As mentioned earlier, publishers who use infographics grow in traffic an average of 12% more than those who don’t. But how do you actually measure the business impact of your infographics?

By uploading and sharing your visual content through HubSpot’s social media tools, you can get actual marketing insight into how much traffic your infographics are sending to your website! By starting a free trial of our social media tools, you can start sharing your infographics right away, and start watching the metrics roll in! Click here to unveil such insights today: http://bitly.com/HS-Free-Social-Tool