Skip to content
Back to UX Design

UX Design

Visual hierarchy, layout, and typography

Use visual structure and type to make task screens clear and consistent.

With Zoonk, your plan starts at this chapter and fits your schedule.

Build my plan

Start free, no account needed.

Where this chapter sits in the course

Lessons

Chapter 11 of 16 · 7 short lessons · 26 min
  1. 1Visual hierarchy4 min
  2. 2Layout grids3 min
  3. 3Spacing and alignment3 min
  4. 4Readable interface type3 min
  5. 5Text layout and scanning3 min
  6. 6Responsive screen layouts4 min
  7. 7Challenge: Visual hierarchy, layout, and typography6 min

What you'll learn

  • Establish a clear visual hierarchy
  • Apply grids, spacing, and alignment consistently
  • Design readable and scannable interface typography
  • Adapt a layout to a different screen width

Your plan from this chapter

It follows the course from here, at your pace, with reviews before you forget.

Build my plan

Start free, no account needed.