The Art and Technique of Arranging Type

Slides:



Advertisements
Similar presentations
The Key Element in Desktop Publishing Design
Advertisements

SM2222: Information Design and Visualization Session 3: Typography 23 September 2005.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
Typography. Where can type face be found? What is the ultimate purpose? Why is it important?
Typography (The study of font).
The art or process of printing with type Typography.
Desktop Publishing Ann Ware Fall, Desktop Publishing Using a computer with page-layout software to design, edit, and produce professional-looking.
Copyright © 2003/4 Bolton Institute Type Anatomy We apply unique understanding to letter types and forms that can distinguish one typeface from another.
Copyright © 2003/4 Bolton Institute Typography We have looked at signs, colour, shape, images and texture to represent meaning Today we will look at the.
The Elements of Typography. The Anatomy of Type Baseline: The invisible line where letters sit.
Typography K1066BI – Graphical Design Teppo Räisänen
History of Typography (History of Digital Font) Robin Chin November 7, 2006.
Chapter 10: TypographyCopyright © 2004 by Prentice Hall 10. Typography In this chapter you will learn about: The basic terminology and concepts of working.
TYPOGRAPHY vasuki belavadi reader dept. of communication s n school university of hyderabad.
Typography. What message do these fonts convey?  Jokerman  Old English Text  Brush Script  Curlz  Edwardian Script.
1.01 Investigate typefaces and fonts.
RIDDLE What goes around the world but stays in a corner?
content/uploads/2010/03/Death_by_Typography_by_GCORE1.jpg.
1.01A – What typefaces should be used for various displays?????
1.01 Investigate typefaces and fonts.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.
Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your.
E D Typography A C B Georgina Wood.
10. Typography The basic terminology & concepts of working with type
Fall Unit 2. Development Module 8: Typography & Design.
Typography 2.01 Investigate typefaces and fonts..
Chapter 9 Text. So, chapter 10 is about Photography, now Chapter 9 is about text What should it look like, how big should it be, how do colors contrast,
TYPOGRAPHY.
DTP Notes.
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.
Typography Concepts Typeface Anatomy Typeface Categories –Text –Display –Decorative Emphasis Strategies Point size/ Measure/ Leading.
Visual Rhetoric: Headers and Typography Professor Stevens Amidon Department of English and Linguistics, IPFW.
Answer question 1. Answer question 2.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
T YPOGRAPHY The study of all elements of type as a means of visual communication—from calligraphy to the use of digital type; includes the shape, size,
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: Basics. Type Basics Typography: The design of letterforms and the arrangement of them in two-dimensional space. Type font: A complete set.
History of Typography. What is “Typography?” printing  The art and technique of printing  The “study” and “process” of typefaces  “Study”  Legibility.
Typography and Measurement. T y pog r a ph y Typography Measurement, Positioning and Styles.
B.Sc. Multimedia ComputingMedia Technologies Character Representation & Font Technology.
The applied art of arranging image and text to communicate a message.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Typography Graphic Design Fundamentals
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
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. the design and use of typefaces as a means of visual communication how to select, size, arrange, and use typefaces.
Desktop Publishing & Design. Baseline The invisible grid line the characters sit on.
Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
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.
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.
Basic Typography By Ashraf Ali. Overview  Review definitions  Basic character study  Explore different typefaces.
Design and Typography Chapter Designing a Publication Designing is the process of determining the format and layout, then creating Format: how and.
TYPOGRAPHY in Design. OBJECTIVES 1. Understand typographic terms and measurement systems. 2. Learn how to select typefaces appropriate to a project's.
Graphic Design Mrs. Lacks. Typography Is the art and skill of arranging text so that language is visible Essentially, all forms of writing are typography.
Graphic Design Working with Type
The art of using text to produce professional looking publications.
8 Learning Font Basics Desktop Publishing: Chapter 8
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
Basic Desktop Terminology
Typography Basics 2.01 Investigate typefaces and fonts.
Understanding Typography
2.01 Investigate typefaces and fonts.
2.01 Investigate typefaces and fonts.
Principles of Typography
Source: Digital Desktop Publishing--Font Basics
Desktop Publishing Terminology
Digital Media Notes Your Name.
Presentation transcript:

The Art and Technique of Arranging Type Typography The Art and Technique of Arranging Type

Some Typeface Examples Quick brown foxes jump - Times New Roman Quick brown foxes jump - Bookman Old Style Quick brown foxes jump - Courier New Quick brown foxes jump - Trebuchet MS Quick brown foxes jump - Comic Sans MS  - Webdings

The root words that make up Typography are… Typo - type Graphy - drawing

Typography and Print Typography is defined in relation to print History of (Western) printing Johannes Gutenberg Europe’s first printer (42-line Bible, 1455) First designer of typeface Gothic type: modeled after German script Goal: To replicate the look of a manuscript Bible Aldus Manutius Designed “Italic” type (“of Italy”) in the 1490s Modeled on handwriting of Venetian clerks Compact form allowed for printing of smaller books

Typography and Print: Creating Type Basic letterform for capital letters Stone Engravers’ Style: As few curves as possible

Typography and Print: Creating Type

When designing with type… Remember that the negative space is just as important as the positive space.

The arrangement of type involves the selection of… • Font - a complete set of characters in a specific style • Typeface - a set of one or more fonts designed with stylistic unity. A Typeface is comprised of letters, numerals, symbols & punctuation marks. • Point Size - the smallest unit of measure. .72 pts to 1in

Typeface Choosing a typeface that matches the content is important.

Legibility / Legibility • Legibility - the ease in which type can be understood under normal reading conditions.

Type Classifications Serif - Has cross-lines at the ends of strokes.

Type Classifications Sans Serif - “without serifs”

Type Classifications Decorative and Display - a vast category that includes types that do not fit in other categories. By definition, these types would be illegible at text size.

Type Classifications Glyphic - Based on letters carved in stone.

Type Classifications Monospaced - Typewriter types in which each letter occupies exactly the same space.

Type Classifications Script and Handlettered - Closest approx. of hand lettering. Ranges from formal to casual.

Type Classifications Symbol and Ornaments - simple illustrations and representational and nonrepresentational symbols

Type Classifications Blackletter - also called Gothic and Old English.

The Anatomy of Type

The Anatomy of Type • Cap height - the height of capital letters, measured from baseline to top of the letterforms. Ascender - the part of the lowercase letters that extend above the median in b, d, f, h, l and t. Median - the invisible line that defines the top of the lowercase letters that have no ascender. X-height - the distance from the baseline to the median in lowercase letters. Named after the lowercase x. Baseline - invisible line on which letterforms sit. Descender - the part of the lowercase letters that extend below the baseline in g, j, p, q and y.

The Anatomy of Type

Legibility and alignment Legibility ‘refers to perception’ and readability ‘refers to comprehension

Typography and Print: The Power of Typography Importance of “new typography” today Considered blank space to be as much as a formal element of typography as black type Continued to encourage standardization Blurred the line between “high art” and “mass media” Blurred the distinction between image and language Predicted the future importance of typographic design to advertising

Digital Typography Some digitally created typefaces Trebuchet MS 1996, Microsoft typeface designed to be readable at small sizes and at low resolutions Based on humanist sans serif typeface designs of the 1920s and 30s Comic Sans MS 1994 (developed), released as part of Windows 95 Plus! Pack Based on the generic lettering style of comic strips  (Webdings) 1997, designed in response to web designers’ need for easy method of incorporating graphics in their pages