T ypography Style and Substance in the Design of Words.

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
YEARBOOK Layout and Design.
1 Professional Communications Working with Type Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used.
Understanding editorial and print design. what is print media? Communications delivered via paper or canvas. Print media is a process for reproducing.
Character Formatting Lesson 3.
Committed to Shaping the Next Generation of IT Experts. Exploring Microsoft Office Word 2007 Chapter 2: Gaining Proficiency Robert Grauer, Keith Mulbery,
Committed to Shaping the Next Generation of IT Experts. Exploring Microsoft Office Word 2007 Chapter 2: Gaining Proficiency Robert Grauer, Keith Mulbery,
Chapter 4 End of Chapter Questions Starting on page 4.70.
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 ________________________________________.
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.
Lesson 2 — Working with Text
Chapter 2 Publishing a Trifold Brochure
Meaningful Jargon Or, All You Need to Know to Speak Like a Geek Design and Typography 3/3/98.
Document Design: Basics and Typography Technical Communication, DAHMEN.
Design and Layout Desktop Publishing Basics. Basics  Content dictates design.  The designer should have a plan for the final product.  Sketch a plan.
How to Create a Professional Magazine Layout Handout-16.
Graphic Design: An Overview for Effective Communication.
TYPOGRAPHY vasuki belavadi reader dept. of communication s n school university of hyderabad.
1.01A – What typefaces should be used for various displays?????
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.
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.
Chapter 8 Document Design 2 Page Layout
Typography 2.01 Investigate typefaces and fonts..
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
Adapted from Your Guide to Desktop Publishing Design Basics--Tips and Hints.
Publishing Software to create, customize, publish materials such as newsletters, brochures, flyers, catalogs, and web sites.
3.01 – Day 3 - Formatting, Alignment, and Page Setup.
Creating visually attractive and appealing publications.
Coatbridge High School 10 Commandments For Good Design Layouts.
T ypography Style and Substance in the Design of Words.
1 Basics of Presentation Design Kate MacDonald MCPHS 12/7/99.
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,
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
TYPOGRAPHY What is Typography?
Chapter 7 Creating a Newsletter with a Pull-Quote and Graphics
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.
What do you know? Do You know how to…………… 1.Open the document saved? 2.Use save as to network? 3.Use proper spacing after punctuations? 4.Change font?
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Committed to Shaping the Next Generation of IT Experts. Exploring Microsoft Office Word 2007 Chapter 2: Gaining Proficiency Robert Grauer, Keith Mulbery,
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.
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.
Words are communication. What do they say? The meaning should come before the look of the type is considered. Choose typographic styles and sizes that.
Desktop Publishing Lesson 2 — Working with Text. Lesson 2 – Working with Text2 Objectives  Create a blank document.  Work with text boxes.  Work with.
MANAGING TEXT FLOW Lesson 5. OBJECTIVES SOFTWARE ORIENTATION The Page Layout tab contains groups of commands that will produce a formatted document’s.
1 Desktop Publishing 2 White Space as a design tool n surrounding pages n between columns n within and around headlines n between lines and paragraphs.
Enhancing documents with appropriate typography choices
Understanding and Applying Typography in CSS
Microsoft Official Academic Course, Microsoft Word 2016
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,
Typography Typography is the art and technique of creating and composing type in order to convey a message. Words are communication. What do they say?
About Typestyles Design Rules and Tips.
Understanding Spacing
Understanding and Applying Typography in CSS
2.01 Investigate typefaces and fonts.
Fine Tune & Tweak your Type
keys to STRONG graphic design
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,
2.01 Investigate typefaces and fonts.
Professional Communications
Title of presentation Subtitle
Presentation transcript:

T ypography Style and Substance in the Design of Words.

The Art of Typography. Words can be expressive in both their meaning and their form. Words can be expressive in both their meaning and their form. –The medium may not be the only message, but it surely is one of them. Typography can be Typography can be

Change the Initial Letter. Consider the use of an initial letter that is... Consider the use of an initial letter that is... –L arger. –Bolder. –U nique.

Emphasize One Letter. Can the letter chosen somehow contribute to the meaning of the word? Can the letter chosen somehow contribute to the meaning of the word?

Contrast in Size Can Make a Picture.

Good Typography Will Lead the Eye.

Use Other Devices for Emphasis.

Reverse One Word or One Line.

Match the Mood.

Contrast in Typography Contrast in typography is one of the designer’s greatest tools for effective communication. Contrast in typography is one of the designer’s greatest tools for effective communication. –If you look at any magazine or book layout, you will see examples of contrast in typography at work.

Contrast in Typography Large headlines. Large headlines. –and smaller subheads. »Contrast can be used to guide the reader’s eye. That is why the headline is typically larger than the body copy. Photo captions and body copy. Photo captions and body copy.

