Design: Type Readability Relationships Types of Type (Fonts Type on the web.

Slides:



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

The Key Element in Desktop Publishing Design
Definition: The style, arrangement, and appearance of text on a page.
Typography: The basic building block of any printed page.
WORKING with TYPOGRAPHY The art of skillfully arranging and presenting type to gain attention.
The art or process of printing with type Typography.
Typography Usability & Readability
Screen Design. Fonts Font size should be no smaller than 24 point 3 different groups of font Serif T Sans Serif T Script WORDS IN ALL CAPS ARE HARD TO.
Font & Typeface Making good design choices in formatting options for font when developing visually appealing publications Principles of Information Technology.
1.01 Investigate typefaces and fonts.
The 16 Typography Vocab Words Most Likely to be Wrong For Document Design By Dr. Jennifer L. Bowie.
Type. Type Relationships  Type is the basic building block of any printed page.  Since it is often necessary to have more than one typeface on a page,
® 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.
 Layout – refers to the design and orderly formation of the various elements of an advertisement.  It is where & how you place the various elements.
Design Elements The Ingredients of Design. What are the Design Elements? Design Elements are the small ingredients that can make up a page and allow it.
Typography 2.01 Investigate typefaces and fonts..
TYPOGRAPHY.
Typography-- Using Text Typography -- Using Text There are two basic types of fonts: Sans Serif Serif.
Design Principles for PowerPoint
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Introduction to Type in Graphic Design AEE 210 Jim Lucas Modified by Luke Reese.
Visual Literacy Robert Braden “Visual literacy is defined as the ability to understand and use images, including the ability to think, learn and express.
Digital Interactive Media
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Type Classification and Selection.
Understanding Fonts. Fonts Hold Power The font you choose should reflect the message of your document. What kind of feelings do the following fonts convey:
Aa Intro to Communications: Typography WATERFORD DISTRICT HIGH SCHOOL.
Designing with Type DIM. Design Relationships Concordant—occurs when you use only one type family, without much variety in style, size, weight, and so.
The applied art of arranging image and text to communicate a message.
Desktop Publishing Using Fonts. The key to creating attractive published documents is found in the decisions surrounding the text. A beautifully designed.
Defining Type Desktop Publishing. What type shall I use? The gods refuse to answer. They refuse because they do not know. -W.A. Dwiggins.
Design With Font Families Week 3 Intro to Desktop Publishing.
Contrast Repitition Alignment Proximity Fonts Quizzzzz DESIGN PRINCIPLES AND FONT RULES
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
DESIGNING with TYPE Bristol Community College Bristol Community College CIS 13 Business Creativity Sources: The Non Designers Design Book, Robin Williams.
DTP Word 2002 Chapter 1 Understanding the Desktop Publishing Process.
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.
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
TYPOGRAPHY.
Type Categories. Type Terms Stress: if you drew a line between the two thinnest parts of a letter S No stress Diagonal stress.
Typography. the design and use of typefaces as a means of visual communication how to select, size, arrange, and use typefaces.
March 2004Andrea Infantino©Copyright Jan 2006Adapted from A.Infantino©Copyright 2004 Visual Literacy A Critical Key to Effective Communication.
C a t e g o r i e s of T y p e. Oldstyle Diagonal Stress Serifs on lowercase letters are slanted Moderate thick/thin transition in the stroke Examples.
Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.
Creating your own logo. A logo is a graphic or emblem commonly used by organizations and even individuals to promote instant public recognition.
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.
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Font & Typeface Principles of Information Technology
Designing TYPE with 2.01 Investigate typefaces and fonts.
Font & Typeface Principles of Information Technology
Digital Interactive Media
Typography Usability & Readability
Treatments that effect typography
Visual Literacy “Visual literacy is defined as the ability to understand and use images, including the ability to think, learn and express oneself in terms.
Font & Typeface Principles of Information Technology
2.01 Investigate typefaces and fonts.
Design Principles Proximity Font
1.01 Investigate typefaces and fonts.
The Art of Type 9/17/2018.
Principles of Graphic Design.
Fonts.
2.01 Investigate typefaces and fonts.
Digital Interactive Media
A Few Simple Type Rules Graphics Design Tech 1.
Typography Usability & Readability
Typography Usability & Readability
Presentation transcript:

Design: Type Readability Relationships Types of Type (Fonts Type on the web

Readability Type has multiple purposes but the most important is readability. The ability for a reader to easily read and understand the text. Contributors/Distractors Size, color, texture, light, font, weight, relationship etc.

Relationships

Concordant Uses one type family with little change in style, size or weight. This can be used to communicate a sedated or formal situation but can also be dull.

Conflicting  When you combine type faces that are similar but not the same. This makes the page less interesting because it is not concordant. Times New Roman Palatino &

Contrasting When you combine separate typefaces that are distinct and different from each other. The best designs have contrast and this includes font.

Type Categories Remember them in groups of two: Old/Modern, Serif/Sans, Script/Decorative

Oldstyle

Modern

Slab Serif

Sans Serif

Script

Decorative

Type Categories

Type Contrasts Size, Weight, Structure, Form, Direction and Color

My Rules Never use more than three fonts and two is probably enough Never use more than one serif font Never use more than one san serif font Never use more than one decorative font and only in limited doses Typically, I choose one Serif, one san and call it a style!

Fun  Dafont.com  What the Font

In class exercise