1. Class general info
- Syllabus overview
- Class website overview
- Grading policy overview
- Class Rules overview
2. History of Typography
Typography is the art of arranging type to make written text readable and aesthetically appealing for the reader. It is used to communicate a feeling, a message or an idea.
Brief Timeline
Illuminated manuscripts are hand-written books with painted decoration that generally includes precious metals such as gold or silver. The pages were made from animal skin
They were initially produced by monks in abbeys but, as they became more popular, production became commercialized and was taken over by secular book-makers.
The most popular type was the Book of Hours which was a Christian devotional of prayers
Book of Hours of Lorenzo de' Medici (the ruler of Florence)
Video
A Brief History of Type (11min)
Note: Linotype vs monotype:
Linotype - typesetting machine by which characters were cast in type metal as a complete line
Monotype - typesetting machine that produced type in individual characters, which are assembled into lines in a fashion similar to classical movable type.
3. Typeface
Typeface (or Type Family) vs. Font
A typeface is the name of a specific collection of related fonts; it is a family of fonts, where each font has a different style.
Font refers to a particular weight, width, and style within that typeface.
For example, Arial is a typeface, but Arial Bold, Arial Narrow and Arial Regular are all fonts of the Arial typeface.
Type Classifications

- Serif: Typefaces with a small line or stroke regularly attached to the end of a larger stroke in a letter or symbol
Examples: Times New Roman, Garamond, and Georgia, etc.
- Sans-serif: Sans means without. These typefaces are devoid of those small extensions, hence without serif. Examples include Gill sans which has Humanist connotations, Helvetica with its transitional characteristics and so on.
- Script: Letter forms developed in close relation to human handwriting are script typefaces. They are flexible in nature with varying stroke widths.
Example : Bistro Script, Shelly, Minstral etc.
- Blackletter: A bold script style of calligraphy used heavily during the renaissance.
Example: Fraktur
- Decorative: Typefaces which do not fit in other categories are decorative in nature. Built for specific use cases which largely consist of headlines, posters etc.
- A monospaced font, also called a fixed-width, or non-proportional font, is a font whose letters and characters each occupy the same amount of horizontal space
Monospaced fonts are customary on typewriters.
See image
Serif classifications
There are three major classifications of serif fonts: old style, transitional, modern; plus slab-serif (or Egyptian)
Look at the examples (Also, clicl on the links at the left under 1450)
1. Famous art styles from the beginning of the 20 Century, and their font faces
These font faces became very popular today.
Art Nouveau - an international style of art, architecture, and applied art, especially the decorative arts, it was most popular between 1890 and 1910. It was characterized by the ornamental style of art, with its organic, asymmetrical, intricate and flowing lines.
Example 1
Example 2
Example 3
Example 4
Bauhaus was a German art school operational from 1919 to 1933 that combined crafts and the fine arts. This style emphasized boldness and abstract, yet structured creativity
Example 1
Example 2
Art Deco was about finding beauty in geometric simplicity, combined with elongated letters and vertical decorative line details.
First appearing in the 1920s and 30s, Art Deco made a comeback in the 1970s and 80s as well.
Almost by definition, Art Deco meant sans serif type. (for ex. Avant Garde, Futura, Kabel)
Example 1
Example 2
2. Type Anatomy
3. Type Measurements and Spacing (Leading, Kerning, Tracking)
1 inch = 6p0 = 72 pt
1p0 = 12 pt
- Points are traditionally used in print media
- Pixels are fixed-size units that are used in screen media
- “Ems” (em): The “em” is a scalable unit that is used in web document media.
An em is equal to the current font-size, for instance, if the font-size of the document is 12pt, 1em is equal to 12pt. Ems are scalable in nature, so 2em would equal 24pt, 0.5em would equal 6pt, etc. Ems are becoming increasingly popular in web documents due to scalability and their mobile-device-friendly nature.
Leading - space between lines of text
Kerning - space between two alongside letters
Tracking - space between all letters in a word
4. Learning InDesign - beginning
Study
1. Study all class materials
2. Study InDesign tutorials and practice.
Important: Studying the tutorials you have to practice at the same time. Keep the program (InDesign, Illustrator, Photoshop, etc.) open; stop a tutorial every minute or so, and repeat the actions in the program. That is the only way you can learn quickly and remember.
Quick Start
Parts:
- See what you can create with InDesign
- Create a new document
Basics
Parts:
- Get started with InDesign
- Add text
- Format text (only 1 and 2 videos, no styles)