romanoremo.it
Tutti i corsi
Design & UX/UI

UI Design

Un'interfaccia coerente non nasce dal talento ma da un sistema: poche regole su tipografia, colore e spaziatura, applicate ovunque. Il corso di UI Design insegna a costruire quel sistema e a lavorarci dentro.

Si usa Figma come strumento di lavoro, imparandone le parti che contano davvero: auto layout, componenti, varianti e variabili. Ma il tema non è il software: è come si progettano componenti che reggono al crescere del prodotto e come si consegnano a chi deve svilupparli senza cento domande di chiarimento.

Accessibilità e dark mode non sono un modulo bonus a fine corso: sono criteri che entrano nelle scelte fin dal primo giorno, perché rimediare dopo costa molto di più.

Durata indicativa
20 ore
Livello
Intermedio
Prerequisiti
Nessuno. Una sensibilità visiva o esperienza di grafica è un vantaggio.

A chi è rivolto

  • Grafici che passano dalla stampa al digitale
  • UX designer che vogliono rafforzare la parte visiva
  • Team di prodotto che devono darsi un design system
  • Sviluppatori frontend che ricevono file Figma e vogliono capirli meglio

Cosa saprai fare

  • Applicare scale tipografiche e sistemi di spaziatura coerenti
  • Costruire un design system con componenti e varianti
  • Padroneggiare auto layout e variabili in Figma
  • Progettare rispettando i criteri di contrasto e accessibilità WCAG
  • Preparare un handoff che gli sviluppatori possano usare senza interpretazioni
  • Gestire temi chiaro/scuro con i design token

Programma

  1. 01

    Principi visivi: tipografia, colore, spacing

    Scale modulari, gerarchia, griglie e ritmo verticale. Le regole che rendono un'interfaccia leggibile prima ancora che gradevole.

  2. 02

    Design systems e component libraries

    Costruire una libreria di componenti riutilizzabili, con naming e struttura che reggano quando il team cresce.

  3. 03

    Figma: strumenti, auto layout e variabili

    Le funzioni che fanno risparmiare ore: auto layout per componenti che si adattano, varianti per gli stati, variabili per temi e token.

  4. 04

    Progettare per accessibilità (WCAG)

    Rapporti di contrasto, dimensioni dei target, focus visibile e gerarchia. Requisiti sempre più spesso vincolanti anche per legge.

  5. 05

    Handoff agli sviluppatori con annotazioni

    Cosa deve contenere un file consegnato: stati, comportamenti responsive, casi limite. Tutto ciò che altrimenti verrà inventato da qualcun altro.

  6. 06

    Dark mode, temi e design token

    Impostare i colori come token semantici invece che come valori fissi, per gestire più temi senza rifare il lavoro.

Percorsi su misura

Nessun corso è un pacchetto chiuso. Durata, taglio e profondità si concordano sugli obiettivi di chi partecipa, e si possono mescolare argomenti di corsi diversi in un percorso unico. Lavoro sia con gruppi aziendali sia con una persona sola: dimmi cosa ti serve e costruiamo il programma.

Richiedi informazioni

Domande frequenti

Serve una licenza Figma a pagamento?

No, il piano gratuito è sufficiente per tutto il programma.

Va seguito dopo il corso di UX Design?

Non è obbligatorio, ma la sequenza UX poi UI è quella che dà i risultati migliori. Si possono anche unire in un percorso unico su misura.

Si lavora sul design system della nostra azienda?

Nei corsi aziendali sì: è il caso d'uso più frequente e anche il più utile, perché il risultato resta.

Quanto è approfondita la parte di accessibilità?

È un modulo dedicato e un criterio applicato in tutte le esercitazioni. Si vedono i requisiti WCAG rilevanti per l'interfaccia.

Corsi correlati