Typography Typogra Typography Typogra. Designers use typography to communicate a client's message to an audience. They explore the creative possibilities.

Slides:



Advertisements
Similar presentations
Definition: The style, arrangement, and appearance of text on a page.
Advertisements

1 Professional Communications Working with Type Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
Typography (The study of font).
WORKING with TYPOGRAPHY The art of skillfully arranging and presenting type to gain attention.
The art or process of printing with type Typography.
Exploring Web Design Chapter 3 Web Typography. The goal of any web page is to communicate.
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
Lesson 2 — Working with Text
Typography Usability & Readability
Typography Principles Communications 320 Desktop Publishing.
Typography. What message do these fonts convey?  Jokerman  Old English Text  Brush Script  Curlz  Edwardian Script.
Type & Communication. Effective ads contain one "big idea" that will dramatize your offering and tantalize buyers. Typography Design Research Typography.
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.
Chapter 4 Typography Objectives (1 of 2) Differentiate among calligraphy, lettering, and typography. Gain knowledge of type definitions and nomenclature.
JRN 302: Introduction to Graphics and Visual Communication - Typography Tuesday, 7/7/15.
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.
Unit 4 – Multimedia Element: Text
DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.
TYPOGRAPHY.
DTP Notes.
Print Medium. • Advantages & Limitations • Typography • Readability • Layout.
Introduction to Type in Graphic Design AEE 210 Jim Lucas Modified by Luke Reese.
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.
Introduction to Typography Type is everywhere It is a fundamental means of communication Origins as a mechanical process Now very much a critical part.
TYPOGRAPHY - DFP b6 Typeface Classifications. What is a font? Complete set of type of a particular face, style, and point size. Question: How many are.
N airn A cademy. Desk Top Publishing The DTP example shown to the right is taken from the 2002 Higher Graphic Communication Paper, Question 6 and will.
Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”
TYPOGRAPHY - DFP b7 Distinguish between serif and sans serif fonts Objective: Given resource material/lecture, the student will identify both serif and.
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
Measurements in the Graphic Communications
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Graphic Design & Illustration.
Measurements in Graphics & Design UNIT 8 – Introduction to Graphics and Design.
Typography Graphic Design Fundamentals
Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE.
Graphic Design  Graphic Design is a form of visual communication.  Communicate a message  Using typography and graphic elements.
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.
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.
FontSFontSFontSFontS aka Typography. Font Parts Lets break fonts down by their parts!
Desktop Publishing Lesson 2 — Working with Text. Lesson 2 – Working with Text2 Objectives  Create a blank document.  Work with text boxes.  Work with.
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.
Principles of Typography
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Typography Design.
Digital Interactive Media
The art of using text to produce professional looking publications.
Understanding Typography
The Art of Type 9/17/2018.
Principles of Typography
Desktop Publishing Terminology
Digital Interactive Media
Typography.
Digital Media Notes Your Name.
Typography Usability & Readability
Typography Typogra Typogra Typography Typography.
Presentation transcript:

Typography Typogra Typography Typogra

Designers use typography to communicate a client's message to an audience. They explore the creative possibilities presented by words (typography). It is up to the designer not only to find or create appropriate letterforms but also to establish the best balance between them.

Fonts are a series of letters, symbols and numbers that are designed to have a common look. Variations can be created on the base font such as italic and bold. There are two main types of fonts: Serif Fonts Sans Serif Fonts Typestyles

Serif Fonts Sans Serif Fonts Serif fonts have a tear drop form at the edges. They are easier to read and are often used in body copy to make reading easier and faster. Don’t have a tear drop form at the edge. They are often used for headlines where you want to draw the readers attention and slow the reading. Types of Fonts S S

Script – designed to look like handwriting Script Text-designed to look like old fashioned calligraphy Text Display Types – larger and bolder and designed to be used in headlines and posters. Display Specialized Fonts

When a graphic designer uses type they often use more than one font in a project. Those relationships can be: Concordant – uses only one type Conflicting – two fonts that are very similar but not the same. Contrasting – two types that are extremely different Relationships of Type

Type Size – measured from top of ascender to bottom of descender. Baseline- where the letters sit Descenders – letters that drop below the baseline X-height – the height of the lowercase letters Ascenders – letters that go above x- height Type Size and Weight Typed Ascender Descender Baseline X-height Font Size

Kerning Tracking Kerning – the space between two pairs of letter. Julie Tracking –the adjustment of spacing of large sections of type. Julie Kerning and Tracking

Go to: and see how accurate you are at kerning. Try it Out

Alignment Tracking Alignment-the way type is arranged on the page Aligned Left, Jagged Right Mrs. Rivard is the best teacher ever! She loves to teach computer graphics. Computer graphics is the best class ever. Aligned Right, Jagged Left Mrs. Rivard is the best teacher ever! She loves to teach computer graphics. Computer graphics is the best class ever. Aligned Center Mrs. Rivard is the best teacher ever! She loves to teach computer graphics. Computer graphics is the best class ever. Justified – even on both sides Mrs. Rivard is the best teacher ever! She loves to teach computer graphics. Computer graphics is the best class ever. Leading – the space between lines. Leading is the space between lines. Leading in the space between lines. Leading is the space between lines. Alignment and Leading

Line Length is the length of the line of type. If you use a larger font the line length should be longer to accommodate the same number of words. Line length controls readability. The longer the line length the harder it is for the reader to find the beginning of the line. Extremely short line lengths can be very disruptive for the reader to comprehend what they are reading because there eye is constantly going back and forth. Independent Activity:

Each student will be given a word that expresses an emotion or idea. It will be your job to go on to Adobe Illustrator and use type style, kerning, leading, and tracking to show the meaning of the word. For example: Independent Practice