AOIT Graphic Design Unit 4, Lesson 11 Typography and Spacing.

Slides:



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

TypographyBasics II.
1 Professional Communications Working with Type Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used.
& LOGO D E S I G N typography. PART 1 Review of The Basics.
Basic Design Principles and Hazards to Avoid
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.
Week 7 Web Typography. 2 Understanding Type Design Principles.
Typography Usability & Readability
Meaningful Jargon Or, All You Need to Know to Speak Like a Geek Design and Typography 3/3/98.
Typography Principles Communications 320 Desktop Publishing.
How to Create a Professional Magazine Layout Handout-16.
TYPOGRAPHY & FONTS. What is Typography? Typography is the Art of Print. It exists in virtually everything we see that has words or letters. Careful thought.
1.01 Investigate typefaces and fonts.
Harsha Wijayawardhana University of Colombo School of Computing (UCSC)
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,
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.
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.
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Introduction to Type in Graphic Design AEE 210 Jim Lucas Modified by Luke Reese.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
Chapter 7 Web Typography Principles of Web Design, 4 th Edition.
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,
Terms to Know Primer A few more terms Typeface – single set of letterforms Type Family – several font designs representing a range of style variations.
The art of using text to produce professional looking publications.
Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”
Copyright 2002, Paradigm Publishing Inc. CHAPTER 2 BACKNEXTEND 2-1 LINKS TO OBJECTIVES Formatting Characters Formatting Characters Changing Fonts Character.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Some tips on type From Before & After: Graphics for Business By John McWade.
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Graphic Design & Illustration.
Typography Graphic Design Fundamentals
Graphic Design. What is it? Process of combining text and graphics to communicate an effective message through the design of logos, graphics, brochures,
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,
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
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,
Chapter 2. Copyright 2003, Paradigm Publishing Inc. CHAPTER 2 BACKNEXTEND 2-2 LINKS TO OBJECTIVES Bold, Italic, and Underlining Bold, Italic, and Underlining.
Working With Type. Readability vs Legibility Readability Refers to whether an extended amount of text (an article, a book or an annual report) is easy.
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
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
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Typography Usability & Readability
The art of using text to produce professional looking publications.
Basic Design Principles and Hazards to Avoid
Basic Design Principles and Hazards to Avoid
Understanding Typography
2.01 Investigate typefaces and fonts.
Fine Tune & Tweak your Type
Layout Terms Visual Hierarchy
The Art of Type 9/17/2018.
Defining Desktop Publishing
2.01 Investigate typefaces and fonts.
Source: Digital Desktop Publishing--Font Basics
TYPOGRAPHY (a teeny tiny introduction)
Digital Interactive Media
A Few Simple Type Rules Graphics Design Tech 1.
Typography Usability & Readability
Typography Usability & Readability
Professional Communications
Defining Desktop Publishing
Presentation transcript:

AOIT Graphic Design Unit 4, Lesson 11 Typography and Spacing

Leading is the vertical space between lines of type Too much or too little space makes for difficult reading. Leading is another word for line spacing. Leading is measured in points, just like type. Which of these examples has leading that is 20% of the point size?

Headlines need less leading than body text For headlines that run on two or more lines, decrease the leading.

Leading for text in all caps is different For all-cap body text, use more leading to avoid crowding. For headlines in all caps, decrease leading to make the lines look like one unit.

Use extra leading with sans serif typefaces Sans serif text tends to have larger x-heights, so extra leading is almost always necessary.

Letter spacing is the amount of space between all the letters in a range of text You can adjust letter spacing to make text appear more open or tighter, depending on the natural characteristics of the typeface and its purpose on the page. A graphic design standard for determining if there is the correct amount of space between letters is to envision pouring the same amount of sand between letters.

Letter spacing and leading affect readability Which of these is easier to read and why?

Kerning means adjusting the space between individual letters Selectively adjusting the space between letterforms gives a more polished, professional look. Decrease the space between loose letters. Increase the space between tight letters. Visually consistent letter spacing strengthens the readability of the text. Which letter combinations in the lower box have been adjusted using kerning?

Effective word spacing makes text easier to read You can fit a lowercase n between words that are moderately spaced. You can fit a lowercase i between words that are tightly spaced. When words are too widely spaced, we read them as individual words rather than as a phrase.

How you space text matters Too much or too little leading makes for difficult reading. Adjust letter spacing to make text appear more open or tighter. Eliminating excessive gaps between letters by kerning makes text look more balanced. If there is too much space between words, we have trouble reading them as a phrase.