Menu di navigazione del network

Kit

Progettazione interfaccia

Progetta l’interfaccia di un servizio digitale con uno stile grafico semplice e coerente
Progettazione interfaccia

A COSA SERVE

ll kit dedicato alle interfacce utente ti offre un insieme di componenti visivi già pronti per assemblare il front-end di siti web e applicazioni.

Il kit consiste in una serie di simboli realizzati con la libreria Sketch, ovvero porzioni pre-lavorate finalizzate alla progettazione di un’interfaccia digitale con uno stile visivo definito e coerente. I simboli ti consentono di costruire un prototipo con le varie schermate necessarie, che possono poi essere rese interattive — e gestite in maniera collaborativa nell’ambito di un team di lavoro — per es. su Invision.

ATTIVITÀ E RISORSE

Progetta l'interfaccia utente di un servizio digitale

Progetta l'interfaccia utente di un servizio digitale

Inizia a progettare un’interfaccia digitale: costruisci un prototipo interattivo per declinare il tuo progetto secondo uno stile visivo coerente e tieni conto dell’interazione utente.

Questo kit contiene tutti i componenti visivi dell'interfaccia previsti dal design system e necessari per partire con la fase di realizzazione (griglie responsive, colori, tipografia, bottoni, testate, ...).

Il kit è un progetto aperto e in continua evoluzione che permette, — grazie all’interazione con il team di sviluppo e la facile resa in codice con i kit di sviluppo web, in particolare con Boostrap Italia — di progettare e prototipare efficacemente l'interfaccia del touchpoint digitale in realizzazione.

Design UI kit
Componenti e template ufficiali del design system della Pubblica Amministrazione italiana

Come iniziare e come contribuire

Anteprima su Invision

Anteprima su Figma
Tutte le risorse sono collegamenti esterni che si aprono in una nuova finestra.
Per usare i template fai una copia e personalizza il file: trovi le istruzioni nella prima pagina della risorsa.
PROFESSIONALITÀ
  • UI designer
  • Developer
  • Esperto UX

Notizie

Scopri come può essere applicato questo kit