Typographic History & Classification

Slides:



Advertisements
Similar presentations
The Art and Technique of Arranging Type
Advertisements

Typography Graphic Comm. Mr. Jarrett. Learning Objectives What is Typography What is a Serif Kerning, Tracking, & Leading Font Classifications Using Typography.
102 Font review Susan Clements-Vivian. Illuminated manuscript Psalter-Hours English, 13th Century A.D. Walters Art Museum, Baltimore, MD. Before the invention.
SM2222: Information Design and Visualization Session 3: Typography 23 September 2005.
0202 IAT 102 Graphic Design Typography Typeface Spacing.
A few good fonts COM 365 Newspaper Layout & Design.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
The art or process of printing with type Typography.
T y p o g r a p h y* A few words (and illustrations) about the history and the art of type selection and application * The art of setting and arranging.
Anatomy and usage of type for graphic designers
Types of fonts  1. OpenType Font :-OpenType Font  OpenType fonts are the current standard in fonts. In an OpenType font, both the screen and printer.
Typography the art of using (text) fonts and font styles to produce professional looking publications the art of using (text) fonts and font styles to.
1 Pertemuan 3 Huruf “Serif-Old Style 2” Matakuliah: U0224/Tipografi I Tahun: 2005 Versi: 1/0.
0202 IAT 102 Graphic Design Typography: origin of movable type Typeface Grid.
HISTORY OF TYPE Before there were letters there were pictures. The first type message that we find in history was a series of pictures that told.
The 16 Typography Vocab Words Most Likely to be Wrong For Document Design By Dr. Jennifer L. Bowie.
RIDDLE What goes around the world but stays in a corner?
Principles of Visual Design 2720 Principles of Visual Design LCC 2720 Instructor: Brian Schrank Intro to Typography.
content/uploads/2010/03/Death_by_Typography_by_GCORE1.jpg.
Thinking with Type A Critical Guide for Designers, Writers, Editors, & Students ELLEN LUPTON v.
1.01A – What typefaces should be used for various displays?????
A short lesson about type and how to organize it on your page…
1.01 Investigate typefaces and fonts.
Font The design of text – the general shape and style of a set of characters. One style and size of a particular typeface. Example: Palatino is a typeface,
 Font is also commonly called type or text › They all mean the same thing You can say font face or type face but they mean the same thing.
Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your.
Typography. Type Classifications 1. Black Letter, Manuscript, Old English 2. Roman (Old Style, Transitional, Modern) 3. Serif 4. Sans Serif 5. Slab Serif,
Fall Unit 2. Development Module 8: Typography & Design.
Words are communication. What do they say? The meaning should come before the look of the type is considered. The primary task of graphic design is to.
DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.
Typeface Basics 1. Glossary 1 Ascenders: Ascenders: Strokes of letters that rise above the mean line of type (b, d, f, h, k, l, t). Descenders: Descenders:
TYPOGRAPHY.
DO NOW What are some examples of ways that companies use fonts to help sell their products? Copy your homework: Find two examples of creative uses of font.
Art 368 WEB Design 1 Spring 2002 Type Two basic families:  Serif and Sans Serif Parts of all type Ascenders, descenders, baseline, etc. Leading= linespacing/paragraph.
Visual Rhetoric: Headers and Typography Professor Stevens Amidon Department of English and Linguistics, IPFW.
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Type Classification and Selection.
All of the following terms describe parts of a font that give the eye visual clues to decoding the letters while reading. Many of these terms stem from.
Typography All types of t y pe Typography Defined The design, arrangement, style and appearance of type matter constitute typography.
Typography The Art of designing with words and letters.
The art of using text to produce professional looking publications.
COM 366 Web Production & Design
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
Font / Typeface. Font or Typeface Typeface (letters & numerals with unique design) Typeface (letters & numerals with unique design) E.g., Ariel, Helvetica,
Typograpy. Type Type - Categories Serif Fonts  Oldstyle  Transitional  Modern  Slab Serif Sans Serif Fonts Script Decorative Monospaced.
Graphic Communications Chapter 4.  Distinctive designs of visual symbols that are used to compose a printed page.  Ie: Magneto, Times New Roman, Baskerville,
Typography is the art and technique of arranging type in order to make language visible. - The arrangement of type involves the selection of typefaces,
Typography Classifying Typefaces. Typeface Classification - Serif, Sans and Script Type can be classified into 3 broad categories: SERIF, SANS SERIF and.
Type Categories. Type Terms Stress: if you drew a line between the two thinnest parts of a letter S No stress Diagonal stress.
The art of using text to produce professional looking publications.
COM 365 Newspaper Layout & Design
Typography. the design and use of typefaces as a means of visual communication how to select, size, arrange, and use typefaces.
C a t e g o r i e s of T y p e. Oldstyle Diagonal Stress Serifs on lowercase letters are slanted Moderate thick/thin transition in the stroke Examples.
Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.
Font:  Text of a certain design, available in hundreds of varieties.  Called typeface. Style:  The way a font looks: Bold, Italic, regular Points: 
Typefaces and Typestyles History of the Book. Basic categories for fonts: 1.Old Face fonts derived from humanist fonts: regular and italic 2.Dramatic.
The History of Type Styles (reduced): Renaissance Humanist Old Style Transitional Modern or Didone Slab Serif Sans Serif or Grotesque.
Words are communication. What do they say? The meaning should come before the look of the type is considered. Choose typographic styles and sizes that.
FontSFontSFontSFontS aka Typography. Font Parts Lets break fonts down by their parts!
SCHOOLOFDESIGNANDVISUA LART Typography with CSS Text Properties, Readability & Web Fonts.
Introduction to typography
Typography* *The art of setting and arranging type
Typeface Classification
The designer crafted word
Typography An introduction on how to use typefaces
Typography Typography is the art and technique of creating and composing type in order to convey a message. Words are communication. What do they say?
google. ca/imgres. imgurl= braincrumbtrail
Typography The Art of designing with words and letters.
Source: Digital Desktop Publishing--Font Basics
A Few Simple Type Rules Graphics Design Tech 1.
Moveable type allowed for the casting of individual letters which could be assembled into words, to make up a printed page. After printing, the letters.
Presentation transcript:

