Summary on symbol design

Slides:



Advertisements
Similar presentations
The Key Element in Desktop Publishing Design
Advertisements

1 Professional Communications Working with Type Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used.
Cartographic Principles: Map design
Label placement Rules, techniques. Labels on a map Text, name of map features No fixed geographical position Labels of point features (0-dim), line features.
Principles of Typography
GIS Lecture 2 Map Design.
Word Processing Fonts. What is a font? The spaghetti fell on the floor.
Designing Pages and Screens Comm Arts II Mr. Wreford.
The Elements of Typography. The Anatomy of Type Baseline: The invisible line where letters sit.
Type. Type Relationships  Type is the basic building block of any printed page.  Since it is often necessary to have more than one typeface on a page,
Text in multimedia Why would course designers like text? The most inexpensive media to develop Least overhead in storage/transmission But text creation.
Typography and Space for Web Design Important Issues From Web Style Guide.
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.
Chapter 7 Visualization of Geographic Information and Generation of Information Products.
Elements of Visual Interface Design. Overview Layout Grid Systems Visual Flow Typography Typefaces Typographic Guidelines Colour Basics Materials & shape.
Charmin Suttles TEC 542.  What is an interface? ◦ Thorsen(2009) describes an interface as “the consistent color, font style, and placement of informational.
10. Typography The basic terminology & concepts of working with type
Topographic Map Skills. Topographic notes Topographic Map-includes contour lines drawn to represent changes in elevation. Topographic maps take 3 dimensional.
Six Principles of Good Design
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO GRAPHIC DESIGN MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
VERITAS Confidential Graphic Design Shashank Deshpande VERITAS Software July, 2003.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Design Elements of Graphical Representation, (Factors supporting appearance and functionality of solutions). P0CCUAA.
1 MULTIMEDIA TECHNOLOGY SMM 3001 MEDIA - TEXT. 2 What is Text? the basic element of most multimedia the basic element of most multimedia consisting of.
Today Apple Maps Labeling in GIS Labeling in Adobe Illustrator.
Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE.
L10 – Map labeling algorithms NGEN06(TEK230) – Algorithms in Geographical Information Systems L10- Map labeling algorithms by: Sadegh Jamali (source: Lecture.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
Now… The Basics of Design Basic Elements of Design Dots Lines Shapes Color Type Size Direction.
Cartography Topographic maps and Thematic maps. 1. Simplification >> 2. Selection >> 3. Classification >> 4. Symbolization Cartography.
Introduction to Cartography GEOG 2016 E Lecture-5 Map Compilation Techniques.
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
Graphic Design Tricks Good ideas for Powerpoint presentations.
Web Design Principles. Designing a Website Choice of a site color scheme. Choice of text font and size. Placeholder text. Use of white space. Location.
Principles of Typography
Introduction to typography
Graphic design elements
Graphic Design Principles
Understanding and Applying Typography in CSS
Our Color vision is Limited
The art of using text to produce professional looking publications.
8 Learning Font Basics Desktop Publishing: Chapter 8
Vocabulary & Guidelines
Graphic design elements
Basic Desktop Terminology
Understanding and Applying Typography in CSS
Graphic design elements
Unit 2.1: Identifying design elements when preparing graphics
Understanding Typography
Principles of Design Contrast.
Source: Digital Desktop Publishing--Font Basics
MAPS Basic Components.
Desktop Publishing Terminology
Elements of design Elements are the building blocks of any design.
INTRODUCTION TO DESIGN PRINCIPLES MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR ® Copyright 2012 Adobe Systems Incorporated. All rights.
Module 6.
Generalisation l A map is a two dimensional, scaled down representation of selected geospatial information within a ‘geographical area of interest.’ The.
INTRODUCTION TO DESIGN PRINCIPLES MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR ® Copyright 2012 Adobe Systems Incorporated. All rights.
The Elements of Design: Texture and Typography
MAPS Basic Components.
Chapter 7 Web Typography
Web Design Principles.
INTRODUCTION TO DESIGN PRINCIPLES MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR ® Copyright 2012 Adobe Systems Incorporated. All rights.
Don’t have to be a designer to know when something just ain’t right…
INTRODUCTION TO DESIGN PRINCIPLES MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR ® Copyright 2012 Adobe Systems Incorporated. All rights.
Professional Communications
INTRODUCTION TO DESIGN PRINCIPLES MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR ® Copyright 2012 Adobe Systems Incorporated. All rights.
The Elements of Design: Texture and Typography
Graphic design elements
Presentation transcript:

Summary on symbol design Symbols – use of design variables: Association Convention Qualitative or quantitative data Levels of contrast visual hierarchy and figure-ground Other – purpose, medium, cost, political sensitivities

Visual Hierarchy Map's purpose determines which visual aspects of the map should be most important. Important elements should be most visually prominent and highest in the visual hierarchy. Base information supports the main message and should be lowest in the visual hierarchy. Scale: country Emphasis: vegetation distribution Scale: forest type Emphasis: parks

Figure-Ground Provide focus by separating a foreground image from a less distinct background (i.e. feathering edges, centrality, closed form…)

Reversible figure ground

Good design: well chosen colours and symbols, good contrast and ‘figure-ground’

Map Lettering ‘labelling’ - placing descriptive text onto or next to features on a map http://webhelp.esri.com/arcgisdesktop/9.3/index.cfm?id=271&pid=266&topicname=About_labeling

Lettering General  rule:   Lettering is an extension of the symbol itself, and should be 'automatically' attached to it in the mind of the map user, both in design and positioning: 'good lettering' is barely noticed

1. Visual Design Variables: a. Font (= Shape or 'style‘) : classic / serif (e.g. Times) sans serif (e.g. Geneva) decorative (e.g. Joker)   Choice is mostly based on preference .. … except for some nominal association: e.g. historical oldies                          

General Principles of Lettering fonts Choice of individual fonts Legibility:     good distinction between letters in the alphabet Visibility:      good contrast between lettering and background Aesthetics:    avoid unappealing letter proportions and faces Don’t use Courier (typewriter) !!

b. Form: italic or upright Italics are reserved for hydrographic features (rivers, lakes, etc.) Underlining is not generally used

c. bold or plain e.g. Vanderhoof Vanderhoof Bold implies more importance, but is rarely used alone another form is wide / condensed (little used in mapping) Rockwell Rockwell Condensed

d. Form: UPPER or Lower case Note: UPPER CASE implies major features PRINCE GEORGE Prince George Use UPPER case sparingly; it is (13%) less readable than lower case due to the information provided by 'ascenders' and 'descenders'

Choice of combinations of fonts and form Consistency: lettering within a class should be the same (e.g. all major rivers) Contrast:       should be higher between major classes than within a class type Harmony:     avoid many type faces; use forms instead

Colour (hue) : nominal / qualitative .. is used associatively Blue: hydrography Brown: contours Black: standard Red: important

Quantitative Variables : size Size :  size denotes importance It is most commonly measured in 'points'     72points  =~ 1” minimum size = 6 points Larger size text is associated with larger or more important features. Large lettering should not be overpowering

Quantitative Visual Design Variables b. Tone / chroma (colour): screened lettering for background features (low saturation or gray)

Summary of design variables for labeling Font – legible, visible, aesthetically pleasing Form – italic, bold, CASE Colour – blue water, brown contour lines Size – 18 point, 24 point Tone/chroma – grey - black, baby blue – dark blue

2. General rules of Positioning Positioning is an extra visual variable that symbols don't have:        … it represents a great challenge in computer mapping – as it has no definite fixed position A> Minimize ambiguity as to what the name refers to B> Choose minimum interference with other map elements: lettering is movable (symbols are not)

2. General rules of Positioning C> Horizontal lettering where possible, except: …if there is no space available (points) or Feature is not horizontal (areas/lines) Lettering should not be beyond the vertical … the only exception is  Contour lines, where the lettering tops can 'point uphill' to show terrain form

Point symbols There are 8 possible positions for names. Top right is best overall but try to be consistent

Line symbols A> Follow the orientation of the line (river, road, etc.) B> Find a relatively straight piece to label C> Label above the line, far enough away so descenders don't cross it Examples from Eduard Imhof

Area symbols A> Lettering totally inside the area .                        B> If too small, label as if a point Name should fit inside with minimum 1.5 letter width on either side C> Orient lettering to fit area shape, curve as needed D> Space lettering if area is large, but not > 4 x letter height, and evenly   Serifs are useful in spaced names Examples from Eduard Imhof

Summary - positioning Point symbols:   horizontal lettering, close to the point, top right preferred Line symbols:     along line and above it, following orientation of line Area symbols:    centred in area, indicating orientation and space

Part of a World map – following all the lettering rules Lettering is like a hockey referee – if he doesn’t make any mistakes, you don’t notice him on the ice