Once the structure and behaviour of a product work, it's time to make it look right. Visual design is how colour, type, spacing and imagery guide the eye, communicate meaning and make an interface feel clear and trustworthy. Good visual design isn't decoration: it helps people understand what to do next.
You'll cover the core principles: typography, colour theory and contrast, visual hierarchy, and spacing and alignment. You'll also see how these come together in polished, high-fidelity UI screens.
Treat the videos as a reference and come back to them while you style your own screens. When you're done, continue on to Design Systems.
A short NN/g video on the five core visual design principles (scale, hierarchy, balance, contrast and Gestalt) and how to use them to critique a design.
How to pick a base font size, build a type scale and set line height so text is readable in your layouts.
What colour theory is and how colour affects emotion, usability and the overall user experience.
How type size, weight and contrast control attention and make a screen easy to scan.
How to use the 8-point grid for consistent spacing and alignment, and how to set it up in Figma.