102 Font review Susan ClementsVivian Illuminated manuscript PsalterHours

  • Slides: 35
Download presentation
102 Font review Susan Clements-Vivian

102 Font review Susan Clements-Vivian

Illuminated manuscript Psalter-Hours English, 13 th Century A. D. Walters Art Museum, Baltimore, MD.

Illuminated manuscript Psalter-Hours English, 13 th Century A. D. Walters Art Museum, Baltimore, MD. Before the invention of the printing press, handwritten documents were riddled with errors. Scribes invented visual, artistic ways to salvage these laboriously crafted objects.

Gutenberg’s moveable Type metal type Gutenberg’s moveable Type in Europe (1453 -1455 A. D.

Gutenberg’s moveable Type metal type Gutenberg’s moveable Type in Europe (1453 -1455 A. D. )

Letterpress Typographic design is not only an act of mark making, but also of

Letterpress Typographic design is not only an act of mark making, but also of spacing. Letterpress technology a classic typographic page

Blackletter Gutenberg’s moveable Type style “Blackletter”

Blackletter Gutenberg’s moveable Type style “Blackletter”

Basics of Type Anatomy

Basics of Type Anatomy

Type Classification Systems Essentially, classification describes typefaces; it does not define them.

Type Classification Systems Essentially, classification describes typefaces; it does not define them.

Know Your Families: Grouping Fonts Reference: http: //www. smashingmagazine. com/2010/12/14/what-font-should-iuse-five-principles-for-choosing-and-using-typefaces/ ***see Smashing Mag. (link

Know Your Families: Grouping Fonts Reference: http: //www. smashingmagazine. com/2010/12/14/what-font-should-iuse-five-principles-for-choosing-and-using-typefaces/ ***see Smashing Mag. (link above) to review font groupings

Humanist / Old Style / Venetian 15 th – 16 th century The Humanist

Humanist / Old Style / Venetian 15 th – 16 th century The Humanist types (sometimes referred to as Venetian) appeared during the 1460 s and 1470 s, and were modelled not on the dark gothic scripts like textura, but on the lighter, more open forms of the Italian humanist writers. **Note. In some classifications Humanist refers to Typefaces of the 15 th century and Old Style of the 16 th.

Humanist / Old Style / Venetian Examples of Old Style: Jenson, Bembo, Palatino, and

Humanist / Old Style / Venetian Examples of Old Style: Jenson, Bembo, Palatino, and — especially — Garamond, Old style is also called Humanist Sans and Humanist are two different classifications. Humanist Sans is a 20 th century variation of Humanist.

characteristics 1. Sloping cross-bar on the lowercase “e”; 2. Relatively small x-height; 3. 3

characteristics 1. Sloping cross-bar on the lowercase “e”; 2. Relatively small x-height; 3. 3 Low contrast between “thick” and “thin” strokes (basically that means that there is little variation in the stroke width);

At Best, At Worst Old Style faces at their best are classic, traditional, readable

At Best, At Worst Old Style faces at their best are classic, traditional, readable and at their worst are… well, classic and traditional.

Transitional (mid 18 th Century) Examples of Transitional are Baskerville, Bookman (Linotype), Cheltenham (ITC),

Transitional (mid 18 th Century) Examples of Transitional are Baskerville, Bookman (Linotype), Cheltenham (ITC), Clearface (ITC), Fournier, Joanna, Slimbach (ITC)

Characteristics Axis

Characteristics Axis

Characteristics Contrast

Characteristics Contrast

characteristics Geometric

characteristics Geometric

Modern (late 18 th century) Examples Modern Bodoni and Didot.

Modern (late 18 th century) Examples Modern Bodoni and Didot.

Characteristics 1. High and abrupt contrast between thick and thin strokes; 2. Abrupt (unbracketed)

Characteristics 1. High and abrupt contrast between thick and thin strokes; 2. Abrupt (unbracketed) hairline (thin) serifs 3. Vertical axis 4. Horizontal stress 5. Small aperture

example

example

At Best, At Worst At their best, transitional and modern faces seem strong, stylish,

At Best, At Worst At their best, transitional and modern faces seem strong, stylish, dynamic. At their worst, they seem neither here nor there — too conspicuous and baroque to be classic, too stodgy to be truly modern.

Geometric Sans Examples of Geometric/Realist/Grotesk Sans: Helvetica, Univers, Futura, Avant Garde, Akzidenz Grotesk, Franklin

Geometric Sans Examples of Geometric/Realist/Grotesk Sans: Helvetica, Univers, Futura, Avant Garde, Akzidenz Grotesk, Franklin Gothic, Gotham.

characteristics Geometric sans serifs are exactly what their name suggests; they are built on

characteristics Geometric sans serifs are exactly what their name suggests; they are built on geometric shapes.

AT Best, AT Worst These sans serifs are constructed of straight, monolinear lines and

AT Best, AT Worst These sans serifs are constructed of straight, monolinear lines and circular or square shapes. This can make them very cold and clinical, but also quite simple. The starkness of most geometric sans serifs makes for great headings, but they are usually less than ideal for long paragraphs. https: //typekit. com/lists/geometric-sans-serifs

Humanist and Transitional Sans (20 th century) Examples of Humanist Sans: Gill Sans, Frutiger,

Humanist and Transitional Sans (20 th century) Examples of Humanist Sans: Gill Sans, Frutiger, Myriad, Optima, Verdana.

Transitional Sans These are Sans faces that are derived from handwriting — as clean

Transitional Sans These are Sans faces that are derived from handwriting — as clean and modern as some of them may look, they still retain something inescapably human at their root.

AT Best, At Worst At their best, Humanist Sans manage to have it both

AT Best, At Worst At their best, Humanist Sans manage to have it both ways: modern yet human, clear yet empathetic. At their worst, they seem boring and mundane.

Slab Serifs / Egyptian Examples of Slab Serifs: Clarendon, Rockwell, Courier, Lubalin Graph, Archer.

Slab Serifs / Egyptian Examples of Slab Serifs: Clarendon, Rockwell, Courier, Lubalin Graph, Archer.

 In typography, a slab serif typeface is characterized by thick, block-like serifs. Serif

In typography, a slab serif typeface is characterized by thick, block-like serifs. Serif terminals may be either blunt and angular (Rockwell), or rounded (Courier). Slab serif typefaces generally have no bracket (feature connecting the strokes to the serifs).

AT Best, At Worst Slab Serifs are hard to figure out. At their best

AT Best, At Worst Slab Serifs are hard to figure out. At their best they can seem very urban and at others invoke the American frontier (wild west). At worst they overpower and become overly conspicuous in the wrong surroundings.

Selecting a font

Selecting a font

Selecting a font A large type family like Helvetica Neue can be used to

Selecting a font A large type family like Helvetica Neue can be used to express a range of voices and emotions. Versatile and comfortable to work with, these faces are like a favorite pair of jeans for designers.

Selecting a mix

Selecting a mix

Do they work together? Two typefaces work well together if they have one thing

Do they work together? Two typefaces work well together if they have one thing in common but are otherwise greatly different. This shared common aspect can be visual (similar xheight or stroke weight) or it can be from the same time period.

Contrast

Contrast

References http: //www. smashingmagazine. com/2010/12/14/what-fontshould-i-use-five-principles-for-choosing-and-usingtypefaces/ http: //www. smashingmagazine. com/2009/11/11/comic-sans -history-examples-best-practices/ http: //ilovetypography. com/2007/11/06/type-terminologyhumanist-2/ https:

References http: //www. smashingmagazine. com/2010/12/14/what-fontshould-i-use-five-principles-for-choosing-and-usingtypefaces/ http: //www. smashingmagazine. com/2009/11/11/comic-sans -history-examples-best-practices/ http: //ilovetypography. com/2007/11/06/type-terminologyhumanist-2/ https: //typekit. com/lists/geometric-sans-serifs https: //en. wikipedia. org/wiki/Slab_serif