9 MapInfographic

Map Infographics
Chapter 9:
Take a look
Notice how the use of bright colors, illustrated
characters and bold text instantly grabs your attention
and gives you an overview of the topic as you skim
through.
Keep in mind that the goal of an infographic is not only

to inform, but also to make the viewing experience fun
and engaging for your audience.
And it all comes down to how you combine different

graphic elements—like colors, icons, images,
illustrations and fonts—to explain a topic in a
compelling and easy-to-understand way.
The infographic above also showcases the statistics and

percentages in a visual form using radials and a donut
chart. So, even if you don’t read the text above the data
widgets, you’ll still get the picture.
Infographic
• Infographics (a clipped compound of
"information" and "graphics") are graphic
visual representations of information,
data, or knowledge intended to present
information quickly and clearly.
• Modern maps, especially route maps for
transit systems, use infographic
techniques to integrate a variety of
information, such as the conceptual layout
of the transit network, transfer points, and
local landmarks.
• Public transportation maps, such as those
for the Washington Metro and the London
Underground map, are well-known
infographics. Washington Metro Map
Infographic
• Good visual arrangement for infographics is putting together graphic and visual
elements in a manner that draws your reader’s attention.
• The key to achieving simple, elegant, and attractive content is ample whitespace and
a well-arranged layout.
• In his 1983 "landmark book" The Visual Display of Quantitative Information, Edward
Tufte defines "graphical displays" in the following passage:
Graphical displays should
✓ show the data
✓ induce the viewer to think about the substance rather than about methodology, graphic
design, the technology of graphic production, or something else
✓ avoid distorting what the data has to say
✓ present many numbers in a small space
✓ make large data sets coherent
✓ encourage the eye to compare different pieces of data
✓ reveal the data at several levels of detail, from a broad overview to the fine structure
✓ serve a reasonably clear purpose: description, exploration, tabulation, or decoration
✓ be closely integrated with the statistical and verbal descriptions of a data set.
Infographics layouts
• An infographic layout refers to the arrangement of your visual
elements and your content.
• When you begin working on a piece of infographic, you should have a
story to tell. Hence, you will need to select a layout that best suits
your story.
• Using the right layout will ensure good readability and convey your
message well.
• Useful Bait: Works well with most types of
data. Rather than focusing on design, it works
more for practicality, thus making it easy to
read.
• Versus/Comparison: This layout is typically
split vertically to give clear side-by-side
comparison. Use this when you want to tell
your readers the differences/similarities
between the two items you are comparing.
This layout works well if you have lots of
“bullet point” information to be visualized.
• Heavy Data: Use this layout if you are working
with a lot of statistics and charts.
• Road Map: If you want to visualize your
process or tell a story, this layout offers good
connectivity for your story or process flow.
• Timeline: If you have history/chronological
events to explain, this is the layout to go for.
• Visualized Article: If you have complex data or
lengthy story, the best way is to tell it is
through compelling visuals. The focus of this
layout is the visuals, not the text.
Map Infographics
• The point of map infographics is to show information based on
location. Topics are usually statistics that incorporate areas. It can
show the development of a concept in certain countries, cities, or
specific places.
Types of Map Infographics
• The different kinds of map
infographics and using a map
when you want to share
• Geographic data
• Demographic data
• Location-based statistics or survey
results
• Location-based company, industry,
or target audience information
• Travel guides, tours, or other
information related to visiting a
particular location
• The key is to come up with the story
that plan to tell with the infographic.
Types of Map Infographics
• The following map is an informational
infographic that shares information
about the healthcare system in
specific countries throughout the
world.
• Because it talks about multiple
countries, it shows a world map.
• It uses color to designate each
country it wants to focus on and
includes text within layered boxes.
• see that a line directs the eye from
the country to the text box so it can
easily notice which information
corresponds to which section of the
map.
• The following map is a bit different.
It breaks down the results of a
survey on a specific feature,
“People Spots,” within the targeted
location of one city, Chicago.
• This map layers the data over the
map while using icons to point out
the “People Spots” located
throughout the city.
• The information does not
specifically correspond to each
location but provides overall data.
Tips for Creating a Location-Based Infographic
For instance, infographics tend to be more
successful when they:
• are vertical
• have a color scheme
• include a strong headline
• have a cohesive story with an interesting
angle
• are promoted and easy to share
• have a good balance of text and graphics
• have a flow and direct you through the
information
• follow design best practices
Whitespace matters in creating visually
engaging content
• White space is as its name suggests—space that is unmarked in a
piece of infographic or visual representation.
• It could be margins, padding, or the space between columns, text, or
icons and design elements.
• A page crammed full of text and images will appear busy. This makes
the content difficult to read. It makes you unable to focus on the
important stuff too. On the other hand, too much white space can
make your page look incomplete.
It is always crucial to
remember that visually
engaging content is
usually clean and
simple.
The Visual Elements Of Infographics
Colors
• Highlights: Use high contrast colors to
highlight or obscure data based on its
importance.
• Contrast: When comparing two concepts, you
can create contrast by choosing
complementary colors.
• Consistency: Be consistent with colors from
start to finish and stick to one palette only.
• Meaning: Consider color associations and
symbolism.
• Simple Palette: Avoid using more than 5
colors in one infographic. If you need more
diversity, you could use different tints or
shades of one color instead.
Fonts
• Legibility: Choose fonts that are easy to read even in big
paragraphs in smaller sizes. Avoid display fonts and focus on
simple, minimalistic ones.
• No more than two fonts: If you use a lot of different fonts
and typefaces this can ruin the harmony of your infographic
and aggravate its readability.
• Same Typeface Combinations: You can combine fonts from
the same typeface but avoid combining fonts from different
families with similar characteristics.
• Serif and Sans Serif: This is the classic combination that
works best with serifs for headlines and highest hierarchy
texts and sans-serifs for the body text.
• Text Hierarchy: Especially when you use the same font family
for the entire infographic, you can create a hierarchy based
on font size and weights.
• Mood: Consider what fonts look elegant, romantic, dramatic,
or professional and use them to your advantage to help you
communicate the exact tone and mood you intend.
Icons
• Replacement: During your infographic design process,
see if you can replace items or section titles with icons. If
you want to indicate different activities during a workday
in the office, title each with an icon.
• Social Media Icons: Everybody knows what the icons for
Facebook, Instagram, or Twitter look like so it’s safe to
use them instead of writing the name of each platform.
This also goes for popular brands.
• Clarity: It’s very subjective to point out what icons are
designed well and what isn’t, but always go for icons that
clearly and unmistakably visualize the concept you want.
Most commonly, the simplest universal icons are much
more readable and clear than detailed ones.
• Matching: same as colors and fonts, icons need to be
consistent as well. Choose icons from the same bundle
based on the same style, colors, and level of simplicity.
Conclusions
1. Catchy Headline
2. Minumum Text
3. Readability
4. Length
5. Flow
6. One Topic
Examples
Examples These are the cities where you can find
the most millionaires
Examples
Examples
Examples

9 MapInfographic

Uploaded by

Copyright:

Available Formats

9 MapInfographic

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

9 MapInfographic

Uploaded by

Copyright:

Available Formats

Map Infographics

Keep in mind that the goal of an infographic is not only

And it all comes down to how you combine different

The infographic above also showcases the statistics and

You might also like