Presentation is loading. Please wait.

Presentation is loading. Please wait.

102 Font review Susan Clements-Vivian. Illuminated manuscript Psalter-Hours English, 13th Century A.D. Walters Art Museum, Baltimore, MD. Before the invention.

Similar presentations


Presentation on theme: "102 Font review Susan Clements-Vivian. Illuminated manuscript Psalter-Hours English, 13th Century A.D. Walters Art Museum, Baltimore, MD. Before the invention."— Presentation transcript:

1 102 Font review Susan Clements-Vivian

2 Illuminated manuscript Psalter-Hours English, 13th 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.

3 Gutenberg’s moveable Type Gutenberg’s moveable Type in Europe ( A.D.) metal type

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

5 Blackletter Gutenberg’s moveable Type style “Blackletter”

6 Basics of Type Anatomy

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

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

9 Humanist / Old Style / Venetian 15 th – 16 th century The Humanist types (sometimes referred to as Venetian) appeared during the 1460s and 1470s, 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.

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

11 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);

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

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

14 Characteristics Axis

15 Characteristics Contrast

16 characteristics Geometric

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

18 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

19 example

20 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.

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

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

23 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-serifshttps://typekit.com/lists/geometric-sans-serifs

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

25 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.

26 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.

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

28  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).

29 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.

30 Selecting a font

31 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.

32 Selecting a mix

33 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 x-height or stroke weight) or it can be from the same time period.

34 Contrast

35 References  font-should-i-use-five-principles-for-choosing-and-using- typefaces/ font-should-i-use-five-principles-for-choosing-and-using- typefaces/  sans-history-examples-best-practices/ sans-history-examples-best-practices/  terminology-humanist-2/ terminology-humanist-2/  https://typekit.com/lists/geometric-sans-serifs https://typekit.com/lists/geometric-sans-serifs  https://en.wikipedia.org/wiki/Slab_serif https://en.wikipedia.org/wiki/Slab_serif


Download ppt "102 Font review Susan Clements-Vivian. Illuminated manuscript Psalter-Hours English, 13th Century A.D. Walters Art Museum, Baltimore, MD. Before the invention."

Similar presentations


Ads by Google