Introduzione a Design Systems con Figma

Introduzione ai sistemi di progettazione con Figma

“Caro studente, siamo giunti alla fine del corso. Ora sai cosa sono sistemi di progettazione . Hai anche imparato qualcosa sulla loro storia, sulle parti che li compongono e sui vantaggi che possono portare ai tuoi progetti, prodotti e team di lavoro. Abbiamo prima definito i principi di progettazione che sarebbero stati la nostra “filosofia” di base e, una volta chiariti, siamo andati da Figma e abbiamo visionato la guida di stile per capire come creare il testo e gli stili di colore, analizzando le scale per mobile e scrivania .

Quindi progettiamo gli elementi e i componenti che sarebbero la spina dorsale di tutto ciò che avremmo fatto in seguito: icone, pulsanti, scheda , elemento, finestra di dialogo, tra gli altri. Oltre a questo, abbiamo anche visto cosa sono pattern o pattern, e qual è l'utilità di averli documentati. In breve, abbiamo visto tutto ciò di cui hai bisogno in modo da poter avere un sistema di progettazione scalabile, coerente e coerente per unificare l'aspetto e il comportamento dei tuoi progetti di interfaccia. Una volta che avevamo una base molto solida, era il momento di mettere alla prova i componenti progettando la schermata principale di un sito web di viaggi in tre diverse dimensioni. Questo ci ha dato un'idea più realistica di quanto siano ben preparati i componenti e gli stili per rispondere alle diverse situazioni. Nell'ultima parte hai imparato perché un sistema di progettazione non finisce mai, e quindi come è necessario documentarlo in modo che gli altri membri del tuo team sappiano come usarlo. Per fare questo utilizziamo Zeroheight, lo strumento che ci ha permesso di avere tutto documentato in un unico posto. Ricorda che un sistema di progettazione è uno sforzo di squadra che coinvolge molte persone, ma puoi sempre iniziare con una buona base con ciò che abbiamo fatto nel corso in modo che in seguito sia più facile continuare a crescere. Condividi nel forum sia il risultato finale del tuo progetto di design system sia i passaggi che ti hanno portato ad esso. Puoi anche pensare ad altri principi di progettazione, componenti o modelli diversi da quelli che abbiamo menzionato e che si adattano meglio a ciò di cui hai bisogno. Quindi, puoi prepararli e adattarli seguendo le stesse linee guida e raccomandazioni che abbiamo visto nel corso. Non esitare a contattarmi se hai dubbi, domande o commenti. Sarò felice di aiutarti il più possibile affinché i contenuti siano utili e abbiano valore per il tuo caso particolare. Rimaniamo in contatto! ”

Trascrizione parziale del video

“Progetto finale Arriviamo alla fine di questo corso Domestika, e confido di averti insegnato ciò di cui hai bisogno creare un progetto organizzato, scalabile, coerente e coerente utilizzando componenti riutilizzabili. I concetti del corso sono per il Web, ma possono essere utilizzati per applicazioni mobili. Mi piacerebbe vedere i tuoi risultati e commentarli nel Forum. Prima di salutarvi, farò un riepilogo dei passaggi che ho seguito per progettare il tuo progetto finale. Abbiamo visto cosa sono i "sistemi di progettazione" e i vantaggi del loro utilizzo per te, il tuo team e il prodotto. ...”

Questa trascrizione è stata generata con sistemi automatici, quindi può contenere errori.

Riepilogo del corso: Introduzione a Design Systems con Figma

• Livello: Principiante
• 99% valutazioni positive (412)
• 11233 allievi
• 5 unità didattiche
• 24 lezioni (4h 38m)
• 11 download

• Categoria

  Web & App Design

• Software

  Figma

• Aree

  Design di prodotti digitali, Design per smartphone, Progettazione di applicazioni, UX / UI