Layout responsive: costruire pagine che funzionano su ogni schermo

Una pagina che si vede bene sul desktop ma si rompe su mobile è un problema frequente tra chi inizia.

Il motivo quasi sempre non è tecnico: è concettuale. Non si capisce ancora come pensare a layout flessibili. Questo webinar parte da quel punto: come ragiona un designer quando costruisce una griglia che deve adattarsi a schermi diversi. Vedremo il concetto di breakpoint, il funzionamento dei sistemi a colonne e perché il mobile-first non è solo una moda ma una scelta con conseguenze pratiche.

Userete Figma per costruire un layout semplice durante il webinar, partendo da mobile e allargando verso desktop. Nessuna nozione di CSS richiesta per seguire la parte progettuale.

Ho rifatto da zero il layout del mio sito dopo questo webinar. La differenza era evidente già dalla prima versione.— Margherita Fenu, partecipante edizione precedente

Serve Figma installato?

Figma funziona direttamente nel browser nella versione gratuita. Nessuna installazione necessaria.