Fondamenti di Figma

Lavorare con i frame e le pagine

• Uso dei Frame: i frame come contenitori per gli elementi di design e loro utilizzo per rappresentare schermi, componenti e altri gruppi di elementi. L’importanza delle griglie e dei layout per organizzare gli elementi all’interno dei frame.
• Navigazione e Organizzazione delle Pagine: l’importanza di organizzare il lavoro in pagine multiple per mantenere separati i diversi aspetti di un progetto (ad es. wireframes, design finale, prototipi).
  
  

Stili e Componenti

• Gestione degli Stili: come creare, applicare e modificare stili globali per colori, tipografia, effetti e layout.
• Utilizzo dei Componenti e delle Varianti: Guida alla creazione di componenti riutilizzabili (es. pulsanti, schede) e all’uso delle varianti per gestire diverse stati o versioni di un componente.

Prototipazione

• Basi della Prototipazione: Introduzione ai principi della prototipazione in Figma, come creare flussi utente interattivi collegando frame con hotspots e transizioni.
• Preview e Test dei Prototipi: utilizzo del modo presentazione per testare e condividere i prototipi, simulando l’esperienza dell’utente finale.

Realizzazione di Prototipi Interattivi

Interazioni avanzate

• Dettagli sulle Interazioni: Esplorare interazioni più complesse come i trigger basati sull’hover, il click, mentre si preme, e gli eventi di scorrimento. Creazione di esperienze utente più ricche e immersive.
• Stati dei Componenti: gli stati dei componenti (es. attivo, disabilitato, hover) per creare prototipi dinamici che rispondono alle azioni degli utenti.

Smart Animate e altre animazioni

• Smart Animate: esempi di come utilizzare Smart Animate per transizioni di elementi, cambiamenti di layout, e altro.

Creazione di un prototipo interattivo completo

• Progetto Pratico: realizzazione di un progetto pratico in cui verrà applicato quanto appreso per creare un prototipo interattivo completo. Questo progetto potrà simulare un’applicazione reale o un sito web, consentendo agli studenti di esercitarsi nell’utilizzo di interazioni avanzate, animazioni e nella risoluzione di problemi di design.