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

“Bene. siamo giunti al termine di questo corso di Domestika e confido di averti insegnato tutto ciò che per creare un progetto organizzato. scalabile. coerente e consistente usando componenti riutilizzabili. I concetti del corso sono per siti web. ma possono essere usati anche per app mobili. Mi piacerà vedere i tuoi risultati e commentarli nel forum. Prima di salutarti. vorrei fare breve riassunto dei passi che ho seguito per aiutarti a progettare il tuo progetto finale. Prima. abbiamo visto cosa sono i Design Systems e quali sono i vantaggi di usarli per te. la tua squadra e il prodotto. P...”

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 (414)
• 11402 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