TYPE BASICS Cartographic Design & Principles Winter 2016

Similar documents
Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context

Font, Typeface, Typeface Family. Selected Typographical Variables

TYPE ANATOMY jtittle

understanding typography

Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block

TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r)

Principles of Typography

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2)

> what is a font? Times New Roman [10 pts] Times New Roman [12 pts] Times New Roman [14 pts] Times New Roman [18 pts] Times New Roman [24 pts]

EnvSci360 Computer and Analytical Cartography

Typography. is the foundation of good web design

Windows Standard Fonts

Font classification review

Step by Step: Scientific Poster Making Using PowerPoint 2010

Chapter 12: FORMATTING TEXT

User-Centered Website Development: A Human- Computer Interaction Approach

Friendly Fonts for your Design

Introduction to Web Design CSS Reference

Introduction to Web Design CSS Reference

Developing successful posters using Microsoft PowerPoint

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100

Document Design Chunking Similar Information Together

Typography/ Layout and Design

Controlling Appearance the Old Way

Text. Text metrics. There are some important metrics that we must consider when working with text. Figure 4-1 shows the basics.

Poster Instructions OUHSC College of Allied Health Office of Academic and Student Services AHB 1009 /

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA

Floats, Grids, and Fonts

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters

Poster-making 101 for 1 PowerPoint slide

CSS. Text & Font Properties. Copyright DevelopIntelligence LLC

Accessible Documents & Presentations. By Amy Maes, DNOM

SAMPLE PAGES. Syllabus coverage chart. viii Syllabus coverage chart

Web Site Design and Development Lecture 6

Accessible Syllabus Using the Accessible Syllabus Template

Presenting Data Effectively

Elements of typographic design

CSS: Formatting Text. CSS for text processing: font-family. Robert A. Fulkerson

Admin. Midterm 1 on. Oct. 13 th (2 weeks from today) Coursework:

OUR TYPOGRAPHY APPROVED UNIVERS FONTS. Univers 65 Bold Univers 65 Bold Oblique Univers 75 Black Univers 75 Black Oblique

BRAND. For Internal Use Only Not For Use With The Public. For help and guidance on our brand standards, contact

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read.

Typography Main typography EC Square Sans Pro

CSS Styles Quick Reference Guide

Franklin Gothic. Seniors: Use larger text that is clear and legible. (Souvenir, Times, Garamond, Helvetica)

ACSC 231 Internet Technologies

Typesetting Tips. Put your best type forward.

Guiding Principles for PowerPoint Presentations

Unit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2

fonts Some famous (and infamous) fonts

Copyright. For more information, please read the Disclosures and Disclaimers section at the end of this ebook. First PDF Edition, February 2013

DTP Theory Notes. Arbroath Academy - Technology Department - National 5 Graphic Communication

Customizing Graphical Reports

VOICE OF TYPE LECTURE 1

5. Text CHAPTER HIGHLIGHTS 10/12/2016 CHAPTER. Text tradition. Codes for computer text. t. Font technologies. Multimedia text.

The Visual Scientist Presents Poster Design

Graphics. HCID 520 User Interface Software & Technology

Name: Class: Teacher:..

Graphics. HCID 520 User Interface Software & Technology

limelightplatform.com

H A-Z of DTP Features

F PROT. Sub-brands FILE SERVER SECURITY

Teach Yourself Microsoft Word Topic 2 Selection and Formatting Techniques

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at:

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read.

Formatting and Editing Skills. Apply formatting and editing features and operational keys appropriately.

How to Create Accessible Word (2016) Documents

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia

Chapter 7 Typography, Style Sheets, and Color. Mrs. Johnson

INTRODUCTION TO TYPOGRAPHY DESIGN

LESSON 7 Introduction to Typography

IDM 221. Web Design I. IDM 221: Web Authoring I 1

TYPOGRAPHY. The art of type

Alphabet. elemental visual signs 26 characters frozen sounds

Microsoft PowerPoint 2013 Module

Using Text in Photoshop

What is Accessibility?

DESIGNING A POSTER A SHORT GUIDE FROM THE JET LIBRARY

CSS: The Basics CISC 282 September 20, 2014

Microsoft Publisher 2007

Before & After. Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8

> > > > Cascading Style Sheets basics

Adding CSS to your HTML

Creating Large Format Posters Using PowerPoint TIP SHEET. Before you begin working in PowerPoint, sketch out your poster on paper.

How to use styles, lists, columns and table of contents

Typography guidelines

Posters. Fall Mike Foster DUSPviz Department of Urban Studies and Planning Massachusetts Institute of Technology

InDesign. your. Resumé. a how-to guide for creating a professional resumé using InDesign

Written Language Production

TEXT MEDIA AND INFORMATION

History of Typography. (History of Digital Font)

BDA Dyslexia Style Guide

Poster. Contents. Daniel Barndt ~ 10/25/2014 Page 1

Creating an Accessible Microsoft Word document

Web Development & Design Foundations with HTML5

Principles of Design. Alignment

ABOUT RESEARCH POSTERS

