Official UI components and templates for the Italia design system
Switch branches/tags
Nothing to show
Clone or download
Latest commit eec58e9 Dec 17, 2018

README.md

Join the #design channel Get invited

UI Kit

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:

👀 Il kit è un progetto aperto e in continua evoluzione non solo per i componenti ancora da realizzare ma anche per l’implementazione dei file già scaricabili. Puoi vedere gli assets (palette, griglie,tipografia,componenti) anche nel progetto Invision design-ui-kit

Indice

📘 Come iniziare

  • Per lavorare sui file sketch, avrai bisogno di scaricare da Google Font i seguenti typefaces:Titillium, Roboto Mono, e Lora.

  • Nel repo trovi il file italia-UI Kit 2.0.schetch che include tutti i componenti realizzati fin'ora, oppure, se hai bisogno di specifici componenti, puoi scaricare solo i file che ti interessano.

  • Per aprire il Kit correttamente assicurati di avere l'ultima versione di Sketch.

  • Ti consigliamo di controllare sempre se ci sono aggiornamenti del Kit: progressivamente vengono implementati i componenti esistenti ed aggiunti di nuovi.

Per utilizzare lo UI Kit all'interno del tuo progetto puoi caricarlo direttamente come library di Sketch. Questa funzionalità ti permette 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.

Per saperne di più, vai alle Sketch libraries Wiki

Non hai Sketch? Puoi importare il file in un altro tool di prototipazione come Figma, Invision Studio o Adobe XD, oppure installare Lunacy per utilizzare Sketch su Windows.

🔧 Segnalazione bug e richieste di aiuto

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.

Come contribuire

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.