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.