Defining Type Desktop Publishing. What type shall I use? The gods refuse to answer. They refuse because they do not know. -W.A. Dwiggins.

Slides:



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

The Key Element in Desktop Publishing Design
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
2006 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 the art of using (text) fonts and font styles to produce professional looking publications the art of using (text) fonts and font styles to.
Typography Usability & Readability
Typography Basic terminology/concepts
Document Design: Basics and Typography Technical Communication, DAHMEN.
Chapter 10: TypographyCopyright © 2004 by Prentice Hall 10. Typography In this chapter you will learn about: The basic terminology and concepts of working.
1.01 Investigate typefaces and fonts.
The 16 Typography Vocab Words Most Likely to be Wrong For Document Design By Dr. Jennifer L. Bowie.
content/uploads/2010/03/Death_by_Typography_by_GCORE1.jpg.
1.01A – What typefaces should be used for various displays?????
1.01 Investigate typefaces and fonts.
Font The design of text – the general shape and style of a set of characters. One style and size of a particular typeface. Example: Palatino is a typeface,
Multimedia & Webpage Design
Designing Your Future: Hints, tips and ideas on the design of your Résumé and Cover Letter By Dr. Jennifer L. Bowie For Business Writing.
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.
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.
10. Typography The basic terminology & concepts of working with type
Typography-- Using Text Typography -- Using Text There are two basic types of fonts: Sans Serif Serif.
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Answer question 1. Answer question 2.
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.
Aa Intro to Communications: Typography WATERFORD DISTRICT HIGH SCHOOL.
Professionally Basic Elements of Design 4 Classifications of Type.
Designing with Type DIM. Design Relationships Concordant—occurs when you use only one type family, without much variety in style, size, weight, and so.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
Desktop Publishing Using Fonts. The key to creating attractive published documents is found in the decisions surrounding the text. A beautifully designed.
Design: Type Readability Relationships Types of Type (Fonts Type on the web.
Design With Font Families Week 3 Intro to Desktop Publishing.
Glencoe Desktop Publishing Design Tips. Keep it simple– less is more. For main headings, titles, headlines: Use bold or italics with a point of 18 or.
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.
Typography Graphic Design Fundamentals
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
TYPOGRAPHY What is Typography?
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
Typography Chapter 10: TypographyCopyright © 2004 by Prentice Hall.
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.
FontSFontSFontSFontS aka Typography. Font Parts Lets break fonts down by their parts!
Graphic Design Tricks Good ideas for Powerpoint presentations.
Graphic Design Mrs. Lacks. Typography Is the art and skill of arranging text so that language is visible Essentially, all forms of writing are typography.
Digital Interactive Media
Introduction to typography
Digital Interactive Media
Digital Interactive Media
Designing TYPE with 2.01 Investigate typefaces and fonts.
Digital Interactive Media
Selecting a Typeface MKT 4123 Advertising.
google. ca/imgres. imgurl= braincrumbtrail
Typography Basics 2.01 Investigate typefaces and fonts.
About Typestyles Design Rules and Tips.
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.
Unit 2.1: Identifying design elements when preparing graphics
The Art of Type 9/17/2018.
Digital Interactive Media
Presentation transcript:

Defining Type Desktop Publishing

What type shall I use? The gods refuse to answer. They refuse because they do not know. -W.A. Dwiggins

Dynamic Relationships  In Life, when there is more than one of anything, a dynamic relationship is established  In Type, there is usually more than one element on a page, thus a relationship is established  What type of relationship will you define

Three Dynamic Relationships  Concordant Same type family, not much variety, dull  Contrasting Different type families, variety, exciting  Conflicting Similar type families, neither the same or different, distracting  First, let’s define the elements in the relationship

Type Divisions  Type Faces Complete set of characters of a given font  Type Families Collection of related type faces  Type Races Broad categories of fonts defined by

Type Race Categories  Oldstyle  Modern  Slab Serif (Egyptian/ Typewriter)  San Serif  Script  Decorative (Special)  Pi - 

Type Race – Oldstyle

 Great for body text when you’re looking for: Nostalgic, Eloquent, Traditional, Sincere, Informal, Simple, Trustworthy  Type faces/families include:

Type Race – Modern

 Use in body text when you’re looking for: Brilliant, Formal, Modern, Elegant, Technical  Type faces/families include:

Type Race – Slab Serif

 Use for body text when you’re looking for: Elegant and refined  Type faces/families include:

Type Race – Sans Serif

 Often not good for body text (optima is exception) Usually used in display text  Type faces/families include:

Type Race – Script

 Used only as display text Use sparingly and never all caps  Type faces/families include:

Type Race – Decorative

 Used mainly as display text  Fun, distinctive, expresses whims  Don’t try to find ways to use these – that’s not your job – only use when necessary

Type Race – Pi

 No alphabetic characters  Often called ornaments  Type faces/families include: Wingdings, Zapf Dingbats, Woodtype Ornaments

Quick Test – Name that Font

Font Families  Each family consists of variations Type Styles – weight and stroke variations Bold and Italics or Oblique (san serif) Shadow Shadow, outline, and underlines S MALL C APS Type Weight – letter width and stroke thickness Super-bold or Black Light Condensed

Choosing Body Text What you shouldn’t use  Bitmapped fonts  San Serif  Pi  Decorative What you should use  Old style  Modern  Slab serif (transitional)  Resident fonts Times, Bookman, Schoolbook, Palatino

Choosing Display Text  Strive for contrast instead of conflict  When you combine your display text with your body text, how will you establish this?  Vary your: Size, Weight, Structure, Direction

Display Contrast – Size  Try varying the size of the fonts  Don’t be afraid to use 100-point to make a point  If the text is important make it big  Don’t be a wimp – don’t contrast 24-point with 30- point

Display Contrast – Weight  Try different weights of a font to add emphasis instead of using ALL CAPS  Use varying type weights to organize your information in a list – with the more important information bolder  Highlight key phrases with bolder type instead of underlining

Display Contrast – Weight

Display Contrast – Structure  Never put two type faces from the same race on the same page  But you can mix the races

Display Contrast – Structure  Do mix, but make sure there is the needed contrast – the difference must be emphasized

Display Contrast – Structure  You can use two serif fonts together!  Make sure each face uses a different race  Can you identify the two races here?

Display Contrast – Direction  More than just slanting it  Use slanted text sparingly - often overused  Create columns or place your headings sideways

Display Contrast – Direction

Quick Test Contrast or Conflict

Credits  The Non-Designer’s Design Book by Robin Williams  Looking Good in Print by Roger C. Parker  Design for DTPs by Tom Lichty