Typography

JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ

a compendium of typography projects

8-11 12 13 14 15 16-19 19-20 21

anatomy of type anatomy of cropping typographic kinetics counterpart counterpoint structure of letter chair project handlettered postcard colophone
anatomy of type Table of Contente

understanding anatomy

cropping

kinetics

counter point

the structure of letters

typographic page

top margin 4 picas

Anatomy of Type

This project was our introduction to type. The focus of the exercise was to learn to identify the different elements that make up the letters we type with every day.

James Johnson

Stem

Ear

Bowl

Shoulder

Eye

Handglovery
Overshoot Bracket

Ascender

Serif

Cap Height x-height

Baseline

Loop Lobe

Descender

Counter

Link Neck

Crossbar

Finial

Axis

Tail

Title of the Project Anatomy ofProject Type Title of the

Title of the Project Title of the Project Title of the Project

Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page.

Brief description of the project presented on this page. Brief description of the project this page. Briefhistoric There is apresented large range on that exists between description of the project presented on families of serif and san serif type and the only thisanatomical page. Brief description of the project two attributes that they share is the presented on this page. Brief description base line and stroke. This is why the designer of the project presented on this page.the should never mix type families, because spacing and height will not always coincide. The only exception to this rule is when the designer needs to achieve contrast. With few exceptions, the upper half of letters will be more legible than the bottom half. Our eye follows the active exception of the mean-line. In the hands of a designer, the careful fragment that considers the anatomy of the letterforms can be more useful than a complete form while working expressively with type. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page.

Handglovery Handglovery Handglovery Handglovery Handglovery Handglovery Handglovery

Handglovery Handglovery Handglovery Handglovery

Anatomy Cropping

Typographic Kinetics

Each individual square and its letter form are seen as independant typographic composition that investigates form and counterform, figure ground relationships, asummetry/symmetry, static and dynamic placement.

Every letter has aof personality you can identify. Brief description the project presented Fragmentation is not the goal of in and on this page. Brief description the of itself. Everything is adjustable its Brief a case by case project presented on thisand page. decision of how far to push each design. description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page.

Counterpart Counterpoint

The of Structure of Letter Title the Project

When creating a visual hierarchy in typographic space, a designer balances the need for harmony, which unifies a design, with the need for contrast, which lends vitality and emphasis. As in music, elements can have a counterpart or a counterpoint relationship.

The most elementary forms of letters are a visual code of simple strokes that is recognizable through our experience with handwriting. Each of the upper and lower case letters is distinct in structure. All are built by combining vertical, horizontal, slanted, and curvilinear strokes and not from being light or bold, wide or narrow, roman or italic, sans serif or serif.

EFHILT

fjilt

KMNY VWX AZ

k yvwx z

BDGJPRU CSOQ

abdghmnpqru ecos

The Chair Project Title of the Project

Title of the Project

Title of the Project

Title of the Project

Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page.

Putting together all the previous Brief description of the project presented
on this page. Brief description of the practices, students are to project on this page. Brief pagepresented spreads

Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page.

Brief description of the project presented on this page. Brief description of the project presented on this page. Brief

design

using type and image together. To do this, students choose a presented on this page. Brief description of chair to explore. After research the project presented on this page. is done on the chair design and its designer, the page layouts are designed with the chair designers name as well as an image of the aforementioned chair. Students also explore different type components such as size, weight, case, slant etc.
description of the project presented on this page. Brief description of the project

description of the project presented on

this page. Brief description of the project

Electric Chair Death to Westinghouse the project presented on this page.

presented on this page. Brief description of

Thomas Edison

1889

Thomas Edison, inventor of the light bulb was also responsible for the creation of the electric chair. It was created to demonstrate the the supposed dangers posed by the powerlines being provided by his biggest competitor Westinghouse. Eventually the government asked him to produce his chairs for the purpose of a more humane way to execute people on death row.

Title of the Project

Title of the Project

Title of the Project

Title of the Project

Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page.

Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page.

Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page.

Brief description of the project presented on this page. Brief description of the project presented on this page. Brief

description of the project presented on

this page. Brief description of the project

presented on this page. Brief description of

lectric the project presented on this page.

T E
homas dison 1889

chair

Death to Westinghouse

Thomas

electric chair

death to Westinhouse

Edison 1889

T E
homas

dison

lectric chair

1889

death to westinghouse

Title of the Project

Handlettered Title of the Project Postcard

Title of the Project

Title of the Project

The goal forof this project is to exBrief description the project presented on this page. description the plore andBrief learn to do of handlettered project Students presented oneach this page. Brief type. have chosen a description of the project presented onoff of quote to explore and based this page. Brief description of the project this quote, students are to create presented on this page. Brief description of a 4 x 6 postcard. The type is done the project presented on this page. in pen and ink and later fixed in Adobe Illustrator.

Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page.

Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page.

Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page. Brief description of the project presented on this page.

Colophone

Designed by: James L Johnson Course Title: Intro to Typography Date: November 14, 2013 Fonts: Univers

JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ

JlJ JlJ JlJ JlJ JlJ JlJ JlJ JlJ