TypographyBasics II.

Slides:



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

Typography Typography exists to honor content. — Robert Bringhurst,
The Key Element in Desktop Publishing Design
Typography: The basic building block of any printed page.
0202 IAT 102 Graphic Design Typography Typeface Spacing.
& LOGO D E S I G N typography. PART 1 Review of The Basics.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
Typography (The study of font).
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.
Principles of Typography
Week 7 Web Typography. 2 Understanding Type Design Principles.
Typography Usability & Readability
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.
Typofaces give voice to words Typefaces give voice to words.
® 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.
Web Design – Sec 4-6 and 4-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
I. Map Design Elements II. Map Composition III. Map Perception IV. Map Lettering V. Type Elements VI. Considerations in Selecting Type for Maps VII. Lettering.
_ The design universal principles Typography, Grids & Golden section
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.
Print Medium. • Advantages & Limitations • Typography • Readability • Layout.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
AOIT Graphic Design Unit 4, Lesson 11 Typography and Spacing.
Chapter 7 Web Typography Principles of Web Design, 4 th Edition.
Digital Interactive Media
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,
Typography: Building Blocks. LEARN Typography is timeless, yet always changing. It’s helpful when deciding upon a font to know parts of the typographic.
Typography and Measurement. T y pog r a ph y Typography Measurement, Positioning and Styles.
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.
Typography The Art of designing with words and letters.
Typograpy. Type Type - Categories Serif Fonts  Oldstyle  Transitional  Modern  Slab Serif Sans Serif Fonts Script Decorative Monospaced.
DTP Font Rules. DTP RULES How many fonts are too many for one project and how do you know where to draw the line? accepted practice is to limit the number.
Step 3: Continue…. Grouping Aids in establishing structure and meaningful form In addition to providing aesthetic appeal, grouping has been found to:
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,
Desktop Publishing & Design. Baseline The invisible grid line the characters sit on.
Typography Vocabulary and Guidelines This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors include Gregory.
TYPE as DESI g N. Using kerning and tracking for legibility.
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.
Microsoft Expression Web 3 – Illustrated Unit M: Advanced Typography Using CSS.
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.
Visual Design and White Papers. Review Contrast Repetition Alignment Proximity Dominant element Use color to your advantage Dollar rule Usability test.
Principles of Typography
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.
Legibility & Readability
Vocabulary & Guidelines
Applying Typography in CSS
Understanding Typography
The Art of Type 9/17/2018.
Typography The Art of designing with words and letters.
Principles of Typography
Source: Digital Desktop Publishing--Font Basics
Desktop Publishing Terminology
Module 6.
Digital Interactive Media
A Few Simple Type Rules Graphics Design Tech 1.
Typography Usability & Readability
Typography.
Typography Usability & Readability
Presentation transcript:

TypographyBasics II

the faster, easier, and more accurate the perception, Typography Legibility: The quality in a typeface design that affects the speed of perception: the faster, easier, and more accurate the perception, the more legible the type.

Typography Legibility Legibility Strong legibility Weaker legibility

Typography Readability: the ability to easily read and comprehend extended amounts of text (body text or body copy).

Readability Weak readability Stronger readability Typography All I want is a proper cup of coffee, made in a proper copper coffee pot, I may be off my dot, but I want a proper coffee in a proper copper pot. Iron coffee pots and tin coffee pots, they are no use to me, if I can’t have a proper cup of coffee, then, I guess, I’ll have a proper cup of tea. Weak readability All I want is a proper cup of coffee, made in a proper copper coffee pot, I may be off my dot, but I want a proper coffee in a proper copper pot. Iron coffee pots and tin coffee pots, they are no use to me, if I can’t have a proper cup of coffee, then, I guess, I’ll have a proper cup of tea. Stronger readability

Typography

Typography

Typography readability readability

readability readability Typography readability readability The irregular shape of the tops of lowercase letters allow us to read them quickly as a shape. Shape recognition vs. letter recognition

