Design & typography notes

-fonts are the clothing that our ideas wear

Web Typography

-legibility vs readability

-expressive fonts/type for eye catching readability 

-clean serif / sans-serif fonts/ type for smaller body copy

-sans-serif fonts look better at smaller type size

Legibility

-choose classic time-tested typefaces

-sans-serif is better for less pixels due to straight lines

Readability

-all capital letters are the equivalent of shouting and are hard to read

Example:

HELLO               Hello

Which sounds better?

Alignment

-left alignment reads easiest, consider eye flow as it moves down a page

Example:

Left Aligned:

@PimpTobi is back with some heat,                  

peep his new visual for "40 Bars".

The Berkeley factor has been well

established since the drop of his

breakout record "Boss Up”

                                                 @PimpTobi is back with some heat,                  

peep his new visual for "40 Bars".

The Berkeley factor has been well

established since the drop of his

breakout record "Boss Up".

Which is easier to read?

“The Mac is not a Typewriter”

Kerning

-space in between letters in the font

Tracking

-global modification to whole word not individual letters

Large Text Blocks; Rags

-the rag is the right edge of your left centered text

-helps with ease of reading and aesthetics 

-effective rags form a pattern

Consistent Spacing

-use consistent letter and word spacing to achieve uniform design