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.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
Digital Keyboarding Standards for data input Width of a capital M Takes place of two hyphens used in typewriting Introduces a sentence break or a parenthetical.
Typography Usability & Readability
Chapter Concepts Discuss Fonts Understand Fonts
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.
Graphic Design: An Overview for Effective Communication.
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.
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..
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.
MODULE 16: TYPOGRAPHY Typography Type selection starts with the BASICS of style and size. GROUPS OF TYPEFACES SHARE SIMILAR CHARACTERISTICS. TYPEFACES.
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.
Coatbridge High School 10 Commandments For Good Design Layouts.
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.
TYPOGRAPHY What is Typography?
Graphic Design  Graphic Design is a form of visual communication.  Communicate a message  Using typography and graphic elements.
Managing Text Flow Lesson 5. Setting Page Layout The layout of a page helps communicate your message. Although the content of your document is obviously.
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.
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.
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.
Digital Interactive Media
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
DFP 4113 MULTIMEDIA TECHNOLOGY
Understanding Spacing
Understanding Typography
2.01 Investigate typefaces and fonts.
Fine Tune & Tweak your Type
The Art of Type 9/17/2018.
UNDERSTANDING SPACING
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.
Principles of Typography
INTRODUCTION TO TYPOGRAPHY DESIGN
Digital Interactive Media
INTRODUCTION TO TYPOGRAPHY DESIGN
INTRODUCTION TO TYPOGRAPHY DESIGN
INTRODUCTION TO TYPOGRAPHY DESIGN
Layout Terms Visual Hierarchy
Professional Communications
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 Digital Media, 3e2 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 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, 3e3

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, 3e4

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

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, 3e6

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, 3e7

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, 3e8

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, 3e9

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, 3e10

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, 3e11

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, 3e12

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, 3e13

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

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 15

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 16

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, 3e17

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, 3e18

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, 3e19