Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Slides:



Advertisements
Similar presentations
The Key Element in Desktop Publishing Design
Advertisements

1 Professional Communications Working with Type Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
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.
1.01 Investigate typefaces and fonts.
Typography and Space for Web Design Important Issues From Web Style Guide.
Typography 2.01 Investigate typefaces and fonts..
Digital Interactive Media
INTRO TO TYPOGRAPHY BASICS Graphic Design II. What is Typography? the art or process of printing with type. In every piece of type you see, somebody has.
T ypography Style and Substance in the Design of Words.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
T ypography Style and Substance in the Design of Words.
1.01b Investigate typefaces and fonts.. Fonts It’s easier to understand fonts if you begin with the original definition of a font. Before desktop publishing,
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Graphic Design & Illustration.
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.
Print Type Chapter 8. The Vocabulary of Typography Typeface refers to a set of letters, numbers, and other characters created by a typeface designer A.
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.
MANAGING TEXT FLOW Lesson 5. OBJECTIVES SOFTWARE ORIENTATION The Page Layout tab contains groups of commands that will produce a formatted document’s.
TYPOGRAPHY in Design. OBJECTIVES 1. Understand typographic terms and measurement systems. 2. Learn how to select typefaces appropriate to a project's.
Multimedia--Print Type
Principles of Typography
Digital Interactive Media
Introduction to typography
Digital Interactive Media
Digital Interactive Media
Enhancing documents with appropriate typography choices
Typography Design.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Digital Interactive Media
Understanding and Applying Typography in CSS
The art of using text to produce professional looking publications.
Chapter 8 Print Type © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
INTRODUCTION TO TYPOGRAPHY DESIGN
Chapter 19 Presentation Design
DFP 4113 MULTIMEDIA TECHNOLOGY
Applying Typography in CSS
Treatments that effect typography
Understanding Spacing
Understanding and Applying Typography in CSS
Understanding Typography
2.01 Investigate typefaces and fonts.
Fine Tune & Tweak your Type
keys to STRONG graphic design
The Art of Type 9/17/2018.
UNDERSTANDING SPACING
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
INTRODUCTION TO TYPOGRAPHY DESIGN
2.01 Investigate typefaces and fonts.
Chapter 19 Presentation Design
Principles of Typography
INTRODUCTION TO TYPOGRAPHY DESIGN
Digital Interactive Media
INTRODUCTION TO TYPOGRAPHY DESIGN
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
INTRODUCTION TO TYPOGRAPHY DESIGN
Digital Media Notes Your Name.
Typography Usability & Readability
INTRODUCTION TO TYPOGRAPHY DESIGN
Layout Terms Visual Hierarchy
Professional Communications
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
INTRODUCTION TO TYPOGRAPHY DESIGN
Presentation transcript:

Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.

Lessons Lesson 8.1: The Vocabulary of Typography Lesson 8.2: Making Text Readable Lesson 8.3: Cleaning Up Typeset Text Digital Media, 3e

Learning Outcomes 8.1: Distinguish between typefaces and fonts 8.2: Describe the parts that make up a type face 8.3: Understand how typeface, size, and style affect readability 8.4: Adjust leading and tracking for readability 8.5: Recognize how measure and alignment impact readability 8.6: Use common, simple techniques to grab attention with typography 8.7: Make documents clean and professional by using a few typesetting conventions Digital Media, 3e

The Vocabulary of Typography Typeface refers to a set of letters, numbers, and other characters created by a typeface designer A font refers to a collection of characters with the same style within a typeface Example: Times New Roman Bold, Times New Roman Italic, and Times New Roman Regular are all fonts within the Times New Roman typeface style Digital Media, 3e

The Vocabulary of Typography (continued) Digital Media, 3e

Making Text Readable The primary concern for designers working with text is usually readability Readability means: You can easily recognize the letters and words and follow the text along without “losing your place” The text helps visually set the tone for the message You can make text readable by: Selecting the appropriate typeface for the subject matter Using the right type size and style for your project Adjusting spacing if necessary Considering the overall size and alignment of text blocks Digital Media, 3e

Selecting Typeface, Size, and Style for Readability Choosing a typeface that fits the tone of a project is one way to help text deliver its message to readers Digital Media, 3e

