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 repohttps://designsystemsrepo.com/design-systems/

LO UI KIT

ESEMPI DI KIT / FARE

Un modello Open Sourcedalla 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

→ Twitter

→ Medium