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.

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.
T Y P E L A Y O U T. Old Design Know the rules before you break the rules. W I S D O M ________________________________________.
Principles of Typography
Meaningful Jargon Or, All You Need to Know to Speak Like a Geek Design and Typography 3/3/98.
How to Create a Professional Magazine Layout Handout-16.
1.01 Investigate typefaces and fonts.
Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your.
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.
T ypography Style and Substance in the Design of Words.
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. What is it? Process of combining text and graphics to communicate an effective message through the design of logos, graphics, brochures,
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
Selecting a Typeface MKT 4123 Advertising.
Understanding and Applying Typography in CSS
The art of using text to produce professional looking publications.
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
Treatments that effect typography
Understanding Spacing
Understanding and Applying Typography in CSS
Understanding Typography
2.01 Investigate typefaces and fonts.
Creating a Baseline Grid
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.
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
2.01 Investigate typefaces and fonts.
Chapter 19 Presentation Design
Principles of Typography
INTRODUCTION TO TYPOGRAPHY DESIGN
Digital Interactive Media
INTRODUCTION TO TYPOGRAPHY DESIGN
Book production The book production department is responsible for the design, layout, printing, and/or e-book coding of the finished book. book page design.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
INTRODUCTION TO TYPOGRAPHY DESIGN
Digital Media Notes Your Name.
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 © 2017 Cengage Learning®. 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

Learning Outcomes 8.1: Distinguish between typefaces and fonts 8.2: Describe the parts that make up a typeface 8.3: Understand how typeface, size, and style affect readability 8.4: Adjust leading and tracking for readability

Learning Outcomes (cont.) 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

The Vocabulary of Typography Typeface—a set of letters, numbers, and other characters created by a typeface designer Font—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

The Vocabulary of Typography (cont.)

Making Text Readable Readability is the primary concern for designers working with text 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 Using the right type size and style for your project Adjusting spacing if necessary Considering the overall size and alignment of text blocks

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 Images from Library of Congress

Selecting Typeface, Size, and Style for Readability (cont.) Choosing the right type size is important to readability The best point size depends on typeface, page size and layout, and intended audience 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

Selecting Typeface, Size, and Style for Readability (cont.) Use italic or bold for emphasis because they are the least disruptive 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

Adjusting Spacing to Improve Readability Leading is the space between the lines of text in a text block Leading is measured from the baseline of one line to the baseline of the next and 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

Adjusting Spacing to Improve Readability (cont.) Kerning is adjusting 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 digital typefaces kern automatically Kerning is mostly used for words in larger type sizes on banners, posters, ads, and headings

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

Grabbing Attention and Creating Interest with Text Display typography captures and directs a reader’s attention Display 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

Grabbing Attention and Creating Interest with Text (cont.) A display typeface is a stylized typeface usually set at a larger point size than body text Other common treatments for display typography include Drop caps Pull quotes Color

David Carson and Experimental Typography What typographical “rules” do David 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

Widows and Orphans Widow—the last line of a paragraph falls by itself as the first line of the next page or column Orphan—the first line of a paragraph falls by itself at the bottom of a page or column or a single word or part of a word falls by itself on the last line of a paragraph

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

Punctuation Marks (cont.) Don’t confuse hyphens with en and em dashes An en dash (–) is slightly longer than a hyphen (the width of the capital letter N) An en dash is 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) An em dash is frequently used to separate a parenthetical thought, much like parentheses

Punctuation Marks (cont.) 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

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

Key Concepts (cont.) 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