UI Design Foundations

Week 1 · Seeing like a designer

Study three apps you use daily and learn to name what makes them easy or hard to use.

Week 2 · Layout and grids

Build a simple grid and lay out a profile screen with clear spacing and alignment.

Week 3 · Type that reads well

Choose a type scale and set headings, body and labels that work on small screens.

Week 4 · Color with purpose

Create a small palette and use color to guide attention instead of decorating.

Week 5 · Components and states

Turn buttons, cards and inputs into reusable components with hover and error states.

Week 6 · Final project review

Present three finished screens and get detailed feedback from your instructor and cohort.