Type Contrast Continued... If a headline is not bold enough, there is a risk of confusing the reader. If a headline is not bold enough, there is a risk of confusing the reader. Contrasting typefaces provide a way to add interest to your design. Contrasting typefaces provide a way to add interest to your design. Here are examples of pages where two type faces on each page work well together.

Type Contrast Continued... Until you feel confident in type useage, it is best to stick with no more than two different fonts on any one page. Until you feel confident in type useage, it is best to stick with no more than two different fonts on any one page. –Or, use just one font with variations in size and style.

Type Contrast Continued... Create contrast by varying the: Create contrast by varying the: –Size –Type style or weight (bold or light). –Vary the leading. –Adjust kerning. –Different type positions or column widths.

Type Contrast Continued... Contrast should be considered when thinking about the density of type. Contrast should be considered when thinking about the density of type. Along with contrasting typefaces, sizes, and column width, you can use different “densities” of type.

Some Contrast Guidelines. Density can mean the amount of type in an area. Density can mean the amount of type in an area. All contrasts do not have to be dramatic... a subtle approach may be more effective in communicating your message. All contrasts do not have to be dramatic... a subtle approach may be more effective in communicating your message. If the contrast is subtle, it still must be noticeable. If the contrast is subtle, it still must be noticeable.

Avoid the Long and Narrow. A very long and narrow column of text can be annoying for readers and cause them to lose interest or become fatigued as the eyes must constantly scan back and forth. A very long and narrow column of text can be annoying for readers and cause them to lose interest or become fatigued as the eyes must constantly scan back and forth. Encompassing 110,000 square miles, Nevada is the seventh largest state in the Union. It’s home to huge hunks of the Great Basin and Mojave deserts and boasts more than 200 individual mountain ranges, half a dozen rivers to nowhere, and the majority of the wild horses in the country.

Avoid the Wide, Wide, Paragraph. Similarly, a excessively-wide column can cause fatigue and cause the readers to loose their place. As the eye travels across the page at the end of each line it can become confused and jump to a line of text out of sequence. Similarly, a excessively-wide column can cause fatigue and cause the readers to loose their place. As the eye travels across the page at the end of each line it can become confused and jump to a line of text out of sequence. Encompassing 110,000 square miles, Nevada is the seventh largest state in the Union. It’s home to huge hunks of the Great Basin and Mojave deserts and boasts more than 200 individual mountain ranges, half a dozen rivers to nowhere, and the majority of the wild horses in the country.

Avoid Pages of Solid Body Type. Encompassing 110,000 square miles, Nevada is the seventh largest state in the Union. It’s home to huge hunks of the Great Basin and Mojave deserts and boasts more than 200 individual mountain ranges, half a dozen rivers to nowhere, and the majority of the wild horses in the country. Encompassing 110,000 square miles, Nevada is the seventh largest state in the Union. It’s home to huge hunks of the Great Basin and Mojave deserts and boasts more than 200 individual mountain ranges, half a dozen rivers to nowhere, and the majority of the wild horses in the country. Encompassing 110,000 square miles, Nevada is the seventh largest state in the Union. It’s home to huge hunks of the Great Basin and Mojave deserts and boasts more than 200 individual mountain ranges, half a dozen rivers to nowhere, and the majority of the wild horses in the country.

Avoid Pages of Solid Body Type. Where possible, break up large text blocks with graphics, section headlines, or paragraph spaces. Where possible, break up large text blocks with graphics, section headlines, or paragraph spaces. Geography Encompassing 110,000 square miles, Nevada is the seventh largest state in the Union. It’s home to huge hunks of the Great Basin and Mojave deserts and boasts more than 200 individual mountain ranges, half a dozen rivers to nowhere, and the majority of the wild horses in the country. Geography Encompassing 110,000 square miles, Nevada is the seventh largest state in the Union. It’s home to huge hunks of the Great Basin and Mojave deserts and boasts more than 200 individual mountain ranges, half a dozen rivers to nowhere, and the majority of the wild horses in the country. Geography Encompassing 110,000 square miles, Nevada is the seventh largest state in the Union. It’s home to huge hunks of the Great Basin and Mojave deserts and boasts more than 200 individual mountain ranges, half a dozen rivers to nowhere, and the majority of the wild horses in the country.

Avoid Widows, Orphans, and Single-Word Lines. Widows, Orphans, and a line of just one word interrupt the natural flow of text for the reader. Widows, Orphans, and a line of just one word interrupt the natural flow of text for the reader. –Eliminate the single-word line by using a “manual line break” (shift - return) within preceding non-justified text so that there are at least two words on the line.

