Design System: Setup e primi passi

Un Workshop per scoprire come realizzare un Design System.

Design System: Setup e primi passi

Descrizione

Il design system è una libreria organizzata di buone pratiche di progettazione, di design pattern, ed elementi di interfaccia riutilizzabili.

La realizzazione di un design system aiuta le aziende ad essere più efficienti e coerenti nella realizzazione dei loro prodotti digitali, contribuendo così, nel migliorare la User experience dei prodotti e la crescita del business.

L’obiettivo di questa giornata di workshop è di apprendere come, realizzare un design system, partendo da un’interfaccia esistente e imparando a riconoscere e utilizzare i design pattern per realizzare una libreria UI in Sketch.

Programma

Analisi

Vedremo come condurre un Audit su un’interfaccia esistente, facendo attenzione a tre aspetti:

  • Identificare i comportamenti principali
  • Identifichiamo le caratteristiche e i comportamenti principali dell’applicazione e dei componenti di interfaccia.

  • Raggruppare gli elementi
  • Raggruppiamo gli elementi in gruppi logici in modo da trovare ridondanze ed errori.

  • Identificare i Pattern
  • Identifichiamo i Pattern del prodotto in modo da creare la nostra libreria di elementi riutilizzabili.

Design

Utilizzeremo il software Sketch per realizzare il Design system e vedremo come gestire:

  • Colori

  • Tipografia

  • Spaziature e griglie

  • Libreria di icone

  • Layout

  • Componenti di interfaccia

Permettendo così ad ogni partecipante di realizzare il suo Design system minimo in Sketch.

Di cosa hai bisogno?

  • Sketch (puoi scaricare la versione demo)

...e il tuo laptop!

Dove?

La giornata di workshop si svolgerà a Milano @Ibuildings c/o Regus in via Santa Maria Valle 3.

Quando?

Giovedì 24 Maggio - dalle 9 alle 18*

*Accredito dalle 9.00 alle 9.20. Inizio corso h 9.30.

Potrebbe interessarti

6 Novembre 2019 Torino

Quasi un anno è passato dall’arrivo di Alexa in Italia, l’assistente vocale di Amazon, il cervello dietro milioni di device come Amazon Echo, Echo Dot ed Echo Show.