TYPOGRAPHY TIPS FOR YOUR WEB STORY – PART II

LET'S SPLIT THIS INTO TWO CATEGORIES:

AESTHETICS & ACCESSIBILITY

COMPOSITION & HIERARCHY

AESTHETICS & ACCESSIBILITY

This chair is pretty. But also 100% useless.

AESTHETICS & ACCESSIBILITY

Make sure that your text is not only pretty. But also readable. How?

AESTHETICS & ACCESSIBILITY

For example, use a contrast checker to optimize your content.

-use too many colors.

TRY NOT TO OVERDO IT AND DON'T:

too

many

fonts.

too

many

font

sizes

- use

too

many

text

animations.

- use

- use

COMPOSITION & HIERARCHY

You can create hierarchy with size and direction.

COMPOSITION & HIERARCHY

An easy way to create hierarchy is to use the size of your font.

COMPOSITION & HIERARCHY

Large text becomes a headline.

Small text becomes a body text.

Think about how to visually separate text and use negative space.

COMPOSITION & HIERARCHY

MORE ON YOUTUBE

There is much more to learn about layouts, e.g. letter spacing and line spacing. Watch the full video on our Web Creators channel.