Cartographic Principles: Map design

Slides:



Advertisements
Similar presentations
Thematic Map Design Thematic Map: Map that represents a particular theme or topic. Population Density, Literacy Rate, Temperature, etc. >>>> A limited.
Advertisements

contrast, repetition, alignment, proximity
Unity Gestalt Space Dominance Hierarchy Balance Color Part.
Elements of Design: The 4 Basic Principles.
Intro to Multimedia Typography Design -excerpts from The Non-Designer’s Design Book.
Good and Bad Design. Contrast Contrast with color Contrast with images Contrast with fonts Contrast with size Contrast is one of the best ways to add.
Using Visual Rhetoric in Report Writing Professor Stevens Amidon Department of English and Linguistics, IPFW.
Evaluating the gestalt.  “Gestalt” means the unified whole.  We’ve approached design by using Gestalt research, planning our work by understanding how.
Lesson 1:.  This lesson will cover the four primary principles of design: ● Contrast ● Repetition ● Alignment ● Proximity.
In lab 1 you created this: No offense, but frankly this map is cluttered and a bit crude.
Multimedia Design Adam Huntington ETE 261 1/30/09.
Multimedia Design Adam Huntington ETE 261 1/30/09.
The four basic principles of design
Principles of Graphics Design
ID-2050 The “Design” Lecture. Today Document Design Information Design Tufte’s “Data Maps” BREAK Graphical Excellence in practice.
Introduction to Design Principles The Wonderful World of Page Design Contrast / Repetition / Alignment / Proximity / Color Theory ENGL 106 Fall 2012.
DESIGNING DOCUMENTS And page layout. What is document design?  Refers to page layout, that is, where the visuals and information are placed on a page.
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
Basic Map-Making NLI – 2014 Dave Kramar. Location of Course Materials
 Effective advertising is NOT an accident!  Effective advertising MUST be well designed!
C.R.A.P.   Color balance : The colors of the entire illustration- grey, black, white and the contrast orange, seem like they were chosen without much.
I. Map Design Elements II. Map Composition III. Map Perception IV. Map Lettering V. Type Elements VI. Considerations in Selecting Type for Maps VII. Lettering.
Principles of Design CRAP or PARC.
School of Geography FACULTY OF ENVIRONMENT Introduction to Cartography.
Elements of Map Composition OR How to make a decent map!
Design Principles for PowerPoint
The Non-Designer’s Design Book
Intro to Multimedia Intro to Typography.
The Hidden “C” in GIS – Maps Gone Bad Rod Bassler, GIS Coordinator North Dakota State Water Commission 2004.
PRINCIPLES OF DESIGN © Patrick Morgan An Introduction to the.
Six Principles of Good Design
The Non-Designer’s Design Book Design and Typographic Principles for the Visual Novice By Robin Williams.
the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)
Design Principles Web Design. Design Principles  Contrast  Repetition  Alignment  Proximity.
Cartographic Principles: Map design Martin Dodge Lecture 3, Wednesday 15th December 2004
Destroying the ART in CARTOGRAPHY: Mapping DON’TS by Dr. Miriam Helen Hill Jacksonville State University Jacksonville, Alabama.
Design Principles… Repetition
Non-designer’s design principles Dr. Shuyan Wang.
Design Elements of Graphical Representation, (Factors supporting appearance and functionality of solutions). P0CCUAA.
14-1 © 2014 by McGraw-Hill Education. This is proprietary material solely for authorized instructor use. Not authorized for sale or distribution in any.
Four Principles of Design Dr. Allene Cooper. I gratefully acknowledge the ideas and words of Robin Williams which I’ve used liberally in this presentation.
Elements of Design Presentation designed by Dr. James Lenze Model: Williams R. (2004), The Non-Designer’s Design Book, Second Edition, Peachpit Press What.
The basic Principles of Design The following is a brief overview of the principles of design. Although they are discussed separately, they are really interconnected.
from The Non-Designer’s Design Book by Robin Williams
Design in Business Principle of Repetition Principle of Contrast.
Principles of Document Design Adapted from
Basic Principles of Design. Design Basics Content & Form Content: subject matter, story, or information to be communicated to the viewer. Form: purely.
VISUAL RHETORIC All the C.R.A.P. you need to know… The Purdue Writing Lab.
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
4 Basic Principles of Design. Proximity When several items are in close proximity to each other, they become one visual unit rather than several separate.
Design Principles Contrast Repetition Alignment Proximity Font Rules &
Infographic (informational graphic) Edward TufteEdward Tufte in The Visual Display of Quantitative Information defines 'graphical displays' in the following.
A Principle of Design.  The principle of proximity states that you group related items together, move them physically close to each other, so the related.
4 Basic Principles of Design  Proximity  Alignment  Repetition  Contrast Credit: Robin Williams.
Design Principles Mrs. Levi. Think about it…… Who creates advertisements? Why do they look like that?
Introduction to Cartography GEOG 2016 E Lecture-5 Map Compilation Techniques.
New Trends in Design Adding unity, balance, structure and dominance to your layouts.
Applied Cartography and Introduction to GIS GEOG 2017 EL Lecture-5 Chapters 9 and 10.
Desktop Publishing Business Cards Your LogoYour own footer.
Document Design is CRAP
Chapter 1 Introduction Content is king, but typography is the crown and design is the throne. Typography and design both help content maximize its.
Advanced Design PRINCIPLES 2.01 Investigate typefaces and fonts.
Presentation, layout and labeling
Map Design and Cartographic Principles
Four Design Principles
Design Principles.
The four basic principles of design
Adapted from The Non-Designers Design Book
The four basic principles of design
How to look good on paper in four easy steps
Presentation transcript:

