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.