Presentation is loading. Please wait.

Presentation is loading. Please wait.

Thinking with Type A Critical Guide for Designers, Writers, Editors, & Students ELLEN LUPTON http://www.papress.com/other/thinkingwithtype/index.htm v.

Similar presentations


Presentation on theme: "Thinking with Type A Critical Guide for Designers, Writers, Editors, & Students ELLEN LUPTON http://www.papress.com/other/thinkingwithtype/index.htm v."— Presentation transcript:

1 Thinking with Type A Critical Guide for Designers, Writers, Editors, & Students ELLEN LUPTON v

2 Letter anatomy The cap height is the distance from the top of the capital letter to its bottom. Some vertical elements (ascenders) may extend above the cap height. The x-height is the height of the main body of the lowercase letter.

3 Letter anatomy – X-heights
When two typefaces are set in the same point size, one often looks bigger than the other. Bigger x-heights make a typeface appear larger. Differences in line weight and character width also affect the letters' scale.

4 Groups of typefaces Grotesk - Arial - sans serif typeface.
Three different groups of typefaces: Grotesk - Arial - sans serif typeface. Antiqua - Times - serif typeface – Antiqua typefaces are also known as Venetian types. Courier - a Egyptienne - is a slabserif typeface, where the serifs is similar in weight to the horizontal strokes of the letters. The small features called serif

5 Size A typeface is measured from the top of the capital letter to the bottom of the lowest descender, plus a small buffer space. The point system, used to measure the height of a letter as well as the space between lines (leading), is the standard measurement for type. Typography also can be measured in inches, millimeters, or pixels.

6 Families – Adobe Garamond

7 Classification - Serif font styles
HUMANIST OR OLD STYLE: The roman typefaces of the 15th and 16th centuries imitate classical calligraphy. TRANSITIONAL: These typefaces have sharper serifs and a more vertical axis than humanist letters. MODERN: The typefaces designed by Bodoni in the late 18th and early 19th centuries are more abstract with thin, straight serifs, vertical axis and sharp contrast from thick to thin strokes.

8 Classification - Sans serif font styles
HUMANIST SANS SERIF: Sans-serif typefaces became common in the twentieth century. Gill Sans, designed by Eric Gill in 1928, has humanist characteristics. TRANSITIONAL OR ANONYMOUS SANS SERIF: Helvetica, designed by Max Miedinger in 1957, is one of the world's most widely used typefaces. GEOMETRIC SANS SERIF: Some sans-serif types are built around geometric forms. In Futura, designed by Paul Renner in 1927, the Os are perfect circles, and the peaks of the A and M are sharp triangles.

9 A few good fonts Tens of thousands of digital typefaces are available for use on desktop computers. Most of them are junk especially those of semi handwriting. Presented here is a small sampling of well-designed fonts in current use. Font facts researched and written by Alissa Faden with Ellen Lupton

10 Screen fonts A computer screen displays fonts in pixels. When you choose a font for web design it is all about the screen resolutions.

11 Screen fonts The serif fonts is more and more used in web design, same as the Sans serif fonts, because screen displays have become much better. For example Georgia and Cambria are very popular now in web design. The New York times, Boston Globe and some of the best designed sites in the world use Georgia as one of their major fonts because of its readability and character.

12 Antialiasing ANTIALIASING is a technique for making the edges of letters look smooth on screen by adding some pixels in shades of gray. Antialiasing is generally helpful for presenting text on screen at large sizes (12 pixels and higher), but it can make small text difficult to read. When preparing images for the Web in Photoshop, you can select among several anti-aliasing settings: “none” (which generates bitmapped letters), to “smooth” (which works best at large sizes).

13 Bitmap fonts Bitmap fonts are built out of the pixels. A bitmap character contains a fixed number of bits. A postScript font (Type 1) consists of a vectorized outline. They are scalable, meaning that they can be reproduced in a high-resolution on print at any size.

14 True Type font TrueType is a digital font technology designed by Apple Computer, and now used by both Apple and Microsoft. TrueType fonts offer the highest possible quality on computer screens and printers. The TrueType font technology consists of two components: the TrueType fonts themselves and the TrueType rasterizer, a piece of software built into the System. Both components - the font and the rasterizer, are necessary to display and print TrueType fonts on a computer system.

15 OpenType OpenType is a format for scalable computer fonts. It was built on TrueType, retaining TrueType's basic structure and adding many data structures for prescribing typographic behavior. OpenType is intended by Microsoft and Adobe to supersede both the TrueType and the Type 1 ("PostScript") font formats. OpenType fonts are used commonly today on the major computer platforms. (It works on both Mac an PC). Basically the OpenType solves the problem with platforms and fonts.

16 Type crime … HORIZONTAL AND VERTICAL SCALING You can change a letter by fiddling with its horizontal or vertical scale. Stretching letters distorts their overall proportions and internal line weights, forcing heavy elements to become thin, and thin elements to become thick. Instead of torturing a letterform, choose a typeface with the proportions you need, such as condensed, compressed, or extended types. Type families such as Helvetica and Univers, include a variety of widths.

17 Kerning The term kerning refers to adjusting the space between two letters.

18 Tracking Adjusting the spacing across a word, line, or column of text is called tracking, also known as letterspacing.

19 Line spacing - leading Height: The point system, used to measure the height of a letter as well as the space between lines (leading), is the standard measurement for type.

20 Hierarchy A typographic hierarchy helps readers scan a text, knowing where to enter and exit and how to pick and choose the text.

21 Emphasis

22 Post-modernist fonts ”Dead History” font

23 Fonts for screen Screen sizes have increased and therefore white space. Layouts on the web can breathe better. Because of more space large type has also become popular.


Download ppt "Thinking with Type A Critical Guide for Designers, Writers, Editors, & Students ELLEN LUPTON http://www.papress.com/other/thinkingwithtype/index.htm v."

Similar presentations


Ads by Google