Avoid Ladders. Ladders occur when there are more than three consecutive lines ending with hyphens. Ladders occur when there are more than three consecutive lines ending with hyphens. Avoid ladders by changing the line spacing or by inserting manual hyphenation in another line. Avoid ladders by changing the line spacing or by inserting manual hyphenation in another line.

Decrease Leading. When creating headlines or other uses of display type, you will generally want to reduce the leading from its default setting. When creating headlines or other uses of display type, you will generally want to reduce the leading from its default setting.

Use Single Space Only. Contrary to what you may have learned using a typewriter, with computer typography you should use only a single space at the end of a sentence, or after any punctuation. Contrary to what you may have learned using a typewriter, with computer typography you should use only a single space at the end of a sentence, or after any punctuation.

Use Tabs Instead of Spaces. For reliable and repeatable spacing within a line, use tabs instead of multiple spaces. For reliable and repeatable spacing within a line, use tabs instead of multiple spaces. –Using tabs, you can easily change the settings for an entire paragraph at once.

Use Curly Quotes and Apostrophes. If your software does not automatically insert them, you should replace straight quotes and apostrophes with (curly) typographic equivalents. If your software does not automatically insert them, you should replace straight quotes and apostrophes with (curly) typographic equivalents. –“ (option / left-bracket key) –” (shift-option / left-bracket key) –‘ (option / right-bracket key) –’ (shift-option / right-bracket key)

Use em dash and en dash. Use the proper em and en dashes where appropriate. Use the proper em and en dashes where appropriate. Em dash (option-shift-hyphen):— »used to separate parts of a sentence. En dash (option-hyphen): – »used as a symbol in place of the word to, as in a range of time: 5 P.M. – 6 P.M.

Use the True Ellipsis. For better typography, don’t use three periods for an ellipsis. For better typography, don’t use three periods for an ellipsis. Instead, use the actual ellipsis character (option-semicolon), which has better spacing. Instead, use the actual ellipsis character (option-semicolon), which has better spacing. Three periods:... True ellipsis: …

Don’t Confuse Your Subheads. Leave more space before a subhead than after it. A subhead logically goes with the text that follows, not the text before. Leave more space before a subhead than after it. A subhead logically goes with the text that follows, not the text before. Encompassing 110,000 square miles, Nevada is the seventh largest state in the Union. It’s home to huge hunks of the Great Basin and Mojave deserts and boasts more than 200 individual mountain ranges, half a dozen rivers to nowhere, and the majority of the wild horses in the country. Encompassing 110,000 square miles, Nevada is the Geography Encompassing 110,000 square miles, Nevada is the seventh largest state in the Union. It’s home to huge hunks of the Great Basin and Mojave deserts and boasts more than 200 individual mountain ranges, half a dozen rivers to nowhere, and the majority of the wild horses in the country. incorrect correct Encompassing 110,000 square miles, Nevada is the seventh largest state in the Union. It’s home to huge hunks of the Great Basin and Mojave deserts and boasts more than 200 individual mountain ranges, half a dozen rivers to nowhere, and the majority of the wild horses in the country. Encompassing 110,000 square miles, Nevada is the Geography Encompassing 110,000 square miles, Nevada is the seventh largest state in the Union. It’s home to huge hunks of the Great Basin and Mojave deserts and boasts more than 200 individual mountain ranges, half a dozen rivers to nowhere, and the majority of the wild horses in the country.

Avoid Excessive Capitalization. Words using ALL CAPITAL LETTERS are the typographic equivalent of “yelling,” and should be used sparingly. Words using ALL CAPITAL LETTERS are the typographic equivalent of “yelling,” and should be used sparingly. –Never use an ornate display font all caps: –Also, don’t use a display font in a (small) body- text size.

Use Bold Sparingly. Limited use of bold text can be effective if used sparingly. Limited use of bold text can be effective if used sparingly. Avoid using underlined text. Avoid using underlined text.

Symbol Characters. In Microsoft Word, you can insert “symbol characters” by selecting Symbol... from the Insert menu. Some examples: In Microsoft Word, you can insert “symbol characters” by selecting Symbol... from the Insert menu. Some examples:, ©, ∆, ˚, ÷, ≥, ≤, ®, ™, £, ¢, ∞., ©, ∆, ˚, ÷, ≥, ≤, ®, ™, £, ¢, ∞. Most of these can also be created by holding down the Option key and typing specific characters. Most of these can also be created by holding down the Option key and typing specific characters.

Key Caps. To see the entire character set for any font, select Key Caps from the Applications Folder : Utilities : Key Caps. To see the entire character set for any font, select Key Caps from the Applications Folder : Utilities : Key Caps. –If you hold down the Shift and/or the Option keys, you will see additional characters.