Some tips on type From Before & After: Graphics for Business By John McWade.

Slides:



Advertisements
Similar presentations
The Key Element in Desktop Publishing Design
Advertisements

SM2222: Information Design and Visualization Session 3: Typography 23 September 2005.
Typography. Base line Base line The imaginary line on which all characters rest.
Typography Selecting appropriate typefaces for a document. Typography.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
Typography Selecting appropriate typefaces for a document. Typography.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
Typography. Where can type face be found? What is the ultimate purpose? Why is it important?
The art or process of printing with type Typography.
Exploring Web Design Chapter 3 Web Typography. The goal of any web page is to communicate.
Typography Typogra Typography Typogra. Designers use typography to communicate a client's message to an audience. They explore the creative possibilities.
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.
The Elements of Typography. The Anatomy of Type Baseline: The invisible line where letters sit.
TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple.
1.01 Investigate typefaces and fonts.
RIDDLE What goes around the world but stays in a corner?
Typofaces give voice to words Typefaces give voice to words.
Typography and Space for Web Design Important Issues From Web Style Guide.
_ The design universal principles Typography, Grids & Golden section
Words are communication. What do they say? The meaning should come before the look of the type is considered. The primary task of graphic design is to.
DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.
1. Chapter 2 Formatting Characters 3 Formatting in Word The default template supplies character (text), paragraph, and page formatting. You can make.
Meaningful Jargon Or, All You Need to Know to Speak Like a Geek Design and Typography 3/3/98.
TYPOGRAPHY.
DTP Notes.
Introduction to Type in Graphic Design AEE 210 Jim Lucas Modified by Luke Reese.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
AOIT Graphic Design Unit 4, Lesson 11 Typography and Spacing.
Type Anatomy of Click anywhere on the screen to view the next slide,
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.
TYPOGRAPHY - DFP b6 Typeface Classifications. What is a font? Complete set of type of a particular face, style, and point size. Question: How many are.
Terms to Know Primer A few more terms Typeface – single set of letterforms Type Family – several font designs representing a range of style variations.
Typography The Art of designing with words and letters.
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”
TYPOGRAPHY - DFP b7 Distinguish between serif and sans serif fonts Objective: Given resource material/lecture, the student will identify both serif and.
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Typograpy. Type Type - Categories Serif Fonts  Oldstyle  Transitional  Modern  Slab Serif Sans Serif Fonts Script Decorative Monospaced.
Aa Hh Xx Yy serif (Times New Roman). Aa Hh Xx Yy Sans serif (Arial)
Graphic Communications Chapter 4.  Distinctive designs of visual symbols that are used to compose a printed page.  Ie: Magneto, Times New Roman, Baskerville,
Desktop Publishing & Design. Baseline The invisible grid line the characters sit on.
High School of Dundee Typography. Base line Base line The imaginary line on which all characters rest.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
Typography Create a Custom Font!. Let’s Warm Up Typography Fun & A Bit of History - From Paper to Screen:
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.
Design and Typography Chapter Designing a Publication Designing is the process of determining the format and layout, then creating Format: how and.
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.
Typography Design.
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?
Basic Desktop Terminology
Use Typography Techniques
Understanding Typography
Layout Terms Visual Hierarchy
Selecting appropriate typefaces for a document.
Typography The Art of designing with words and letters.
INTRODUCTION TO TYPOGRAPHY DESIGN
Source: Digital Desktop Publishing--Font Basics
Desktop Publishing Terminology
Module 6.
INTRODUCTION TO TYPOGRAPHY DESIGN
INTRODUCTION TO TYPOGRAPHY DESIGN
INTRODUCTION TO TYPOGRAPHY DESIGN
Digital Media Notes Your Name.
INTRODUCTION TO TYPOGRAPHY DESIGN
INTRODUCTION TO TYPOGRAPHY DESIGN
Presentation transcript:

Some tips on type From Before & After: Graphics for Business By John McWade

Vocabulary Serif Sans serif Legibility Readability Type and typeface X-height Counters Mirrors

Serif – a small cross stroke at the end of a main stroke of a letter Sans serif – a letter without serifs S

Serif Sans Serif S

For large amounts of text—a solid page or more—serif type is easier than sans serif for the reader to deal with. There are a few theories why. 1.It’s what we’re most accustomed to 2.It’s more organic and graceful 3.Letters create a bridge from one letter to the next

The hallmarks of good type are legibility and readability. Legibility refers to clarity. It’s how readily one letter can be distinguished from all others. Readability refers to how well letters interact to compose words, sentences and paragraphs.

To flow most smoothly, an alphabet’s characters should have similar widths. Reading has a natural rhythm; an alphabet such as Futura (top left) with widely varying character widths, disrupts it.

We identify letters by their physical characteristics— stems, bars, loops, curves, and so on; the clearer they are the more legible the letter. Expanding or compressing letters makes them harder to read.

X-height is the height of the lowercase characters in a typestyle

Counters are the enclosed spaces inside letters. Avoid typestyles whose counters are very large in relation to the stroke weight.

Geometric typestyles are so uniform, their letters are often mirror images. For text, this is not ideal—the more distinct each letter is, the more legible whole words will be. Look for typestyles that don’t mirror, such as Gill Sans (bottom).