The 16 Typography Vocab Words Most Likely to be Wrong For Document Design By Dr. Jennifer L. Bowie.

Slides:



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

The Key Element in Desktop Publishing Design
Typography: The basic building block of any printed page.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
Session 2—Chapter 3 Visual Literacy Learn to See, See to Learn.
WORKING with TYPOGRAPHY The art of skillfully arranging and presenting type to gain attention.
The art or process of printing with type Typography.
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.01 Investigate typefaces and fonts.
1.01A – What typefaces should be used for various displays?????
More Information on Graphic Design for Electronic Texts A few pointers for your websites & other e- publications By Jennifer L. Bowie.
1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design
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,
 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.
® 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.
JRN 302: Introduction to Graphics and Visual Communication - Typography Tuesday, 7/7/15.
10. Typography The basic terminology & concepts of working with type
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.
Typography-- Using Text Typography -- Using Text There are two basic types of fonts: Sans Serif Serif.
Visual Rhetoric: Headers and Typography Professor Stevens Amidon Department of English and Linguistics, IPFW.
Introduction to Type in Graphic Design AEE 210 Jim Lucas Modified by Luke Reese.
Digital Interactive Media
Q: Invitation to the prom A. Decorative/Ornamental B. Sans Serif C. Script D. Serif.
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 The Art of designing with words and letters.
The art of using text to produce professional looking publications.
Designing with Type DIM. Design Relationships Concordant—occurs when you use only one type family, without much variety in style, size, weight, and so.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
Desktop Publishing Using Fonts. The key to creating attractive published documents is found in the decisions surrounding the text. A beautifully designed.
Defining Type Desktop Publishing. What type shall I use? The gods refuse to answer. They refuse because they do not know. -W.A. Dwiggins.
Design: Type Readability Relationships Types of Type (Fonts Type on the web.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
DESIGNING with TYPE Bristol Community College Bristol Community College CIS 13 Business Creativity Sources: The Non Designers Design Book, Robin Williams.
Typograpy. Type Type - Categories Serif Fonts  Oldstyle  Transitional  Modern  Slab Serif Sans Serif Fonts Script Decorative Monospaced.
What to do with this PowerPoint
Aa Hh Xx Yy serif (Times New Roman). Aa Hh Xx Yy Sans serif (Arial)
Typography Graphic Design Fundamentals
TYPOGRAPHY What is Typography?
Typography Classifying Typefaces. Typeface Classification - Serif, Sans and Script Type can be classified into 3 broad categories: SERIF, SANS SERIF and.
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
TYPOGRAPHY.
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.
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.
JRN 302: Introduction to Graphics and Visual Communication - Typography Tuesday,
Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.
Creating your own logo. A logo is a graphic or emblem commonly used by organizations and even individuals to promote instant public recognition.
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.
FontSFontSFontSFontS aka Typography. Font Parts Lets break fonts down by their parts!
Digital Interactive Media
Introduction to typography
Font & Typeface Principles of Information Technology
Designing TYPE with 2.01 Investigate typefaces and fonts.
Font & Typeface Principles of Information Technology
Selecting a Typeface MKT 4123 Advertising.
The art of using text to produce professional looking publications.
Typography An introduction on how to use typefaces
Typography Basics 2.01 Investigate typefaces and fonts.
Font & Typeface Principles of Information Technology
The Art of Type 9/17/2018.
Typography The Art of designing with words and letters.
Desktop Publishing Terminology
A Few Simple Type Rules Graphics Design Tech 1.
Typography.
Presentation transcript:

The 16 Typography Vocab Words Most Likely to be Wrong For Document Design By Dr. Jennifer L. Bowie

Family, Face, and Font Type Family: all related faces with the same name and design characteristics. Example: Bodoni MT which includes Bodoni MT and Bodoni MT Black Typeface or face: a category of type that includes all variations (such as italics, bold, all caps,…) of the same specific name. Example: Bodoni MT is a face. Font: a specific application of a face, such as style and size. Example: Bodoni MT size 28 in italics See Williams Type and slides

Legibility, Readability, and Usability Legibility: the ability to make out/recognize small amounts of text such as a word or letters Readability: the ease of reading a long body of text, such as paragraphs Usability: how well users can use a document for the given task, includes both legibility and readability See Williams Type and Kimball & Hawkins

Type Categories See both Williams books CategoryLarger Category StructureReadabilityLegibilityVoice- over Oldstyle Serif Mod think/thin transitions Diagonal stress Slanted [bracketed] serifs Very goodGoodTraditional, calm, formal Modern Serif Radical think/thin transitions Vertical stress Serifs thin and horizontal PoorGood/fairCold, elegant, dazzling Slab Serif Serif Little/no think/thin transitions Vertical stress Horizontal and think slab serifs Very goodGoodStraight- forward, plain, clean, athletic Sans Serif No/little thick/thin transitions (monoweight) No stress & no serifs GoodVery GoodModern, technical, clean Script looks like handwriting Letters may connect or not Often poorOften poor to fair Varies Decorative Structure varies greatly Fun, distinctive, strong faces Often poorOften poor to fair Varies Grunge or Distressed Decorative Structure varies greatly Distorted, trashed, schizophrenic, ugly, distinctive Often poorOften poor to fair Varies

Contrasts of Type Size: One of William’s six type contrasts, should involve big differences in type size, but can apply contrast in other ways (such as a small font on a big page). Weight: Another of William’s six type contrasts. Refers to the thickness of the strokes. Structure: Yet another of William’s six type contrasts. Refers to how the face is built including thick/thin transitions. Form: The shape of a letter. Letters can have the same structure but different shapes/forms. One of William’s six type contrasts. Example: g and G have different shapes but are the same structure. See Williams Design

Conflict, Contrast and Concord Conflicting: Two typefaces (or other elements) that are so similar they are disturbing (they “conflict”) and not contrasting, thus creating a weak design. Example: Times New Roman & Garamond. Contrasting: Clearly distinct faces that contrast and create a strong design. Example: Georgia and Verdana Concordant: Fonts from one family without much difference and thus little contrast. Creates a calm, formal design that is not as strong and distinct as a contrast. See Williams Design

Good Luck and Have Fun!