Terms to Know Primer A few more terms Typeface – single set of letterforms Type Family – several font designs representing a range of style variations.

Slides:



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

Typography Selecting appropriate typefaces for a document. Typography.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
WORKING with TYPOGRAPHY The art of skillfully arranging and presenting type to gain attention.
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.
Typography Usability & Readability
Meaningful Jargon Or, All You Need to Know to Speak Like a Geek Design and Typography 3/3/98.
Word Processing Fonts. What is a font? The spaghetti fell on the floor.
Typography Principles Communications 320 Desktop Publishing.
The Elements of Typography. The Anatomy of Type Baseline: The invisible line where letters sit.
TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple.
1.01A – What typefaces should be used for various displays?????
Typofaces give voice to words Typefaces give voice to words.
 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.
Typography and Space for Web Design Important Issues From Web Style Guide.
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.
Typography 2.01 Investigate typefaces and fonts..
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.
TYPOGRAPHY.
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.
Digital Interactive Media
Fonts! Week 3 – Intro to Desktop Publishing. Typography Definition: The study of type and its characteristics Type does many things – Conveys the message.
MODULE 16: TYPOGRAPHY Typography Type selection starts with the BASICS of style and size. GROUPS OF TYPEFACES SHARE SIMILAR CHARACTERISTICS. TYPEFACES.
Typography: Basics. Type Basics Typography: The design of letterforms and the arrangement of them in two-dimensional space. Type font: A complete set.
The art of using text to produce professional looking publications.
The applied art of arranging image and text to communicate a message.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”
DTP Word 2002 Chapter 2 Preparing Internal Documents.
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
Some tips on type From Before & After: Graphics for Business By John McWade.
Typography Graphic Design Fundamentals
Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from.
Graphic Design  Graphic Design is a form of visual communication.  Communicate a message  Using typography and graphic elements.
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
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.
March 2004Andrea Infantino©Copyright Jan 2006Adapted from A.Infantino©Copyright 2004 Visual Literacy A Critical Key to Effective Communication.
So many fonts, so much choice. More than 1000 fonts Just as an author struggles to find the right words, the graphic designer struggles to find the right.
Desktop Publishing & Design. Baseline The invisible grid line the characters sit on.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
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.
Design and Typography Chapter Designing a Publication Designing is the process of determining the format and layout, then creating Format: how and.
Digital Interactive Media
Introduction to typography
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Typography Usability & Readability
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?
Basic Desktop Terminology
Understanding Typography
2.01 Investigate typefaces and fonts.
The Art of Type 9/17/2018.
2.01 Investigate typefaces and fonts.
Source: Digital Desktop Publishing--Font Basics
Desktop Publishing Terminology
Digital Interactive Media
Typography Usability & Readability
Digital Media Notes Your Name.
Typography Usability & Readability
Presentation transcript:

Terms to Know Primer

A few more terms Typeface – single set of letterforms Type Family – several font designs representing a range of style variations with a common base Type style – light, medium, bold, italics, etc… Baseline – defines the bottom of Capital letters Character – single letterform or unit Counter – space enclosed by the strokes of a letter Case – lower and upper Ascender, descender, and capline Primer

Text-Alignment Left Right Center Primer

Two Primary Font Categories Primer

Other Categories Primer

Times New Roman Kartira EZ READ

3 Spaces to Consider Word Space – comfortable readers indicate the space occupied by a lower case “i” is ideal. Letter Space – natural rhythm in the flow of letters is maintained when the space between two letters is no less than the width of a letter’s stroke. Too much space and there is a disconnect that occurs Line Space – called Leading is the amount of space between lines. Best at about 120% of font size. Tight lines or Loose lines? EZ READ

Tracking AI

Kerning AI

Gill Sans Family The FIT

Bodini MT Times New Roman The FIT

Bodini MT Broadway Tahoma The FIT

Typeface Combinations When combining two fonts in a design –Match characteristics of form stroke size x-height – adjust pt size if needed Shapes –Use contrast to separate information Mix families and max the weight Headings need to pop out at times The FIT

Bondini MT Britannic Bold Stroke, Shape, x-height The FIT

Buying Fonts Do you really need more than the fonts that came with your computer/printer? –Not really, these can do the trick. –But if you want to expand consider the following 5 font categories Old style Faces Sans Serif Fonts Slab Serif / Egyptian Fonts Modern Fonts Transitional Fonts MORE

Worth a Mention Drop Caps Wrapping with Text Pull Quotes In the Margin Block Notes Headings/subheadings Behind Background Colors In-Line Headings Bad Hyphenating Lost Line Wrapping Concerns MORE

Experiment to Convey an Idea MORE

Activities Identify Fonts that work together, keep in mind the aspects mentioned in the slides Type has a voice. Use type to portray the following: –Stress –Excitement –Sadness –Peace –Strength LEARN