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.

Slides:



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

Typography Graphic Comm. Mr. Jarrett. Learning Objectives What is Typography What is a Serif Kerning, Tracking, & Leading Font Classifications Using Typography.
By Birol Özkaya USER-CENTERED WEBSITE/SOFTWARE DEVELOPMENT.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
WORKING with TYPOGRAPHY The art of skillfully arranging and presenting type to gain attention.
Typography Typogra Typography Typogra. Designers use typography to communicate a client's message to an audience. They explore the creative possibilities.
Principles of Typography
Lesson 1:.  This lesson will cover the four primary principles of design: ● Contrast ● Repetition ● Alignment ● Proximity.
Lesson 2 — Working with Text
Basic Principles of Design How to make your websites and video graphics look more professional.
Typography Usability & Readability
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.
Graphic Design: An Overview for Effective Communication.
DESIGNING DOCUMENTS And page layout. What is document design?  Refers to page layout, that is, where the visuals and information are placed on a page.
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
® 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.
DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.
Design Principles for PowerPoint
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
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.
Professionally Basic Elements of Design 4 Classifications of Type.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
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.
the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)
Design: Type Readability Relationships Types of Type (Fonts Type on the web.
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $100 Welcome.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Basic Design SBM 338 Lanny Wilke. Four Basic Design Principles Proximity Alignment Balance Unity.
Contrast Repitition Alignment Proximity Fonts Quizzzzz DESIGN PRINCIPLES AND FONT RULES
Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE.
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
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.
Design Principles Contrast Repetition Alignment Proximity Font Rules &
4 Basic Principles of Design  Proximity  Alignment  Repetition  Contrast Credit: Robin Williams.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Design Principles and Font Rules Katie Zilisch Contrast Repetition Alignment Proximity Font Quiz.
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.
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
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.
TGJ3MO COMMUNICATIONS TECHNOLOGY DESIGN AND LAYOUT PRACTICES - USING PHOTOSHOP ELEMENTS WORKING WITH F O N TS.
Principles of Typography
Digital Interactive Media
Introduction to typography
Digital Interactive Media
Digital Interactive Media
User-Centered Website/Software Development
Digital Interactive Media
Typography Usability & Readability
INTRODUCTION TO TYPOGRAPHY DESIGN
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?
Understanding Typography
The Art of Type 9/17/2018.
INTRODUCTION TO TYPOGRAPHY DESIGN
Principles of Typography
TYPOGRAPHY (a teeny tiny introduction)
INTRODUCTION TO TYPOGRAPHY DESIGN
Digital Interactive Media
The good, the bad, & the ugly…
INTRODUCTION TO TYPOGRAPHY DESIGN
Typography Usability & Readability
INTRODUCTION TO TYPOGRAPHY DESIGN
Typography Usability & Readability
To Help Your Designs Look Better
User-Centered WebsIte/Software Development
INTRODUCTION TO TYPOGRAPHY DESIGN
Presentation transcript:

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 other elements. Types of alignment: –Center: Considered more formal and should be used sparingly. –Left: Easiest to read, especially with larger amounts of text. –Right: More difficult to read and should be used only on small amounts of text.

Contrast If using multiple fonts, make sure that they are different enough to be distinguished from one another. Usually this means choosing from two different font categories such as Sans Serif and OldStyle. –Reminder of categories of typefaces: Oldstyle, Modern, Slab Serif, Sans Serif, Decorative, and Scrip Try not to use more than two fonts.

Hierarchy Hierarchy is what leads someone through your text. Purposefully creating hierarchy helps you better control your message. Two main ways to create Hierarchy: –Color. –Size of text. –Spacing of words.

Proximity Proximity is grouping related text together. This helps send the right message to your viewer. Separate different groups of text with spacing (this was one of the ways to create hierarchy. Remember to pay attention to your tracking (general word and letter spacing) and kerning (spacing between two letters).

Personality Fonts have personality that can set the tone of the message they portray. Choose fonts that have a tone that matches your message.

Sizing Rules Using 12 point font is a bad idea. We are taught to use 12 point in school, but it is not a good practice for design. “Titles can be large, eye-catching focal points that set the theme of the design” -Caryn Esplin Body copy should be about 10 point font. Adjusting font size can help reduce jagged ragging (the edges of blocks of fonts).

Things to Avoid Avoid cheesy overused fonts such as Papyrus, Comic Sans, or Zapfino. Don’t have any widows (one word on a line at the end of a paragraph). Get rid of orphans (one line that spills over to another page or column). No over varied rag (each line of a paragraph should be about the same length). Try not to use hyphens.