Selecting Typeface, Size, and Style for Readability (continued) Choosing the right type size is important to readability, especially in an extended block of text The best point size for a particular project depends on the typeface, the page size and layout, and the intended audience In a block of text, most typefaces are readable for most people at 10 to 12 points Point size refers only to the height of the typeface rather than its width, so two typefaces with the same point size can be visually different sizes Digital Media, 3e

Selecting Typeface, Size, and Style for Readability (continued) The best type style to use for emphasis is italic or bold; these two type styles are the least disruptive for the reader and therefore the most readable Avoid underlines, all caps, and combinations of type styles (bold and italic, for example) Be careful not to overuse type styles for emphasis Extended use of italics, bold, all caps, reversed type, or any special effects such as embossing, engraving, outlining, or shadowing can reduce readability Digital Media, 3e

Adjusting Spacing to Improve Readability The space between the lines of text in a text block is called leading and it is measured from the baseline of one line of text to the baseline of the next Like type size, leading is expressed in points Readability is reduced if the leading is too tight or too loose Tracking, sometimes called letter spacing, refers to the amount of space between characters in a word or line of text Digital Media, 3e

Adjusting Spacing to Improve Readability (continued) Kerning refers to adjusting the space between just two characters to improve the appearance of a word Kerning can give a more finished look to words, but does not necessarily improve readability Most modern, digital typefaces automatically adjust kerning when certain letter pairs fall next to one another; in normal typesetting, you should not have to use kerning frequently Mostly used for words in larger type sizes on banners, posters, ads, and headings Digital Media, 3e

Considering Paragraph Width and Alignment The width and alignment of a paragraph can affect the readability of body text The length of a line of text is called the measure Alignment refers to how a line of text or a paragraph is positioned in a column: flush left, flush right, centered, or justified Digital Media, 3e

Grabbing Attention and Creating Interest with Text The purpose of display typography is capturing and directing a reader’s attention This type of typography becomes a part of the overall design scheme and can support good proportion, balance, variety, emphasis, harmony, symmetry, unity, and repetition Advertisements, magazine layouts, and book covers especially rely on display typography to reinforce a design scheme A display typeface is a stylized typeface usually set at a larger point size than body text; it draws attention and sends a message about the document content Digital Media, 3e

Grabbing Attention and Creating Interest with Text (continued) Common typographical treatments used for display typography include: Drop cap Pull quotes Color Digital Media, 3e

David Carson and Experimental Typography What typographical “rules” do Carson and other designers like him break? Why does the design still “work”? Describe some situations where the style would be appropriate and some instances where it would be inappropriate Digital Media, 3e

Widows and Orphans A widow in typesetting is when the last line of a paragraph falls by itself as the first line of the next page or column An orphan is when the first line of a paragraph falls by itself at the bottom of a page or column or when a single word or part of a word falls by itself on the last line of a paragraph Digital Media, 3e

Punctuation Marks Fine-tuning hyphenation can improve the look of typeset text When a word breaks at the end of a line, be sure at least two characters remain before the hyphen on the first line and at least three characters carry forward to the next line Try to avoid hyphenating web addresses and proper nouns, like names Avoid more than three hyphenated lines in a row Digital Media, 3e

Punctuation Marks (continued) Don’t confuse hyphens with en and em dashes An en dash (–) looks like a hyphen but it is slightly longer (normally the width of the capital letter N, in fact); most commonly used to indicate a range of dates, numbers, or times and in compound adjectives An em dash (—) is twice as long as an en dash (the width of the capital letter M, usually); frequently used to separate a parenthetical thought, much like parentheses Curly quotes (sometimes called smart quotes) are rounded marks used for quotations and apostrophes Straight quotation marks should be used only to indicate measure in inches or feet Digital Media, 3e

Key Concepts A typeface is a collection of designed characters while a font refers to a subset of characters with the same style within a typeface One of the most important goals of working with text is making it readable Selecting a suitable typeface, size, and style impacts readability Adjusting the leading, tracking, measure, and alignment can make text more or less readable Typography plays an important role in capturing readers’ interest and directing their attention Removing widows and orphans and using appropriate punctuation marks can make your documents appear more professional Digital Media, 3e