Visual Design Fundamentals: Grids and Spatial Systems
This module on grids and spatial systems is part of the learning track "Visual Design Fundamentals".
Content
- Grids: history, column / modular / baseline grids, the 8pt grid, responsive behaviour
- Spatial systems: spacing tokens, the 12-column grid, breakpoints
Learning Outcomes
At the end of the training, learners will be able to…
- design responsive layouts using a 12-column grid and an 8pt spatial system
- critique visual design using a precise, shared vocabulary rather than personal taste
Training Method
Lecture, real-world scenarious / examples, practical exercises, group work
Certification
Certificate of ParticipationPrerequisites
Basic familiarity with Figma (frames, layers, components) and an active interest in digital design. Suitable for UX designers building their visual craft and graphic designers moving into digital. No coding experience is required.
Planning and location
09:00 - 17:00
Learning Track
This course is part of the following learning track(s) and can be booked as a stand-alone training or as part of a whole:
ESCO Skills
ESCO Occupations
Your trainer(s) for this course
Riccardo Perello
See trainer's courses.Riccardo Perello is a product and UX designer and trainer focused on Figma, design systems, and AI-assisted workflows. He helps designers modernise their practice with tools like Figma MCP, Framer, and AI, taking projects from research to shipped product.