Download - ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Transcript
Page 1: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

ADVANCED MAP DESIGN

Introduction to GIS| Winter 2015

Page 2: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Elements of Good Map Design

If a map is…

Graphically balanced

Easy to read

Limits redundant or unnecessary information

Then it will…

Communicate a strong visual message to audience

Convey the intended information (i.e. function properly)

Satisfy purpose of designer (or the client!)

Page 3: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Map Layout

Map Elements –

Components of map

layout

Main Map – Visual

representation of data

Page 4: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual
Page 5: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Map Layout

Visual Hierarchy –

how different elements

are positioned on the

map, e.g.

Scanning

Color

Size

Alignment

Contrast

Page 6: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Scanning

Page 7: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Scanning

Page 8: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Color

Page 9: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Size

Page 10: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Alignment

Page 11: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Contrast

Page 12: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

With these elements in mind…..

Page 13: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Improvements?

How would you improve

the layout for this map?

Page 14: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual
Page 15: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual
Page 16: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Refining Map Layout

Page 17: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Poor Attention to Detail Good Attention to Detail

It’s all about the details

Page 18: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Choosing Appropriate Map Projections

Page 19: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Emphasis on decorative design elements

Page 20: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Emphasis on map content

Page 21: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Maps for the Color Blind

Page 22: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Color Blindness

Approximately 8% of the general population

sees color differently than the rest of the

population.

Red-green color confusion

Deuteranopia (5% of all males)

Protanopia (2.5% of all males)

Blue-yellow color confusion

Tritanopia (<0.3% women and men

Page 23: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Color Blindness

Page 24: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Who are the 8 percent here?

Page 25: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual
Page 26: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Do you try to account for this in your maps?

Page 27: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Vegetation Biomes in Arizona – Original Map

Page 28: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Vegetation Biomes in Arizona – Deuteronopia

Page 29: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Vegetation Biomes in Arizona – Protanopia

Page 30: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Vegetation Biomes in Arizona – Tritanopia

Page 31: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Point symbols

Combine shapes with varied hue and saturation

Page 32: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Line Symbols

Vary the width, pattern, hue and/or saturation

Page 33: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Area Symbols

Vary color hue and saturation; include pattern

Limit color classes to 5 or less

Page 34: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Area Symbols

Page 35: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Label/Annotate features

Page 36: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Map Design Resources

Page 37: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Type Brewer. http://typebrewer.org

Page 38: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Cynthia Brewer’s Color Brewer. http://colorbrewer.org

Page 41: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Resources for Map Design

General Resources

Designing Better Maps, Cynthia Brewer

How to Lie With Maps, Mark Monmonier

Making Maps: A Visual Guide to Map Design for GIS,

John Krygier

How Maps Work: Representation, Visualization, and

Design, Alan M. MacEachren

The Power of Maps, Denis Wood

Page 42: ADVANCED MAP DESIGN - CHRISTINA FRIEDLE · Resources for Map Design General Resources Designing Better Maps, Cynthia Brewer How to Lie With Maps, Mark Monmonier Making Maps: A Visual

Resources for Map Design

Especially for Color Blindness

vcgiblog.wordpress.com/2010/11/02/designing-

maps-for-the-color-blind/

www.vischeck.com/vischeck/

colororacle.org/

mappingcenter.esri.com/index.cfm?fa=arcgisResources.

gateway#arcgisResourcesCD

freegeographytools.com/2008/evaluating-map-

graphics-for-color-blind-viewers