Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


Presentation on theme: "Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”"— Presentation transcript:

1 Basics of Typography

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

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

4 Typography ascender descender counter baseline point size cap height x height The Language of Typography Type characters

5 “ 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

6 “ 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

7 “ 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

8 “ 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

9 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

10 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

11 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

12 FONTS (TYPEFACES) There are four basic styles of font -  Serif  San serif  Decorative  Script

13 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

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

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

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

17 San serif fonts tend to be easier to read at the very small and the very large extremes of size

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

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

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

21 Some common Serif fonts are  Apple (Adobe Garamond Pro)  Apple (Bahaus 93)

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


Download ppt "Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”"

Similar presentations


Ads by Google