Cartographic Principles: Map design MSc GIS: GIS Algorithms and Data Structures Cartographic Principles: Map design Martin Dodge (m.dodge@ucl.ac.uk) With Changes by Dan Ryan http://www.casa.ucl.ac.uk/martin/msc_gis/

Map Design some (scientific) rules much artistic judgment selection of colours symbology labelling arrangement of overall layout data selection, projection, scale, etc. subtle design changes yield big readabilty change

Always Question Software Defaults

Tufte’s principles of graphical excellence show the data induce reader to think about substance Not methodology, graphic design, technology avoid distorting what the data say present many numbers in a small space make large datasets coherent encourage the eye to compare stay integrated with statistical and verbal descriptions of a dataset

Map layout components a title that clearly states what the map shows subtitle with date of data, sources, missing values, author, contact info, etc legend documenting meaning of symbols &colours scale indication orientation indication (north arrow) borders and neatlines

Balance and Center Visual impact of arrangement. harmonious arrangement around the optical centre concern for weight and direction of objects around the ‘natural’ centre unbalanced compositions look random and accidental optical centre geometric centre

Golden proportions two quantities are in the golden ratio if the ratio between the sum of those quantities and the larger one is the same as the ratio between the larger one and the smaller. 1 1.618

Interesting balance

Labelling the map lettering choice can have a significant impact to effectiveness of the map typography - practical and ‘personality’ map text to label features has several key parameters font typeface, size spacing placement and orientation importance of type discernibility map labels can communicate important data, e.g. hierarchy of features, implying importance Chislehurst, Bromley, L O N D O N manual labelling of features can get very tedious. but automatic label placement is still far from perfect

Think about different types of lettering styles and placement/orientations used and the effects it has

Some considerations from Dent (1999, page 271) legibility of individual letters is of paramount importance, especially in smaller type sizes. Choose a typeface in where there is little chance of confusion between c and e and i and j select a typeface with a relatively large base height avoid extremely bold forms choose a typeface that has softer shading; extreme vertical shading is more difficult to read than rounder forms do not use decorative typefaces on the map as they are difficult to read

Basic Principles of Graphic Design C.R.A.P.

Proximity When objects are near one another they become a visual unit. Proximity’s basic purpose is organization. Good use of proximity also produces good white space.

Proximity Rules Limit number of visual units on page. Don’t stick things in corners and middle. Avoid leaving exactly equal amounts of white space between objects unless part of a subset. Allow no confusion about what goes with what. Don’t create relationships between things that are not related.

Repetition AKA “being consistent.” Unifies piece. Keeps reader’s eye on the page.

Repetition Rules Find existing repetitions and strengthen them. But avoid overdoing it. Keep contrast in mind.

Alignment Alignment helps tie together the elements that make up a page. Always find something else on the page to align each new element with.

Alignment Rules Avoid mixing text alignments on same page. Always choose centered alignments consciously, never by default.

Contrast For contrast to be effective, it must be strong. If things are different, do not let them be similar. Creates interesting page. Adds to organization. Must support intended focus, not create new ones.

Contrast Rules Avoid using two typefaces that are similar. If they are not exactly the same, they should be different. Don’t mix brown text with black titles.

1+1=3* *Credited to Josef Albers.

1+1=3

1+1=3

Thematic Maps Code of Ethics After from Dent (1999, page 19) 1. Know your agenda 2. Know your audience 3. Do not intentionally lie with data 4. Show all relevant data 5. Do not discard disliked data 6. Portray data accurately (show real values) 7. Avoid plagiarizing; report all data sources 8. Symbolize rather than editorialize 9. Be replicable by other cartographers 10. Pay attention to differing cultural values