Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Typography for Designers!
You have completed Typography for Designers!
Preview
Typographic hierarchy is an extremely important element of web design. It helps guide readers through the content and its levels of importance. First, we’ll discuss how to create hierarchy through weight, size, and position.
Resources
- Every Design Needs Three Levels of Typographic Hierarchy
- Web Design Experiments by Jen Simmons
- Staatliches Bauhaus example by Jen Simmons
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
while light text makes
it recede in comparison.
0:00
An italic style can also be utilized to
denote emphasis or to set apart the text.
0:03
For example,
0:08
I can italicize the author's name to
differentiate it from the other body text.
0:09
A different weight or metallic style
can be used to carry emphasis.
0:15
But if you overuse it, you can end
up with an unbalanced hierarchy and
0:19
layout where everything is important.
0:23
So in turn, nothing is important.
0:25
Watch out for how dense your typographic
color is on the overall page.
0:28
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up