Introduzione a Design Systems con Figma
Un corso di Javier CuelloDesigner di UX
Un corso di Javier Cuello, Designer di UX
Impara a creare sistemi di design che rispondano alle esigenze dei tuoi utenti
Dietro ogni interfaccia ci sono una serie di dettagli apparentemente invisibili che possono determinare la direzione del tuo marchio, azienda o prodotto. Incorporando gli strumenti di Design Systems nel tuo progetto, puoi assicurarti che la tua interfaccia sia compatibile con tutti i membri del tuo team e che funzioni in modo intuitivo.
In questo corso, Javier “Simón” Cuello, un designer specializzato in user experience, ti aiuterà a costruire l'interfaccia di un sito web, in modo organizzato, coerente e coerente che soddisfi le reali esigenze dei tuoi utenti e clienti.
Ti consigliamo di consultare anche gli altri corsi di Javier su Domestika: Design dell'interfaccia con Sketch e Progetta [url=https://www.domestika.org/es/courses/15-disena-una-app-deliciosa]deliziosa .
Cosa imparerai in questo corso online?
24 lezioni & 39 download
Cosa faremo nel corso?
4 minuti, 34 secondi
Vantaggi per te e il tuo team di lavoro
7 minuti, 48 secondi
Parti di un sistema
6 minuti, 24 secondi
Identifica il contesto
7 minuti, 1 secondo
Pensando ai principi di progettazione
7 minuti, 45 secondi
Guida allo stile 1
13 minuti, 49 secondi
Cosa include questo corso?
Inizierai questo corso conoscendo Javier, i suoi progetti e le sue influenze nel corso della sua carriera, nonché un'introduzione ai concetti principali di Design Systems.
Quindi, scoprirai i vantaggi di Design Systems per te e il tuo team e vedrai tutte le parti che compongono un sistema, inclusi: i principi del tuo design, la guida allo stile, gli elementi sciolti e i componenti dell'interfaccia, il repository del codice e della documentazione.
Javier ti insegnerà a identificare lo scopo del tuo sistema in base al contesto del prodotto e ti mostrerà come utilizzare i criteri che guidano la tua progettazione per stabilire le strategie del tuo progetto. Ti aiuterà a creare una guida di stile definitiva per la tua interfaccia.
Andare al lavoro! Utilizzando il software Figma, progetterai i singoli elementi, componenti, modelli e prototipi della schermata principale in diversi formati.
Per concludere, lavorerai con gli elementi di comunicazione e collaborazione in modo che il tuo sistema di progettazione abbia un'evoluzione controllata e supportata da tutti i membri del team.
Javier ti insegnerà l'importanza dei token di progettazione e come documentare l'evoluzione del tuo sistema. Ti mostrerà come differenziare un work in progress da uno già completato e ti consiglierà su come lavorare con i diversi profili all'interno di un team.
Software e strumenti consigliati per questo corso
Qual è il progetto del corso?
Progetterai la pagina principale di un sito di viaggi, in 3 diverse dimensioni.
Progetti di allievi del corso
A chi è rivolto questo corso online?
Per i progettisti di interfacce che desiderano creare un design organizzato, coerente e coerente per siti Web e applicazioni.
Requisiti e materiale
Dovresti avere una conoscenza di base di Figma, inclusa la creazione di stili, componenti e funzionalità di layout automatico, nonché familiarità con il design dell'interfaccia.
Per quanto riguarda i materiali, avrai bisogno di un computer con installato il software Figma. Questo corso è stato creato con Figma 116.3.6. Se disponi di una versione più recente, potrai seguire il contenuto senza problemi.
Recensioni
- 2 mesi fa
very nice overview and introduction to design systems. so far so good.
- 4 mesi fa
Até o momento, muito interessante. Vários insights interessantes e pontos de atencao negligenciados muitas vezes.
- 5 mesi fa
Il corso offre una panoramica abbastanza completa. Purtroppo però la traduzione audio in italiano (e di conseguenza i sottotitoli, che corrispondono perfettamente alla traduzione audio) è davvero pessima. Ci sono troncamenti di frasi e parole/traduzioni insensate che rendono dei passaggi pressoché incomprensibili. Questo compromette notevolmente la qualità del corso per chi ne usufruisce in altra lingua.
- 6 mesi fa
Very insightful!
- 10 mesi fa
Un curso bastante completo, me sirvió para reafirmar mis conocimientos en DS. Lo recomiendo mucho si estas empezando en el mundo de los sistemas de diseño.
Qualcosa che si riflette nel loro lavoro è la costante preoccupazione di migliorare dettagli apparentemente invisibili, ma che permettono a un progetto digitale di brillare a livello di user experience.
Contenuti
- U1
introduzione
- Presentazione
- Influssi
- Cosa faremo nel corso?
- U2
Sistemi di progettazione
- Vantaggi per te e il tuo team di lavoro
- Parti di un sistema
- U3
Le basi del tuo sistema di progettazione
- Identifica il contesto
- Pensando ai principi di progettazione
- Guida allo stile 1
- Guida allo stile 2
- U4
Progettare il sistema
- Elementi 1
- Elementi 2
- Elementi 3
- Progettazione dei componenti 1
- Progettazione dei componenti 2
- Progettazione dei componenti 3
- Progettazione dei componenti 4
- Componenti aggiuntivi
- Modelli
- Schermi 1
- Schermi 2
- U5
Comunicazione e collaborazione
- Gettoni di design
- Come documentare il sistema
- Modifiche e aggiornamenti
- Squadre di lavoro
- PF
Progetto finale
- Introduzione ai sistemi di progettazione con Figma
Cosa aspettarsi da un corso Domestika
Impara al tuo ritmo
Divertiti imparando comodamente da casa e senza orari. Sei tu a decidere quando seguire le lezioni.
Impara dai migliori professionisti
Impara i metodi e le tecniche più utili insieme ai migliori professionisti del settore creativo.
Conosci insegnanti di grande esperienza
Ogni insegnante ti trasmetterà le sue conoscenze con passione e spiegazioni chiare, offrendoti una prospettiva professionale in ogni lezione.
Attestati
PLUSSe hai un abbonamento Plus, riceverai un attestato personalizzato firmato dall'insegnante per ogni corso completato. Condividilo sul tuo portfolio, sui social network o dove desideri.
Soyez aux premières loges
Con i nostri video di alta qualità, non ti perderai neanche un dettaglio. Grazie all'accesso illimitato, puoi vedere ogni lezione tutte le volte che vuoi e perfezionare le tue abilità.
Condividi conoscenze e idee
Fai domande, chiedi pareri e offri soluzioni. Condividi la tua esperienza di apprendimento con gli altri allievi della community appassionati di creatività.
Interagisci con una community creativa globale
La community di Domestika è composta da milioni di utenti di tutto il mondo: persone curiose, piene di voglia di esplorare ed esprimere la propria creatività.
Segui corsi prodotti da veri professionisti
Domestika seleziona gli insegnanti con cura e produce ogni corso internamente, per garantirti un'esperienza di apprendimento online di eccellente qualità.
Domande frequenti
Un design system è un insieme di componenti, linee guida e pattern che garantiscono coerenza ed efficienza nei prodotti digitali. Facilita la collaborazione, riduce gli errori e accelera lo sviluppo, diventando fondamentale per team che vogliono uniformità visiva e funzionale.
Sì, il corso è pensato per chi ha già conoscenze di design, idealmente a livello intermedio, e vuole approfondire la creazione e gestione di design system per prodotti digitali.
È consigliabile avere una base di design digitale e saper usare strumenti come Figma. Conoscenze su componenti, interfacce e principi di design aiutano a sfruttare al meglio i contenuti.
Imparerai a creare e gestire design system, definire componenti riutilizzabili, documentare principi di design, ottimizzare i flussi di lavoro e mantenere coerenza visiva nei team e nei prodotti digitali.
Il corso insegna ad applicare i principi di Dieter Rams per realizzare interfacce funzionali, senza tempo e minimaliste, focalizzandosi sulla semplicità e sull’equilibrio tra forma e funzione.
Si usano principalmente Figma per il design e la creazione di componenti, e ZeroHeight per documentare linee guida e principi, facilitando collaborazione e accesso alle informazioni del sistema.
Sì, imparerai a strutturare e documentare componenti, principi e linee guida usando strumenti collaborativi, assicurando l’adozione e la manutenzione corretta del sistema da parte di tutto il team.