Introduction to Type in Graphic Design AEE 210 Jim Lucas Modified by Luke Reese.

Slides:



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

The Key Element in Desktop Publishing Design
Definition: The style, arrangement, and appearance of text on a page.
1 Professional Communications Working with Type Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
Desktop Publishing Ann Ware Fall, Desktop Publishing Using a computer with page-layout software to design, edit, and produce professional-looking.
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
Document Design: Basics and Typography Technical Communication, DAHMEN.
TYPOGRAPHY vasuki belavadi reader dept. of communication s n school university of hyderabad.
The 16 Typography Vocab Words Most Likely to be Wrong For Document Design By Dr. Jennifer L. Bowie.
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.
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.
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..
DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.
Typography-- Using Text Typography -- Using Text There are two basic types of fonts: Sans Serif Serif.
Answer question 1. Answer question 2.
Desktop Publishing Your Guide to Concepts and Terminology.
Digital Interactive Media
Q: Invitation to the prom A. Decorative/Ornamental B. Sans Serif C. Script D. Serif.
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.
The art of using text to produce professional looking publications.
Professionally Basic Elements of Design 4 Classifications of Type.
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”
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Graphic Design & Illustration.
Typography Graphic Design Fundamentals
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
TYPOGRAPHY What is Typography?
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.
Headings and Text What makes headings stand out?.
The art of using text to produce professional looking publications.
Typography Vocabulary and Guidelines This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors include Gregory.
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.
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.
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.
Type & Logo Design. Font Families sans serif Slab serif Old Style Modern Decorative Script.
Principles of Typography
Digital Interactive Media
Introduction to typography
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Selecting a Typeface MKT 4123 Advertising.
The art of using text to produce professional looking publications.
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?
Typography Basics 2.01 Investigate typefaces and fonts.
2.01 Investigate typefaces and fonts.
The Art of Type 9/17/2018.
2.01 Investigate typefaces and fonts.
Principles of Typography
Source: Digital Desktop Publishing--Font Basics
Desktop Publishing Terminology
Digital Interactive Media
A Few Simple Type Rules Graphics Design Tech 1.
Typography Usability & Readability
Layout Terms Visual Hierarchy
Professional Communications
Presentation transcript:

Introduction to Type in Graphic Design AEE 210 Jim Lucas Modified by Luke Reese

Overview After this presentation, you should be able to describe: – Basic typeface styles – Basic terminology as applied to type – Basic uses of type

Type terms Font--a complete set of characters of one specific size, style and weight Family--fonts that share a similar form – Arial Narrow – Arial – Arial Black Weight--refers to the “thickness” or boldness of the type shadowed, etc. Style--refers to whether the font is roman (normal), italic, shadowed, etc.

Type Terminology Point size--height of the type as measured in points X-height--height of a typical lower case letter; type can have a different x-height and be the same point size – 24 point Goudy – 24 point Albertus

Basic type definitions Serif--typefaces with lines and extensions on the end (Times) Sans serif--typefaces without lines on the end; sans means without in French (Arial) Script--typefaces that look like handwriting (Script) Decorative--fun, whimsical fonts that employ special designs (Jokerman)

Using type Serif fonts – more readable in large blocks – Use in blocks of 10 – 12 words San Serif fonts – more legible for short blocks of text – Use in blocks of 7 – 8 words – Avoid many style changes As a general rule: Use two types, one serif and one sans serif Avoid all capitals

Overview of type use Serif--best for large bodies of text Sans serif--best for headlines and section heads Script--best for invitations or large sized headlines; bad for large blocks of text Decorative--best for headlines or decorative items; avoid in formal or very professional designs

Type Relationships Concordant – Designs using a single font – May employ differing weight or style – Simple, formal and elegant design Contrast – Two noticeably different types – Bold, exciting designs Conflicting – Two similar, yet different fonts – Avoid conflicting font relationships

Kerning – Computer automatically spaces letters – Shape of letter makes auto-spacing look off – HL verticals need the most space – HO vertical with curve needs less – OC two curves need very little space – OT curves can extend under or over a bar – AT kern a lot when the letters have a lot of white space

Leading Space between lines is normally set at 20% of type size – 10 point font + 2 point space = 12 point leading – Set leading to smallest type size – Make leading smaller than the point size if you use all caps or have few descenders – Use more leading in brochures for easy reading – Use +5 – 6 leading after paragraphs

Widows and orphans Avoid dangling a single word on a line at the end of a paragraph (widow) Avoid a single line paragraph at the start of a new page or column (orphan)