UI Design: come creare da zero un design system per il proprio prodotto digitale

  • Durata: 2 h
  • Livello: Base, Intermedio
  • Anche in versione podcast

Skill che acquisirai

  • Progettazione e programmazione tecnologica
  • Competenze pratiche per il lavoro

14 lezioni (2 h)

Corso fruibile da ogni device in formato video e podcast

Certificato di completamento

Cosa imparerai

Grazie a questo corso potrai:

  • comprendere il design system e la sua importanza per i prodotti digitali
  • creare e organizzazione le diverse componenti del design system e dell’interfaccia utente
  • realizzare una libreria di componenti e definizioni di convenzioni e di denominazioni
  • superare le sfide e gli ostacoli comuni nella creazione e implementazione di un sistema di progettazione

Descrizione del corso

In questo corso imparerai come creare un design system da zero. Ma di cosa si tratta?

Un design system è una raccolta di componenti riutilizzabili e linee guida di progettazione che possono essere utilizzate per creare un’esperienza utente coerente in tutto il prodotto. Questo può includere elementi come palette di colori, tipografia e altre componenti dell’interfaccia utente. Creando un design system, potrai assicurarti che il tuo prodotto abbia un aspetto coerente e che sia più facile da mantenere e aggiornare nel tempo.  

Grazie a questo corso potrai vedere tutti i passaggi necessari per crearne uno, inclusa la definizione dei principi di progettazione, la creazione di un linguaggio visivo e la costruzione delle varie componenti. Dopo sole due ore avrai le conoscenze e le competenze base per creare un design system ottimale per il tuo prodotto digitale.

Docente

Pierfilippo Ariano, classe 1991. Dopo una laurea in design della comunicazione, un master in web marketing & digital communication e un paio di anni di lavoro come freelance, nel 2016 ha fondato Be.Family, una web agency che oggi ha sede a Venezia e Firenze. Dal 2019 collabora con Sketch, strumento di prototipazione, nell'organizzazione di eventi dedicati al design e alla formazione. Dal 2020 insegna UI/UX Design presso enti pubblici, aziende private e università, tra cui IED e IUSVE a Venezia e Verona.

Obiettivi

In questo corso impareremo a progettare esperienze digitali efficaci. Utilizzeremo l’approccio del design system, un insieme di strumenti e contenuti che permette a designer e developer di lavorare in maniera più agile e veloce nella progettazione e nello sviluppo di un prodotto digitale.

A chi è rivolto il corso

Questo corso fa per te se:

  • ti occupi di graphic design e hai deciso di affacciarti al mondo dell’UI design
  • ricopri il ruolo di Junior UI designer e desideri migliorare le tue competenze
  • sei l’unica persona che si occupa di design in una start-up
  • studi design e vuoi approfondire i temi legati alla UI/UX

UI Design: come creare da zero un design system per il proprio prodotto digitale

Programma del corso

UI design: prima parte

8 lezioni – 51 minuti
  • UI Design: introduzione

    02:31

  • Il design system
  • Principi e regole di progettazione

    17:28

  • Palette di colori

    13:16

  • Tipografia

    05:02

  • Iconografia

    02:47

  • Le illustrazioni

    02:45

  • UI Design: conclusioni

    02:30

UI design: seconda parte

6 lezioni – 65 minuti
  • Accessibilità e Inclusività

    12:40

  • Layout e griglie

    10:22

  • Creare gerarchie all’interno della propria UI

    10:53

  • Atomic Design Parte 1

    14:50

  • Atomic Design Parte 2

    15:01

  • UI Design parte due: conclusioni

    02:07