Basics Flashcards
0
Q
Sans serif
A
Without serifs
1
Q
Serif
A
Small line tailing from the edges of letters
2
Q
Script
A
- Mimics handwriting/calligraphy, great for adding human element
- not good for body copy
- comic sans is script not sans serif, never be used for body copy or ever
3
Q
Humanist serif
A
- emulates classical calligraphy
- some contrast in stroke
- traditional, classic
- journalism or historical applications
4
Q
Transitional serif
A
- much sharper serif
- more contrast between thick and thin strokes
- strong/stylish/dynamic feel
- traditional academia & legal applications
5
Q
Modern serif
A
- thin, horizontal serif
- very high contrast between thick and thin strokes
- structured/elegant feel
- arts and cultural applications
6
Q
Egyptian (slab serif)
A
- Heavy boxy serifs
- low contrast in the stroke
- authoritative, yet friendly feel
- marketing and promo applications
7
Q
Humanist sans serif
A
- emulates calligraphy
- minimal contrast between strokes
- use in govt, finance, educational
- (verdana)
8
Q
Transitional sans serif
A
- upright, uniform characters
- strong strokes
- unassuming, modern feel
- tech/transportation applications
9
Q
Geometric sans serif
A
- Geometric shapes from the backbones of letters
- strict, objective, modern feel
- science/architecture
10
Q
2 rules of mixing typefaces
A
- don’t use 2 typefaces if the same style (ex. Humanist serif and humanist serif) too similar
- don’t use two fonts of the same class (ex. Humanist serif and slab serif) too difficult to choose 2 serifs or 2 sans that complement eachother
11
Q
When mixing 2 typefaces DO
A
- find a similar trait
- (ex. Humanist serif and humanist sans)
- or designed by same person, similarities in chronology, visual details
12
Q
Define Leading
Effect of leading on readability
What size should leading be
Define baseline
A
- Amount of space in between text, measured baseline to baseline
- good leading is 120-150% of body copy - CSS line height: 1.5
- leading too large negatively affects readability, user gets lost. Too small leading makes user claustrophobic
- Baseline- where the majority of the letters end besides y,g,etc (descenders)
13
Q
line width:
Define CPL
How many CPL’s is ideal?
Controlled in CSS using?
A
- characters per line
- 50-70 cpl including spaces is ideal
- controlled in CSS using max-width
14
Q
Type size:
What is suggested body copy font?
What percentage of the body copy should the heading, bhead, navigation, and byline be set at?
A
-Body copy font set to 16px
-heading should be 200-300% of body copy
-generally b-head set at 150%
Navigation at 100% (same as body copy)
By-line is 75% of body copy or 2-4px
