UI KIT
a cura di Daniela De Blasis
FARE
Che cos’è?
Lo UI Kit è una libreria di componenti grafici per il web.
è un kit pronto all’uso per creare interfacce secondo quanto definito
nelle Linee Guida di Design per i Servizi Web della PA.
LO UI KIT
ESEMPI DI KIT / FARE
LO UI KIT
ESEMPI DI KIT / FARE
LO UI KIT
ESEMPI DI KIT / FARE
LO UI KIT
ESEMPI DI KIT / FARE
https://github.com/italia/design-ui-kit
A che cosa serve
- Lo UI Kit serve a costruire
interfacce, o meglio, prototipi ad alta definizione.
- Attraverso lo stile (forma, colore, tipografia, posizione) contribuisce alla corretta navigazione di un sito.
LO UI KIT
ESEMPI DI KIT / FARE
LO UI KIT
ESEMPI DI KIT / FARE
LO UI KIT
ESEMPI DI KIT / FARE
LO UI KIT
ESEMPI DI KIT / FARE
Esempio di bad design
Vantaggi
• Gli utenti utilizzano più rapidamente e con facilità i percorsi che hanno già imparato o che riconoscono
• riduzione dei costi di produzione attraverso il riuso di design e di codice già pronti
• riduzione dei costi di assistenza poiché gli standards incrementano la facilità di uso e di apprendimento
LO UI KIT
ESEMPI DI KIT / FARE
Design
System repo
https://
designsystemsrepo.com/
design-systems/
LO UI KIT
ESEMPI DI KIT / FARE
Un modello Open Source
dalla progettazione Hi-Fi allo sviluppo:
tutto è condiviso ed aperto alla partecipazione
LO UI KIT
ESEMPI DI KIT / FARE
Condivisione
● File Sketch si Github
● Condivisione e Guida allo stile dei componenti su Invision
● Web Toolkit su Github
● Guideline
IL WEB TOOLKIT E LO UI KIT
ESEMPI DI KIT / FARE
Grazie!
Ti aspettiamo su Designers Italia
→ designers.italia.it
→ iscriviti alla newsletter
→ contattaci
→ Medium