2. An infographic is a perfect way to visually represent
important data and information so that your audience
has a greater chance of understanding and retaining
it.
Infographics can communicate
information in a condensed
and highly visual way—when
designed well.
Here's one example:
3. OBJECTIVES:
At the end of this module, learners are expected to:
01 Understand the importance of using infographics;
02
Identify the different guidelines and best practices in creating an
effective infographic;
03 Create his own infographic design for social change.
5. Find a story, In every set of
data there's a story. The
angle you choose will help
you determine which
information to include.
6. For example, this infographic design tells the story
of completing a project from start to finish:
7. ● The purpose of your
infographic should be focused.
● The layout of your infographic
should not only reflect the
theme of your information,
but also enhance the
communication of it.
8. In your outline, include your headers, data, and any design details
you don't want to forget.
Create an infographic outline
Write a compelling title
Come up with a title that is catchy and descriptive. Readers should
get a sense of what the information will be, to engage them and make
them want to read further.
9. Grids and wireframes are the structural base to any design.
It allows you to easily organize elements and information.
It play an essential role in keeping objects and elements aligned.
Use a grid design system to create margins.
An infographic design can potentially have any size of margin
you desire but it's important to keep the margin consistent all
the way along the edge of your canvas.
Use a grid design or wireframe for
your infographic design
10. The below example shows how color palettes are aligned
on a graphic design grid. The Venngage editor also has
the option of using "smart guides" which help align
items for you
automatically,
without using a
grid design tool:
11. You could use a one-column
layout for a minimal infographic,
or create a list infographic by
spitting the layout into two
columns, like in these examples:
Use the right infographic
layout for your data
12.
13.
14. Always start your infographic planning with pen and paper.
This way, you can work through concepts and designs roughly
before finalizing a digital copy.
Follow data visualization best
practices
Choose the best chart types for your data
The type of data you are trying to convey will determine which
chart type is the best for your data.
15. A single important number?
A comparison between data
points?
A trend over time?
An outlier?
Determine what kind
of data you want to
present:
Most commonly used
charts in
Infographics:
● Pie chart
● Bar graphs
● Column graphs
● Line charts.
16. A column graph is one of the easiest ways to compare
data.
17. To convey a trend over time, the most common
type of chart to use is a line chart.
18. • But if you think of a more
unusual chart that would
convey the data effectively,
don't be afraid to get more
creative.
• your charts should be easy
enough to read that it only
takes readers ten second or
less to understand.
20. Typography is a very important element for infographic design
and your one way to explain your ideas and information when
images, graphs or icons can’t. That's why it's important to
choose the best font for your data.
Typography
Try to limit the amount of text you include on your infographic.
The best infographics have visual impact, with the text acting
as a secondary explanation for the visual content.
22. Make sure your type is legible.
Avoid decorative or script type as it
tends to be hard to read.
If you have to use small text or an or
an elegant font, use it sparingly.
To keep infographic designs cohesive,
limit your use of fonts to a maximum
of three types
Use of two brand fonts can create a
nice dynamic and hierarchy of
information.
23. Use photography in your infographic design
The use of photography can be tricky if there is not a photographer available
to take the shots of exactly what you need.
Pick photos with the same lighting effects, same backdrops, same amount
of dark areas, etc.
Stick to a certain style
If you're going for a simple modern use of photography, use only images
with flat colour (or white) backdrops.
If you're going for a neutral newspaper approach, use only black and white
images.
Photos that take up a majority of space in your infographic, can distract from
information.
24. Contrast creates visual impact
by placing two strikingly
different elements beside each
other. This allows you to
organize information by having
a certain element more
prominent than another.
Use contrast in your
infographic design
25. Color selection can have
a big impact on your
infographic design.
Pair complementary
colors to make your
headline pop.
Contrast using colors
26. A header is usually
the largest text on an
infographic, followed
by the subheader
and then the body
copy.
Contrast using typography sizes
27. Use a tinted
image contrasted
with a chart
overtop to add
context.
Contrasting visuals
28. A balanced infographic keeps the entire composition cohesive,
especially in a long form infographic. It is also pleasing to the eyes
because everything fits together seamlessly.
There are two types of balance:
(1) Symmetrical Balance
(2) Asymmetrical Balance
Create symmetrical and
asymmetrical balance
29. Symmetrical balance
is when each side of
the composition has
equal weight. This
layout is effective in a
comparison infographic
like this one:
30. Asymmetrical balance is more
natural and less uniform than
a symmetrical composition.
Creates a more complex
relationship between objects.
Can make an infographic more
dynamic since the composition
is not repeated excessively.
31. Use color effectively
Decide on a color scheme before creating your infographic.
Design your infographic with two or three main colors, and to
use minor color accents.
When choosing your color scheme, decide on the tone of your
infographic.
Eye-popping infographics, use brighter hues, but be careful
not to use large amounts dark or neon colors as they can be
straining to the eyes when viewed on the web.
32. Color can also be used as a
sectional tool. Add blocks of
color to section your
infographic, giving the eye
some breathing room as
viewers scroll down.
33. In order for your
infographic design to flow
from start to finish, the
design elements need to be
consistent. The same goes
for the style of images you
use, the font style, and the
color palette.
Make sure there's consistency in your
infographic design
34. Leave plenty of negative space in your
infographic design
Negative space is the blank space surrounding objects in a
design.
If your infographic design is too crowded, it can overwhelm
readers and make it difficult to read the information.
Creating space around the elements in your design allows
readers the breathing room to process the information.
37. When it comes to designing infographics, it will
probably take you a couple of goes at it to get the
hang of it. Luckily, this learning process is made
a lot easier by infographic templates and guides.
And there are certainly a lot of examples out
there for you to draw inspiration from.
Practice, practice, practice