Typographic History & Classification

Major Classifications in the History of Typographic Evolution BlackLetter: Serifs, narrow and thick stroke, highly decorative (Blackmoor LET)

Blackletters Johannes Gutenberg, 1455, Mainz, Germany Examples: http://www.fontpool.com/categories/blackletter/page1.html American Uncial, Cloister Black, Duc de Berry, Fette Fraktur, FF Johannes G, Goudy Text, Kelmscott, Old English Text Fashioned after the popular local scribal handwriting style of the time Narrow, thick stems cause a strong vertical presence Used for text in Germany until WWII Now used primarily as a display type; highly decorative

Old Style – Humanist (Venetian Old Style) Named after the first Roman typefaces that appeared in Venice, Italy, around 1470. Adobe Jenson Pro, Berkeley Oldstyle, Centaur MT, Cloister URW T, Deepdene URW T, Jenson Classico, Stratford, ITC Souvenir, True Golden Mixed style of roman and italic handwriting Organic, rounded, medium to heavy strokes; low contrast Lowercase e has a slanted crossbar

Old Style – Old Style (Garalde Old Style) began with the designs from the punchcutter Francesco Griffo, who worked for the famous Venetian scholar-printer Aldus Manutius during the 1490s. Bembo, Caslon Classico, Caxton, Goudy Old Style, Minion Pro, Adobe Original Garamond, Palatino, Times New Roman, Centaur, Bembo, Jenson, Garamond, Caslon Still organic, but more precise Ascenders of lowercase letters are usually taller than cap height Lowercase e has a horizontal crossbar

Transitional Typefaces from the middle eighteenth century; between old style and modern (John) Baskerville, Cheltenham, Cochin, Corona, Electra LH, Mrs. Eaves, Perpetua, Stone Serif, Versailles Vertical stress and slightly higher contrast than old style typefaces, combined with horizontal serifs.

Modern (Didone) late 1700s and early 1800s Bodoni EF, Bernhard Modern, Craw Modern, De Vinne, Fenice, Linotype Didot, Modern No 216, Walbaum, Didot, Bodoni, Walbaum strong geometric quality projected by rigorous horizontal, vertical, and circular forms extreme contrasts between thick and thin strokes have narrow set widths, lightly bracketed or unbracketed serifs, short x-height ratios, and a vertical angle of stress

Egyptian Egyptian typefaces emerged as display type in Victorian advertisements in the nineteenth century. American Typewriter, Antique, Chaparral Pro, Clarendon, PT Courier, Egyptienne F, Memphis, Stymie, Volta heavy, horizontal aesthetic of ancient Egyptian art, architecture, and hieroglyphics heavy, squared serifs low contrast vertical angle of stress

Sans Serif 1816; Gained popularity in the early twentieth century Akzidenz-Grotesk, Eurostile, Frutiger, Futura, Gill Sans, Helvetica, Kabel, Myriad Pro, Optima, Univers Grotesque: tall x-height, narrow-moderate set width, slightly squarish (Helvetica, Akzidenz-Grotesk, and Univers) Geometric: geometric shape, wide set width, capital A generally has a pointed apex, the lowercase a is often single story, and the lowercase g is usually open-tailed (Futura, Kabel, and Eurostile) Humanist: organic feel, the lowercase a and lowercase g are usually double story. The capital A generally has a squared-off apex, and the capitcal G usually has no spur (Gill Sans, Frutiger, Optima)

Decorative & Display Type Script Type: based on handwriting (Brush Script, Dom Casual, Kunstler, Linoscript, Mistral, Shelley Script, Streamline, Tekton, Type Upright, Zapfino) Pixel Fonts: for digital display (Chicago, Geneva, Lucida Sans, Monaco, New York, Charcoal, Fixsys, Lo Res)