Typography readability readability

readability READABILITY Typography readability The shape of the word is more unusual, thus more memorable. READABILITY

Typography

Typography The highest level of legibility and readability is attained through careful consideration of: • typeface design • letterspacing • word spacing • line spacing • and other typographic refinements

Your selection of a typeface should be based on; Typography Your selection of a typeface should be based on; • the project and it’s message • the audience • the conditions in which it will be viewed • and how much copy is being read.

Typography

List three things that make this text difficult to read Typography List three things that make this text difficult to read

Typography

Typography The intention: DON”T READ THIS NOTICE!

Typography Word spacing Too tight Too loose Normal

Typography Unjustified: Equal wordspacing Justified: Unequal wordspacing Inconsistent spacing

Line spacing (Leading)

Factors affecting linespacing” • type size • x-height • line length • vertical stress • san serif • copy length • line length

Factors affecting linespacing” • type size All I want is a proper cup of coffee, made in a proper copper coffee pot, I may be off my dot, but I want a proper coffee in a proper copper pot. Iron coffee pots and tin coffee pots, they are no use to me, if I can’t have a proper cup of coffee, then, I guess, I’ll have a proper cup of tea. All I want is a proper cup of coffee, made in a proper copper coffee pot, I may be off my dot, but I want a proper coffee in a proper copper pot. Iron coffee pots and tin coffee pots, they are no use to me, if I can’t have a proper cup of coffee, then, I guess, I’ll have a proper cup of tea.

Factors affecting linespacing” • x-height All I want is a proper cup of coffee, made in a proper copper coffee pot, I may be off my dot, but I want a proper coffee in a proper copper pot. Iron coffee pots and tin coffee pots, they are no use to me, if I can’t have a proper cup of coffee, then, I guess, I’ll have a proper cup of tea. All I want is a proper cup of coffee, made in a proper copper coffee pot, I may be off my dot, but I want a proper coffee in a proper copper pot. Iron coffee pots and tin coffee pots, they are no use to me, if I can’t have a proper cup of coffee, then, I guess, I’ll have a proper cup of tea.

Factors affecting linespacing” • strong vertical stress

Factors affecting linespacing” • sans serif All I want is a proper cup of coffee, made in a proper copper coffee pot, I may be off my dot, but I want a proper coffee in a proper copper pot. Iron coffee pots and tin coffee pots, they are no use to me, if I can’t have a proper cup of coffee, then, I guess, I’ll have a proper cup of tea.

Factors affecting linespacing” • copy length All I want is a proper cup of coffee, made in a proper copper coffee pot, I may be off my dot, but I want a proper coffee in a proper copper pot. Iron coffee pots and tin coffee pots, they are no use to me, if I can’t have a proper cup of coffee, then, I guess, I’ll have a proper cup of tea. All I want is a proper cup of coffee, made in a proper copper coffee pot, I may be off my dot, but I want a proper coffee in a proper copper pot. Iron coffee pots and tin coffee pots, they are no use to me, if I can’t have a proper cup of coffee, then, I guess, I’ll have a proper cup of tea.

Factors affecting linespacing” • line length All I want is a proper cup of coffee, made in a proper copper coffee pot, I may be off my dot, but I want a proper coffee in a proper copper pot. Iron coffee pots and tin coffee pots, they are no use to me, if I can’t have a proper cup of coffee, then, I guess, I’ll have a proper cup of tea. All I want is a proper cup of coffee, made in a proper copper coffee pot, I may be off my dot, but I want a proper coffee in a proper copper pot. Iron coffee pots and tin coffee pots, they are no use to me, if I can’t have a proper cup of coffee, then, I guess, I’ll have a proper cup of tea. All I want is a proper cup of coffee, made in a proper copper coffee pot, I may be off my dot, but I want a proper coffee in a proper copper pot. Iron coffee pots and tin coffee pots, they are no use to me, if I can’t have a proper cup of coffee, then, I guess, I’ll have a proper cup of tea.