Week 4 - UI & Visual Design Basics

In Week 4, we level up by turning those wireframes into hi-fidelity designs. You explore:

  • Hi-fi design basics: how to move from boxes and placeholders into real color, type, and layout.

  • Color & typography: choosing palettes and fonts that set the right mood and guide the eye.

  • Hierarchy & critiques: learning how to make the right things stand out, and how to give/receive feedback.

  • Components, grids & autolayout in Figma: building smart so designs are consistent and dev-ready.

  • Accessibility: quick checks to ensure designs work for everyone.

  • Design systems & handoff: why reusability and clear annotations matter when working with developers.

By the end of Week 4, you have your first hi-fidelity prototype screens β€” polished, annotated, and ready to test.