Lo UI Kit è parte di un insieme di strumenti condivisi, i kit di design, che servono a progettare e realizzare i servizi digitali destinati ai cittadini.

L’obiettivo del Kit è quello di migliorare l’user experience dei servizi online attraverso la diffusione di uno stile consistente e coerente.

Abbiamo iniziato a disegnare una libreria di componenti base per poter mettere insieme i layout di un prototipo e lo stiamo facendo seguendo una roadmap dove puoi vedere gli obiettivi dei prossimi mesi e lo stato avanzamento di tutto il kit:

• roadmap

È infatti un progetto aperto e in continua evoluzione non solo per i componenti ancora da realizzare ma anche per l’implementazione dei file già scaricabili.

• Come iniziare
• Segnalazione bug e richieste
• Come contribuire

Per utilizzare lo UI Kit all'interno del tuo progetto puoi caricarlo direttamente come library di Sketch in modo da avere i componenti sempre aggiornati.

Le librerie di Sketch ti permettono di avere a disposizione raccolte di simboli che puoi usare in più file. Puoi inoltre tenere aggiornati i tuoi documenti nel caso in cui le librerie dovessero essere modificate.

1. Segui questo link: https://sketch.cloud/s/Wdy8w se non hai già un account, ti verrà chiesto di iscriverti a Sketch Cloud

2. Nella sezione documenti condivisi puoi scaricare il file o aggiungerlo come libreria a Sketch

   

3. Cliccando su “Add library to Sketch” il file viene automaticamente aggiunto come libreria mantenendo il nome del file. È possibile gestire le librerie dalle Preferences: si possono attivare, disattivare o cancellare.

   

1. Se una libreria è stata modificata, apparirà una notifica all’avvio di Sketch. Nel pannello delle preferenze sarà visibile un pulsante contestuale di download per scaricare gli aggiornamenti.

   

2. Per estendere l’aggiornamento della libreria a tutte le istanze di simboli utilizzate nel documento, basta cliccare nella notifica in alto a destra della finestra di Sketch. Puoi visualizzare le modifiche prima di accettare.

   

Un altro modo per utilizzare lo UI kit è scaricare i file sketch presenti in questo repository e aggiungerli singolarmente come librerie per avere i componenti sempre a disposizione.

Per lavorare sui file sketch, avrai bisogno di scaricare da Google Font i seguenti typefaces:

• Titillium
• Roboto Mono

Vuoi segnalare un bug o fare una richiesta?

Dai un'occhiata a come creare una issue. Se invece vuoi discutere delle scelte fatte o qualcosa non ti è chiaro, puoi venire a parlarne su Slack o sul Forum di Deigners Italia.

Vorresti dare una mano sullo UI Kit? Sei nel posto giusto!

Se non l'hai già fatto, inizia spendendo qualche minuto per approfondire la tua conoscenza sulle linee guida di design per i servizi web della PA, e fai riferimento alle indicazioni su come contribuire allo UI Kit.