TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple.

Slides:



Advertisements
Similar presentations
Typography 101 Using Typography to Enhance Content.
Advertisements

MODULE 16: TYPOGRAPHY. Categories of typefaces share similar characteristics. Typefaces have families. Type is measured in points. Column widths should.
SM2222: Information Design and Visualization Session 3: Typography 23 September 2005.
Typography. Base line Base line The imaginary line on which all characters rest.
1 Professional Communications Working with Type Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used.
The art or process of printing with type Typography.
Typography Typogra Typography Typogra. Designers use typography to communicate a client's message to an audience. They explore the creative possibilities.
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.
Principles of Typography
Typography Usability & Readability
Typography. It’s not just the words, but the shape, size of headline and letters can attract readers. Typography important enough to warrant own journaljournal.
Typography Principles Communications 320 Desktop Publishing.
Welcome and have a seat please.  What is typography?  The design of the characters and the way they are presented on the page  What are fonts?
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.
Elements of Design Type. Objectives After this lesson, you will understand: –The 5 primary categories of type –Elements of typography –Special characters.
Typofaces give voice to words Typefaces give voice to words.
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,
Harsha Wijayawardhana University of Colombo School of Computing (UCSC)
 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 Conveys mood Communicates attitude. The Letters X-height –the height of the main body of a lower case letter (literally, the x) x j Cap height.
Fall Unit 2. Development Module 8: Typography & Design.
Principles of Typography
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.
Print Medium. • Advantages & Limitations • Typography • Readability • Layout.
Visual Rhetoric: Headers and Typography Professor Stevens Amidon Department of English and Linguistics, IPFW.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
Fonts! Week 3 – Intro to Desktop Publishing. Typography Definition: The study of type and its characteristics Type does many things – Conveys the message.
INTRO TO TYPOGRAPHY BASICS Graphic Design II. What is Typography? the art or process of printing with type. In every piece of type you see, somebody has.
Typography: Basics. Type Basics Typography: The design of letterforms and the arrangement of them in two-dimensional space. Type font: A complete set.
Introduction to Typography Type is everywhere It is a fundamental means of communication Origins as a mechanical process Now very much a critical part.
Terms to Know Primer A few more terms Typeface – single set of letterforms Type Family – several font designs representing a range of style variations.
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.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
How to publish a Document How to Publish a document.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Typograpy. Type Type - Categories Serif Fonts  Oldstyle  Transitional  Modern  Slab Serif Sans Serif Fonts Script Decorative Monospaced.
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Graphic Design & Illustration.
Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE.
TYPOGRAPHY What is Typography?
Graphic Design  Graphic Design is a form of visual communication.  Communicate a message  Using typography and graphic elements.
Graphic Communications Chapter 4.  Distinctive designs of visual symbols that are used to compose a printed page.  Ie: Magneto, Times New Roman, Baskerville,
Headings and Text What makes headings stand out?.
The art of using text to produce professional looking publications.
Desktop Publishing & Design. Baseline The invisible grid line the characters sit on.
Typography Vocabulary and Guidelines This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors include Gregory.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
Font:  Text of a certain design, available in hundreds of varieties.  Called typeface. Style:  The way a font looks: Bold, Italic, regular Points: 
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
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.
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.
Principles of Typography
Introduction to typography
Typography Design.
The designer crafted word
Vocabulary & Guidelines
Understanding Typography
The Art of Type 9/17/2018.
Typography The Art of designing with words and letters.
Principles of Typography
Source: Digital Desktop Publishing--Font Basics
Typography.
Typography Usability & Readability
Professional Communications
Presentation transcript:

TYPOGRAPHY BASICS Technical Foundations II

Typography Basics  Baseline Apple

Typography Basics  Baseline  X-Height Apple

Typography Basics  Baseline  X-Height  Ascender Apple

Typography Basics  Baseline  X-Height  Ascender  Descender Apple

Typography Basics  Stroke Apple

Typography Basics  Stroke  Serif Apple

Typography Basics  Stroke  Serif  Fillet Apple

Typography Basics  Serif (Times, Garamond, Palatino)  Sans Serif (Century Gothic, Helvetica, Arial)  Script (Apple Chancery, Brush Script) Serif Sans Script

Five Basic Specs of Type  Size of Type  Linespace  Font  Line Length  Alignment/Format

Typography Basics  Size of Type  Measured in Points Adj

Typography Basics  Size of Type  Measured in Points Ascender to Descender Adj

Typography Basics  6 picas = 1 inch  12 points = 1 pica  ?? points = 1 inch

Typography Basics  6 picas = 1 inch  12 points = 1 pica  ?? points = 1 inch 72 Points

Typography Basics  Leading space between lines Adj

Typography Basics  Leading space between lines vs  Linespace space between lines plus (+) size of type Adj

Typography Basics  Leading space between lines vs  Linespace space between lines plus size of type  You use “leading” to move from one line to next! Adj

Types of Leading (Linespace)  Absolute Leading  12 pts over 14 pts  Auto Leading  12 pts over auto  Set Solid  12 pts over 12 pts

Typography Basics  Letter Spacing space between each letter Adj A by

Typography Basics  Letter Spacing space between each letter  vs Word Spacing space between each word  Both affected by kerning or tracking controls Adj A by

Typography Basics  Kerning  Adjust space between 2 characters  Tracking  Adjust space between multiple characters Adj A by

Typography Basics  Alignment/Format  Flush Left  Flush Right  Centered  Justified  Forced Justified

Typography Basics  Fonts  Family name of Type Helvetica, Avant Garde, Palatino, Times  Characteristics Plain, Bold, Italic, Shadow  Legibility is priority one!  Font is a Typeface of specific style and size. Examples??

Typography Tips  Line length  Wide of the columns of type  Too long a line, harder to move to next line  Don’t center large amount of type  Two fonts is enough! Too many fonts can compete for attention  Combine Serifs with San Serifs  Choice correct font for the topic

Fonts  Papyrus  Brush  Futura  Bauhaus 93  Apple Casual  Baskerville  American Typewritter  Curlz MT Pick Six of These Fonts Think of an appropriate company, slogan or purpose for each font, and tell why.