Presentation is loading. Please wait.

Presentation is loading. Please wait.

Typography.

Similar presentations


Presentation on theme: "Typography."— Presentation transcript:

1 Typography

2 What is typography? Creative market – the visual art of creating written words. Business Dictionary – Study of the design of typefaces, and the way in which the type is laid out on a page to best achieve the desired visual effect and to best convey the meaning of the reading matter. Wikipedia – the art and technique of arranging type to make written language legible, readable, and appealing when displayed.

3 Types of Fonts Serif Sans Serif Oldstyle Modern Script Decorative

4 Serif Serif fonts have feet, hats, stems, or lines on the ends of each letter stroke. Easy to read in body copy. Best used in printed works. Examples: Times New Roman Baskerville Georgia

5 Sans Serif Sans Serif fonts do not have stems or lines at the end of each letter stroke. Sans means without. Good for body copy. Recommended for use on the web. Examples: Arial, Century Gothic, Calibri

6 Google Changed its Font After 16 Years.
Serif Sans Serif In 2015, Google changed it’s identity to a sans serif font. This is the most major change to their logo since 1999, 16 years ago.

7 Oldstyle Examples: Garamond, Perpetua, Minion Pro

8 Modern Thick to thin transitions. Flat serifs.
Think magazine covers like Vogue and Elle. Examples: Bodini 72 Book, Didot, Times Bold

9 Script Mistral Edwardian Script ITC Examples: Snell Roundhand
Do not use in body copy. Use for large headings, logos, or fancy occasions. Examples: Snell Roundhand Edwardian Script ITC Mistral

10 Playbill Decorative Phosphate inline Herculanum Use sparingly.
Be careful that the font is not too hard to read. Examples: Herculanum Playbill Phosphate inline

11 Tracking and Kerning Tracking – Spacing between each letter of a word from the first to the last letter. Kerning – the space between two letters, i.e. r-n.

12 Web Safe Fonts Check to see if it is a web safe font
{ font-family: “Raleway”; src: url(“ } 3. font-family: “Raleway”, Helvetica, sans-serif;

13 What websites do you use to find new fonts?
Discussion

14 Rules of Typography Can you think of any more rules?
Use serif or sans serif fonts in the body copy. Limit yourself to no more than two fonts in a design. 3. 4. Can you think of any more rules?

15 A Story about Steve Jobs
Steve Jobs, who started Apple Computers, audited a calligraphy class in college. He found it fascinating, but did not think it had any practical use. Years later when he designed the first Apple computer he remembered what he learned in his calligraphy class. He created the first computer to have different fonts. Click here to watch Steve Jobs tell his story.

16 Sources https://unsplash.com/search/typewriter?photo=jLwVAUtLOAQ


Download ppt "Typography."

Similar presentations


Ads by Google