TYPOGRAPHY TIPS
FOR YOUR WEB STORY PART II
Click Here For Part I
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.
Contrast Checker
-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.
VISIT NOW