Type Compendium
Type Compendium
De s
ce
nd
er F il let
Sh
ou
lde
Link
St
ro
ke
Bo Ea r
wl
Sp Me an Ca pli ne lin e
in e
Ba se lin e
Anatomy of Type
Anatomy of type
Individual letter forms have unique parts which have changed in visual form over the centuries. A nomenclature helps identify major elements of their construction. The evolution of lettering styles over time is a result of optical adjustments to the basic components by type designers over the ages.
The different families of type display infinite variability from one font to another. This displays the importance of recognizing that the different typefaces exhibit their own purpose and personality. Among these differences, the only similarities they share are the baseline and stroke.
Apex
Shoulder
Terminal
Fillet
Stroke
Bowl
Ear
Counter
Spine
Hairline
Descender
Crossbar
Li
nk
Asparagus
Loop Serif Tail
Capline Meanline
Baseline
Anatomy of type
Words with their top half covered, arent as readable or recognizable as words with the bottom half concealed. This demonstrates the subconcious function that humans have built around reading and writing conventions, commonly from left to right, and from top downwards.
Certain letters are more readable than others, under the situation where parts of the letter are concealed. The more readable ones usually display a more asymmetric shape, as well as other more recognizable traits such as the ear in certain versions of the letter g.
Fundamental to all typographic design is the interplay between letterform and background. Every letterform defines a particular counter form. Form and counterform are reciprocal values and completely interdependent and integral to a letters completeness as a design. The counterform is not just what is left over in the background. The counterform is a new entity that emerges through interaction with the form.
Typically, these counterforms are either geometric or organic in quality depending on the structure or style of the letter. An awareness of this inter-relationship of form and counterform is essential in typographic design.
A
Anatomy of type | Counterpoint and Counterpart
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. Typographic counterparts are elements with similar qualities that bring harmony to their spatial relationship.
Elements have a counterpoint relationship when they have contrasting characteristics, such as size, weight, color, tone, or texture. Counterpoint relationships bring opposition and dissonance to the design.
Every letter has a personality you can identify. Fragmentation is not the goal in and of itself. Everything is adjustable and its a case-by case decision of how far to go.
Both must be juggled to value. You cant use the same element over and over just because it worked in one place. Every example should change somewhat.
The form you seek is one that to be able to read the word. So this determines the degree of fracture. Its the part (letterform) towhole (word).
Because range is a persistent goal of design, you want to invent in each example. Expect some noble necessary part of any assignment.
e R
A g
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. Letter forms derive their character from combinations of these basic strokes and not from being light or bold, wide or narrow, Roman or italic, sans serif or serif. An entire alphabet can be categorized using only six basic underlying visual combinations of strokes as the example illustrates.
E A
While upper and lower case letters are distinct in structure, they all are built by combining 4 strokes; vertical, horizontal, slanted, and curvilinear. These elementary strokes form the foundation, a visual code that is recognizable through our long experience with reading and writing regardless of style. Therefore, letter forms derive their visual
EFHILT
iflt
KMNY
VXW
vwxy
character from combinations of these basic strokes and not from being light or bold, wide or narrow, Roman or italic, sans serif or serif. An entire alphabet can be categorized using only six basic underlying visual combinations of strokes as the example illustrates.
AZ
BDPRJU
abdghmnpqru
CGOQS
ceos
Using the initials of your designer, impose the letterforms in a typographic study that interprets a relationship to the form of the chair they designed. The goal is to discover relationships in form and division of space. Then, using the designers name, the name of the chair, and the date of its manufacture, impose the words in a typographic study that demonstrates relationships to the chair.
g
Size + Case
Gn
Size + Case
G
N
Size + Weight Size + Weigiht
Size + Weight
Size + Weight
N
G
NU
IR CHA
9 5 5
G e r g e o N n s o e l
Size + Weight
Size + Value
55
Ge o Co rge N con ut C elson ha i r
Ge o r g e N e
9
Size + Value
5
Size + Weight
5
l s o n
C O C O N U T
5 5 9 1
H A I R
1 / 55
l s o n
g e N e
Size + Value
Size + Value
i r
195
sn
Size + Value
Type generally falls into two primary categories; informational and or expressive. Its not uncommon to have a strategy for both present in layouts. Informational text is more common and the form responds to long traditions and conventions of size, spacing and established habits of organization on the page. In a book or website it is information design that takes the lead.
On a poster or motion graphics expression could lead. The ratio is determined by the designer and the needs of the communication. An emphasis or heiarchy must be clear and decisive so the roles each plays in the communication are clear. In design things are not equal
5 5 9 1
COCO N U T C H AI R
ler co. an Mil 5, Herm n as the g o In 194 ls gardin ted Ne rking , disre appoin red wo ct, Design had no e f ff o o r s a wa ontr Directo e of Nelson Nelson within his c e t that erienc m outsid the fac working exp freedo him to float , Chair e s re u p n io e g sig .D e prev allowin an Miller de from design iller, becam re u it s rm n furn t an M the He d use desig insigh f Herm an on has man o d in Nelsons at will group, hitects Nels e te th s th re re u w rc te it a a s in furn other . 1947 seful. aking d with is directorate into m vative and u worke n of h orkinno o w k ti o a e lo th affirm held n, and positio ntil 1972. eu tl ti g in
E L S O N
C O C O N U T 1 9
C H A I R 5 5
MODERNIST DESIGN
foam rubber, leather, plastic, steel, nylon
g e o r G e
ing work t, ered c as off is contra e h on w ls in e h utsid N m wit to float o n eedo ig fr r co. im s r h le e il d to ing m ler nM irec allow n Mil signs fro erma the D 45, H elson as fact erma de has In 19 N g the the H and use lson ardin ious inted up, ts Ne w the c isreg ro appo v e d g it , re a h n sig ure no p te r arc h. 1947 s of De lson had furnit othe it ectora e ce of f ed w is dir working that N experien airman o work tion of h e a ing , Ch eld th rm e h ffi re work d a p e n m n. De ion, a ht beca desig posit til 1972. insig l iller, an M Nelsons n il Herm title u in that w sted iture ful. intere king furn use d a n m a into ative innov look
T OUR MEN OF Y TATE ORY ALS? RAS G GL CLEA HEDR WNIN T S O A A R C C L THE , THE MBO T IS NON E SY E H ? H T E . T WHA AM PAR ION.. THE ITS N IZAT T IS IDS, CIVIL WHA YRAM OL? HE P YMB S AS T IS TH T IS WHA
UR OF YO NT TEME LORY A STA ING G N R A W E O L RALS? C CR D S E E A H H L T T IS BO E CA E SYM WHAT N, TH H O T . N .. E ARTH ATION ME? THE P CIVILIZ ITS NA MIDS, HAT IS PYRA W E ? H L T O AS SYMB IS THIS WHAT
o n l s N e
g - Geor
e Nels
on
Bo do ni Se r Fu ifa tur a
Ga
ra m on
Te rm
ina
Ap
ex
Co
un
ter