Typography: Building Blocks. LEARN Typography is timeless, yet always changing. It’s helpful when deciding upon a font to know parts of the typographic.

Slides:



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

Typography Typography exists to honor content. — Robert Bringhurst,
MODULE 16: TYPOGRAPHY. Categories of typefaces share similar characteristics. Typefaces have families. Type is measured in points. Column widths should.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
Typography (The study of font).
In Modern Publication Design Compiled by Dianne Smith, CJE Alief Hastings High School Houston, TX.
The art or process of printing with type Typography.
Typography Typogra Typography Typogra. Designers use typography to communicate a client's message to an audience. They explore the creative possibilities.
Principles of Typography
Page Design. Overall design issues u Know audience expectations u Know client expectations u Maintain a consistent look and feel u Consider how each page.
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.
Design Principles 3.02 Understand business publications.
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
Typofaces give voice to words Typefaces give voice to words.
® 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.
C.R.A.P.   Color balance : The colors of the entire illustration- grey, black, white and the contrast orange, seem like they were chosen without much.
MODULE 17: DESIGN Design 1 CONTENT drives the design process. DESIGN IS AN IMPORTANT EDITING FUNCTION. A DESIGNER EMPLOYS SEVERAL STRATEGIES TO.
Alignment. STEP 1 - LEARN View the following slides to learn about how alignment can enhance design.
DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.
Print Medium. • Advantages & Limitations • Typography • Readability • Layout.
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.
TypographyBasics. Typography.
Page Design Overall design issues u Know audience expectations u Know client expectations u Maintain a consistent look and feel u Consider how each page.
Design: Typography Ahxyo Ascender Descender x-height Serif Bowl Tail Baseline.
DTP Principals Click the examples on each page to find out more. Click the arrow in the bottom corner to start!
BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)
Review Questions 1. Which typestyle has a heavy mark? 2. Which effect has a line through a word? 3. Which typestyle is slanted? 4. What is a unit of measurement?
Alignment… Chapter 5.
Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”
Desktop Publishing.  Desktop publishing is creating documents on a computer that are usually viewed as printed materials. They can also be viewed as.
Typography Part II. Over time font styles have changed.
Design Principles From The Non-Designer’s Design Book Second Edition by Robin Williams.
Design Fundamentals COM 365 Newspaper Layout & Design.
TERMS AND DEFINITIONS Yearbook Terminology. Ladder A page-by-page planner and deadline tracker used to identify content, record deadlines, plan color.
OV Copyright © 2003 Element K Content LLC. All rights reserved. Formatting Paragraphs  Set Tabs  Change Paragraph Alignment  Indent Paragraphs.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
How to publish a Document How to Publish a document.
Design Principles 3.02 Design Principles revised 9/24/09.
Graphic Design & Illustration Design: Layout Overview © UNT in partnership with TEA1.
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.
Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE.
Effective Posters. A GREAT POSTER IS... readable, Readability is a measure of how easily the ideas flow from one item to the next.
THE PRINCIPLES OF DESIGN BALANCE EMPHASIS RHYTHM PROPORTION/SCALE UNITY/HARMONY.
Posters, Magazines, Websites
INDESIGN TO REVIEW. TEXT TOOL Used to -change font and font size -add text to text blocks -selecting and highlighting text.
A Principle of Design.  The principle of proximity states that you group related items together, move them physically close to each other, so the related.
Business Technology Applications Mrs. Jefcoat Page 307.
It can also be used to create emphasis. White space is when blank space is left on a layout deliberately. It gives the reader breathing space if the.
New Trends in Design Adding unity, balance, structure and dominance to your layouts.
Microsoft Expression Web 3 – Illustrated Unit M: Advanced Typography Using CSS.
B ASICS OF D ESIGN USING T HE G RID S YSTEM. G OOD D ESIGN Good design is invisible to the observer – bad design sticks out. Good design is a learnable.
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.
Multimedia--Print Type
Principles of Typography
Layout and Emphasis in a Job Advertisement
Treatments that effect typography
Chapter 9 Layout and Design
Utilizing Effective Layout Methods Alignment
Understanding Desktop Publishing
Fine Tune & Tweak your Type
Alignment “The principle of alignment states that nothing should be placed on the page arbitrarily. Every item should have a visual connection with.
Principles of Typography
Grid Structure.
5.1 | Design Basics.
Typography.
Digital Media Notes Your Name.
Describing Distribution
Presentation transcript:

Typography: Building Blocks

LEARN Typography is timeless, yet always changing. It’s helpful when deciding upon a font to know parts of the typographic anatomy.

NOT ALL POINTS ARE MADE EQUAL

SPACED OUT The readability of stories and captions is enhanced by maintaining a consistent point size and carefully considering the leading or the typographic spacing. 14 POINT WITH 15 POINT LEADING Also called line spacing, leading is the space between lines of text, measured in points from baseline to baseline. As the difference between the point and the leading increases, so does the space between the lines. 14 POINT WITH 22 POINT LEADING Also called line spacing, leading is the space between lines of text, measured in points from baseline to baseline. As the difference between the point and the leading increases, so does the space between the lines.

TYPOGRAPHIC ALIGNMENT ALIGN LEFT Type set flush left is considered the most readable and natural because spacing is consistent between the words and reader’s eye can easily find the beginning of each line. ALIGN RIGHT The spacing between the words is consistent in flush right alignment also, but readability drops because the left side, where the reader expects to see a line start, is not even but ragged. JUSTIFIE D When type is justified, it has a structured or block look with even edges on both the left and the right. Uneven spacing between words is especially noticeable in narrower columns of text. CENTERED Balanced and formal, centered alignment is best used for a small amounts of text. While symmetrical, the reader has to keep finding the line beginning, which becomes tiring after a time.

PRACTICE Complete the exit ticket to review the terms learned in the presentation.

USE Analyze your spreads: –Is all text easy to read? If not, consider changing: The font The font size The alignment The leading