Typography and layout

Below is an excellent video via The Futur outlining a few basic tips for typography design and layout.

01: Justify Left

When in doubt set your type to justify left and rag right.

 

02: Use One Font

Using two fonts successfully within a layout requires an understanding of the chosen fonts and that they will work together. In general avoid using two fonts of the same classification.
For example, don’t use two sans serif fonts together.
The reason – contrast.

 

03: Skip a Weight

Go from light to bold, or medium to extra bold when changing font weights.
The key to great type design is contrast. Slight changes make it harder to notice the difference.

 

04: Double Point Size

A good rule of thumb when changing point sizes, is to double or half the point size you are using.
For example if you are using 30pt for the headline, use 15pt for the body.

 

05: Align to One Axis

Build your type along one primary axis and align elements to this grid line.

 

06: Pick any of these Fonts

Listed in the video…

 

07: Group by using Rules

Use rules/lines to group related blocks of information.

 

08: Avoid the Corners

Don’t place elements along the edge or corners of a page unless to deliberately cut elements off.
Negative space is a good thing, so let your design breathe.

 

09: Mind the Gap

Typography is all about spacing.
Never use forced justified type (like newspaper articles) because of the inherent rivers that will run through your copy.
Avoid leaving a single word on the last line of a paragraph, otherwise known as a widow.

 

10: Relax, it’s just type.

Last modified: November 15, 2016