+ All Categories
Home > Documents > Basics of Typography. Typography (“type”) concerns the appearance of characters (letters),...

Basics of Typography. Typography (“type”) concerns the appearance of characters (letters),...

Date post: 13-Jan-2016
Category:
Upload: madison-malone
View: 216 times
Download: 0 times
Share this document with a friend
Popular Tags:
22
Basics of Typography
Transcript
Page 1: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

Basics of

Typography

Page 2: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc.

By comparison, the term “text” refers to the meanings conveyed through deliberate use of particular words and phrases.

Page 3: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

It is said that Typography puts the personality into text – giving it expression just as tone of voice gives character to speech.

Typography has its own special language that enables individuals to discuss issues without misunderstanding.

Page 4: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

Typography

ascender

descender

counter

baseline

point size

cap height

x height

The Language of Typography• Type characters

Page 5: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

“Leading” (pronounced “ledding”) controls the space between the lines. (The origin of the term is the lead metal strip used to separate lines of hand-set type.)

Leading can be can be adjusted in fine increments and specified accordingly. General categories are “solid” (as in the top paragraph), “minus” (this centre paragraph), and

“open” (this bottom paragraph). Apart from enabling a block of text to be squeezed to fit on a single page or expanded to fill out to a full page, leading also effects the overall lightness of tone of a block of text on the page.

The Language of Typography• Line spacing

Page 6: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

“Kerning” controls the space between two characters. The use of kerning is noticeable in letter pairs such as “ T o ” where standard spacing produces a gap between the characters. Setting the kerning tighter results in a slight overlap of space but a more integrated feel – “ ”.

Conversely, the standard spacing of a group of characters such as “ ill ” tends puts them so close that they virtually blend together. Opening up the kerning results in a more legible and aesthetic “ i l l ”.

The Language of Typography• Character spacing

Page 7: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

“Tracking” is similar to kerning except that it controls the space between all of the characters in a block of text. Tracking can subtly (and virtually invisibly) compress or expand a block of text to fit an available space.

It can also be used to tighten or loosen a line of text such as a headline to achieve a heavier or lighter impression.

The Language of Typography• Character spacing

Page 8: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

“Alignment ” refers to the arrangement of the edges of body text.

The most common is “Left Aligned” (often termed “Left justified”) – the left edge of the block of text forms a neat vertical alignment, while the right side is left uneven -“ragged” (rag - edd) according to how the words fill out the space on each line. This paragraph is Left Aligned.

The Language of Typography• Alignment

Page 9: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

Less common is “Right Aligned” ( “Right justified”) – the right edge of the block of text forms the neat vertical alignment, while the

left side remains ragged according to how the words fill out the space on each line.

This paragraph is Right Aligned.

The Language of Typography• Alignment

Page 10: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

More common in informal situations is “Centred” alignment – lines of text are

arranged to fit symmetrically either side a a centre line.

This paragraph is Centred.

The Language of Typography• Alignment

Page 11: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

Most newspapers, high quality books and magazines use “Justified” alignment. Both left and right edges of the text block are neatly aligned. Achieving this requires some modifying of the spaces between words to ensure each line is the exact same length (with the exception of the last line of the block which appears in standard left alignment). The result is a very formal, neat block of text that may also suffer from some strange word spacings unless hyphenation (splitting words at the end of lines) is used.

The Language of Typography• Alignment

Page 12: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

FONTS (TYPEFACES)

There are four basic styles of font -

SerifSan serifDecorative

Script

Page 13: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

Serif fonts

A “serif” is a line or curve that projects from an end of a letterform.

The origin of the serif is the marks made when chiseling letters into stone.

Serifs

Page 14: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

San serif fonts

“San” means without, so a san serif character has no serifs.

Page 15: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

Large blocks of body text are usually in a serif font because the horizontal serifs tend to assist flow of vision along the lines.

Serif fonts tend to provide a “traditional” and conservative feel to a document.

Page 16: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

San serif fonts are well suited to shorter blocks such as headlines and titles, but can also be used to provide a contemporary feel to body text.

Page 17: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

San serif fonts tend to be easier to

read at the very small and the very large extremes of size

Page 18: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

Decorative fonts

Decorative (or “Novelty”) fonts are definitely not suitable for large blocks of body text

They might convey a particular mood, but tend to be tiresome to read if used for more than one or two lines.

Page 19: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

Script fonts

Scripts simulate handwritten letter forms. They are generally used for elegant or formal occasions.

Modern scripts include informal and hand printing styles.

Scripts vary considerably in legibility and readability. They generally should not be used for large blocks of body text but can be very effective in short passages.

Page 20: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

Many fonts appear to be virtually identical to others, but there are subtle differences.

Minor variations such as height/width ratio, the “weight” of the strokes, and alternative forms to some characters are sufficient to give a different “mood”, especially when used in a large block of text. Note these character variation examples -

a a g g K K M M M R R W W W b b b b b b

G G G G G

G

P P P P P

Page 21: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

Some common Serif fonts are

Apple (Adobe Garamond Pro)Apple (Bahaus 93)

Page 22: Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

Summary Typography concerns the appearance of letters,

words, paragraphs, etc. Terminology - font (serif, san serif, decorative,

script), point size, x-height, cap height, baseline, counter, ascender, descender, leading, kerning, tracking, left aligned, right aligned, centred, justified.

Serif fonts easy to read in large blocks of body text; they have a traditional/conservative feel.

San serif fonts good for headlines, and for their contemporary feel in body text. Easier to read at very small and very large point sizes.

Decorative fonts should be used sparingly (and never in body text). Main application is as feature characters.

Scripts are elegant but often have poor readability.


Recommended