Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Treehouse

Designing Layouts Course (How To)

via Treehouse

Overview

In this course, you'll learn how to apply design principles through a series of examples. Each example will include some component that can be improved, and by making the improvement, you'll develop strong aesthetic sensibilities about things like visual and typographic hierarchy, the use of grids and alignment in layouts, and how to choose colors.

What you'll learn

  • Spelling and grammar
  • Typography and hierarchy
  • Designing with grids
  • Choosing colors

Syllabus

Writing Copy

Copy is all of the text that appears in a design, and while you might not be responsible for things like blog posts and other core content, designers are often still expected to write for things like labels, buttons, form fields, and even sometimes short marketing blurbs.

Chevron 4 steps
  • Spelling, Grammar, and Title Casing

    7:27

  • Review Spelling, Grammar, and Title Casing

    5 questions

  • Headers and Labels

    4:24

  • Review Headers and Labels

    5 questions

Hierarchy and Layout

Creating layouts involves more than just writing copy and designing individual page elements. The way that those elements are arranged can communicate their relationship to one another, creating a visual hierarchy of information that the user can follow.

Chevron 4 steps
  • Typography and Hierarchy

    5:44

  • Using a Grid

    8:48

  • Colors and Contrast

    12:48

  • Review Hierarchy and Layout

    6 questions

Reviews

Start your review of Designing Layouts Course (How To)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.