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.

Slides:



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

The Key Element in Desktop Publishing Design
Aa Introduction to Visual Communications PART 1: Typography TGJ 2OI BLUEVALE COLLEGIATE INSTITUTE 2a Introduction to Typography.ppt.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
Typography (The study of font).
Elements of Design: The 4 Basic Principles.
Understanding editorial and print design. what is print media? Communications delivered via paper or canvas. Print media is a process for reproducing.
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 ________________________________________.
Typography Usability & Readability
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.
Typography Principles Communications 320 Desktop Publishing.
Graphic Design: An Overview for Effective Communication.
Typofaces give voice to words Typefaces give voice to words.
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
® 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.
Elements of Visual Interface Design. Overview Layout Grid Systems Visual Flow Typography Typefaces Typographic Guidelines Colour Basics Materials & shape.
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.
Typography-- Using Text Typography -- Using Text There are two basic types of fonts: Sans Serif Serif.
Design Principles for PowerPoint
Print Medium. • Advantages & Limitations • Typography • Readability • Layout.
AOIT Graphic Design Unit 4, Lesson 11 Typography and Spacing.
Document and Web design has five goals:
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.
Aa Intro to Communications: Typography WATERFORD DISTRICT HIGH SCHOOL.
Web-designWeb-design. Web design What is it? Web-design features Before…
Professionally Basic Elements of Design 4 Classifications of Type.
Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
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.
TITLE IN CAPS Type sub-title here – this can be the date of the presentation, the presenter’s name or a longer explanation of the presentation subject.
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,
Creating Basic Elements of a Newsletter Chapter 10.
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.
Typography Vocabulary and Guidelines This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors include Gregory.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
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.
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.
Graphic Design Tricks Good ideas for Powerpoint presentations.
Good design and layout The Ten commandments. 1. Research your subject Find out the key information and make notes Select pictures that tell the story.
TYPOGRAPHY in Design. OBJECTIVES 1. Understand typographic terms and measurement systems. 2. Learn how to select typefaces appropriate to a project's.
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
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,
Vocabulary & Guidelines
About Typestyles Design Rules and Tips.
Basic Design Principles and Hazards to Avoid
Unit 2.1: Identifying design elements when preparing graphics
Understanding Typography
keys to STRONG graphic design
The Art of Type 9/17/2018.
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 is the strategic use of type to create texture, hierarchy, organization, and clear communication.
Digital Interactive Media
A Few Simple Type Rules Graphics Design Tech 1.
Introduction to Visual Communications PART 1: Typography
Digital Media Notes Your Name.
Presentation transcript:

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 to read. Legibility Refers to whether a short burst of text (a headline, a paragraph, a stop sign, etc.) is instantly recognizable.

How to Improve Readability? Use serif fonts for large amounts of text.

How to Improve Readability? Shorter lines are easier to read.

How to Improve Readability? Text aligned on the left is the most readable!

Rule 1 For optimum legibility, choose classical, time- tested typefaces with a proven track record.

Rule 2 Try not to use more than 2 typefaces at a time. Introduce the 2 nd typeface to create emphasis or separate different parts of text from each other, etc.

Rule 3 Don’t combine typefaces that are too similar in appearance. Example:

Rule 4 Use upper and lower case letters for higher legibility. Text set in all caps retards reading. Example:

Rule 5 Avoid rivers. Rivers are visually unattractive gaps appearing to run down a paragraph of text. Example:

Rule 6 For text type, use sizes that according to legibility studies prove most readable. Body copy is usually 8-12 pt. Note, typefaces of same size might appear different:

Rule 7 Avoid using too many different type sizes and weights at the same time. Rule 8 Avoid typefaces that appear too heavy or too light. Example: This font is too heavy!

Rule 9 Don’t stretch fonts on a computer. Always scale them proportionally!

Rule 10 Fix the text rag. Make sure all lines have approximately the same length. Example:

Rule 11 Use appropriate line lengths. Lines that are too short or too long are hard to read. It’s good to have 9-11 words per line.

Rule 12 For body text, use consistent letter and word spacing to produce an uninterrupted texture.

Rule 13 Clearly mark paragraphs, but be careful not to upset the integrity and visual consistency of the text.

Rule 14 Avoid widows and orphans when possible. A widow is a word left in a line by itself at the end of a paragraph. An orphan is a single syllable at the end of a paragraph.

Rule 15 Emphasize words in the text with discretion and without disturbing the flow of reading. Try to avoid underlining, coloring words, etc. Use italics when possible. Don’t overdo it!!!

Rule 16 When working with type and color, ensure that sufficient contrast exists between type and it’s background.

Always use curly quotes and apostrophes! Don’t have more than 2-3 hyphenated words per one paragraph. Rule 17 Rule 18

Great Video to Watch: Jacek Utko designs to save newspapers

Map Magazine – Brand Identity Design MAP Magazine’s readers are affluent, sophisticated consumers with a passion for music, the arts, fashion, cuisine and everything that is design. They also enjoy the finer things in life. MAP is the ideal platform to promote your business and reach your target audience. MAP magazine differentiates itself with an innovative, unique graphic design and a flair for the artistic. MAP is a refreshing new publication with the perfect blend of art, music, design and luxury; brought together in a cool and classy way.

How is the line & color being used here? Composition?

Useful Links: All you need to know about different types of fonts: How to kern type: How to choose appropriate leading:

Useful Links: Freeware fonts available for download: “The Non-Designers Type Book” by Robin WilliamsThe Non-Designers Type Book “Experimental Typography” (Working With Computer Type, No 4)Experimental Typography Good Typography Books: