Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A...
Transcript of Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A...
![Page 1: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/1.jpg)
M a p C o n s t r u c t i o n
Y 2016 Y 2017 Y 2018 Y 2019
N A C I S 2 0 1 7
V i s u a l H i e r a r c h y a n d l a y o u t
![Page 2: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/2.jpg)
![Page 3: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/3.jpg)
![Page 4: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/4.jpg)
Map Construction
Visual h ierarchy
Layout
![Page 5: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/5.jpg)
![Page 6: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/6.jpg)
![Page 7: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/7.jpg)
The FieldS of Play for Mapping
Map imageMapped geography
![Page 8: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/8.jpg)
TOOLS FOR MAP CONSTRUCTION
Contrast: method to establish differences in the visual field; stronger area versus weaker; higher area versus lower
Gestalt: method to evaluate how a reader groups visual perceptions into broader structures or interpretations
![Page 9: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/9.jpg)
Contrast: Let’s make a difference
![Page 10: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/10.jpg)
![Page 11: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/11.jpg)
![Page 12: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/12.jpg)
Gestalt: Let’s get together!
![Page 13: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/13.jpg)
![Page 14: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/14.jpg)
![Page 15: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/15.jpg)
Gestalt: That’s your interpretation
![Page 16: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/16.jpg)
![Page 17: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/17.jpg)
VISUAL Hierarchy
![Page 18: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/18.jpg)
HierarchIES
![Page 19: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/19.jpg)
![Page 20: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/20.jpg)
Hierarchy: Helpful HINTS
• A map’s purpose dictates which features are highest in the visual hierarchy (Brewer)
• Color hue, saturation, and value are the easiest means of manipulating contrast and visual hierarchy (Muehlenhaus)
• Use a typeface with a wide range of visual weights (Patterson)
• Take advantage of hiding less important elements behind buttons, drawers, etc. (Muehlenhaus)
![Page 21: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/21.jpg)
LAYOUT
![Page 22: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/22.jpg)
Layout
FluidCompartmentalized
![Page 23: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/23.jpg)
Layout
Importance of structure
![Page 24: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/24.jpg)
Balance and Negative Space
![Page 25: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/25.jpg)
Layout: Helpful tips
• Use a construction grid to arrange map elements • Reduce sight lines among elements in your map layout
(Krygier and Wood) • Don’t fill all the ‘corners and voids’ of your map image
(Brewer) • Eliminate unnecessary elements; e.g. if you have a graticule
you do not need a north arrow!
![Page 26: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/26.jpg)
Layout and visual hierarchy in mapped
geography
Layout of all elements in map
image
Hierarchy interplay between mapped geography & map
image
MAP CONSTRUCTION FOUR-STEP
Intellectual hierarchy and rough design
layouts
![Page 27: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/27.jpg)
Map Construction: Helpful HINTS
• Don’t over-emphasize non-map elements at the expense of the main map symbology
• Place your most important information towards the center of the image (Patterson)
• Make sure that map typography is fully integrated into the construction process
• Avoid visual ambiguity
![Page 28: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/28.jpg)
PARTING THOUGHT
• Squint…
![Page 29: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/29.jpg)
![Page 30: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/30.jpg)
![Page 31: Map ConstructionBrewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive](https://reader034.fdocuments.net/reader034/viewer/2022042909/5f3c099660de7f78e91903e1/html5/thumbnails/31.jpg)
Y 2016 Y 2017 Y 2018 Y 2019
N A C I S
T H A N K Y O [email protected] @taitmaps
Brewer, Designing Better Maps: A Guide for GIS Users Krygier & Wood, Making Maps: A Visual Gide to Map Design for GIS Muehlenhaus, Web Cartography: Map Design for Interactive and Mobile Devices Patterson, “Outside the Bubble: Real-world Mapmaking Advice for Students,” Cartographic Perspectives