TYPE. Design Process

Designing and Creating an Academic Poster using PowerPoint

Transcription:

TYPE BASICS Cartographic Design & Principles Winter 2016

Words on a Map Everything on the Earth has a name Names on a map, make it a map Otherwise it is a picture, photograph or design Assigning names to a place can be contentious Indigenous place names v. Colonialist place names

Type Anatomy

Font Typeface A set of letters & numbers with a unique design Font is a subset that includes a unique designs & size Often used interchangeably Examples: Times New Roman Lucida Sans American Typewriter

Serif Sans Serif Serifs are finishing strokes added to the ends of letters

Serif Sans Serif

Serif Sans Serif Baskerville Bookman Old Style Courier New Garamond Georgia Palatino Times New Roman Arial Century Gothic Comic Sans Gill Sans MT Impact Lucida Sans Unicode Tahoma Trebuchet MS Verdana

Serif Sans Serif When to use Serif Reading map from close distances on high-resolution print outs Illustration v. Illustration When to use Sans Serif Viewing from computer monitor (web maps) Short Text blocks (title) on a poster or reading a map from a distance

Decorative Fonts Aka display font is a style that is reminiscent of a particular time in history, place, people or some other style category Used to allude to mideval knights, Celtic history, space, science fiction, etc. Used in mapping when the feeling they evoke match the subject of the map

Script Aka handwriting font contain extra flourishes such as curls at the end of letters or mimic calligraphy or handwriting cursive Somewhat decorative in style Lend a more elegant, formal feeling to text Hard to read in large quantity Should be reserved for small bits of text Commonly used for labeling bodies of water such as bays, oceans, straits, and rivers

Script Could be used on a map that has a lot of features requiring differentiation A few examples Brush Script MT Edwardian Script ITC Mistral Matura MT Script Capitals

X-Height The height of the most compact letters in a typeface, such as a, o or e (generally) the greater the x-height, the easier to read

Ascenders Descenders Ascenders the portion of certain letters that rises above the x-height, such as k or f Descenders the portion of certain letters that fall below the x-height, such as p or g

Type Modifications

Size 1 in = 25.4mm = 72-pt font 1 inch is the total distance between the height of the tallest letter & the lowest point of the descenders Letter-sized printout, close-range reading 10-pt to 14-pt for normal text 14-pt to 20-pt for emphasis text (i.e. title)

Size Viewing distance Why viewing distance & not paper size matters A small map in a report should have the same font sizes as a large map in a report b/c both will be read from the same distance

Leading & Kerning Leading. Distance between the baselines of successive lines of type K e r n i n g. Adjusting the space between two letters

Italics Originally developed to create a slightly smaller sized letter (more compact) w/o changing fonts Reserved for certain features such as streams and oceans Can help differentiate a title from a subtitle Can deemphasize margin text Can provide emphasis on one word

Bold CAPS SMALL CAPS Commonly used for titles and certain map labels such as city names or other major geographic features Can further emphasize the most important features Does not increase legibility for small font sizes

Underline Much less common in mapping Sometimes used for the title, or title/subtitle pair

Font Label Standards Hydrographic features labels (rivers, streams, oceans, lakes): script or regular, italicized font Initial caps are used except (sometimes) for ocean names which are all caps Often shown in the same or darker blue hur as the feature itself Polygon water feature (lake) a white font hue is sometimes used only if is pronounced enough from the surrounding blue

Font Label Standards The use of Red Feature labels that are relatively bad, poor or very important compared to other feature labels The use of Green Feature labels that connote a feeling of goodness, natural or not important Browns & Greens Used to label national parks, forestlands, mountain ranges, elevation labels, etc.

Font Label Standards Mountain Ranges Non-italic and non-script font types Uppercase Utilize spacing rules so that the label runs along the entirety of the range Town & City names Uppercase or initial capitals Uppercase reserved for the most important cities, those with the largest pop, or both Non-italic

Font Label Standards Spacing between a label and its symbol should be about half the size of the lettering If labeling a large area limit your character spacing to no more than four times the letter height More than that and they will look unrelated to one another Serif fonts are easier to read on text with expanded space Serifs tend to draw the eye toward the next letter

Type Placement

Placing text around the map Titles, text boxes, disclaimers, etc. A few general rules: Ensure all text is aligned with surrounding elements including other text, maps, and lines Do not use justified text in poster layouts (spacing out text to a given area) too difficult to read quickly Use Left-justified text Double-space body text on larger layout to prevent squinting

Placing text around the map Group text elements together Use Law of Three odd numbers of items in a group than even numbers of items in a group Do not separate all over the page, but also do not group it all into one single text area Example: Create three paragraphs of text separated by a headline or extra white space and place the 3 paragraphs together on the same side of the page

Font Resources

Where can I find fonts? Font Squirrel. http://www.fontsquirrel.com/ 1001 Free Fonts. http://www.1001freefonts.com/ Dafont. http://www.dafont.com/ Urban Fonts. http://www.urbanfonts.com/freefonts.htm