Web Design con Figma: progettazione di interfacce efficaci
Un corso di Pablo Stanley, Designer e illustratore
Impara i fondamenti per creare composizioni digitali d'impatto e portare il tuo design a un altro livello
Una forte composizione visiva non solo ha un bell'aspetto, ma ha anche il potere di svolgere una funzione e comunicare chiaramente un messaggio. Il designer e illustratore Pablo Stanley usa il design come un modo per condividere storie e connettersi con gli altri. Ospita workshop in tutto il mondo e il suo podcast di design, Diseño Cha Cha Cha .
In questo corso, Pablo ti insegna le basi del design visivo e come creare una composizione potente usando Figma. Impara un nuovo strumento e i principi che porteranno i tuoi progetti a un livello superiore.
Cosa imparerai in questo corso online?
20 lezioni & 12 download
Cosa include questo corso?
Inizia conoscendo Pablo, artista, illustratore e il tuo insegnante per questo corso. Ti parla del suo viaggio per diventare un designer, insieme alle persone che hanno influenzato il suo percorso creativo, dagli scrittori di fumetti ai registi cinematografici.
Esplora i principi di progettazione visiva necessari per creare composizioni potenti tra cui scala, gerarchia, equilibrio, contrasto e altro. Quindi scopri i Principi della Gestalt e come influenzano l'interpretazione del nostro lavoro. Impara come creare un flusso nella tua composizione usando un percorso F o Z prima di addentrarti nel predominio nel design.
Pablo ti offre un'introduzione agli elementi visivi come copia e pulsanti, oltre a come comprendere un brief. Esercitati usando le tue conoscenze del corso con diversi esercizi in Figma. Quindi, ascolta i suggerimenti di Pablo per migliorare la tua tipografia, dalla scelta di un carattere tipografico al bilanciamento, alla spaziatura e alla scelta della dimensione del carattere. Scopri l'impatto del colore sulla tua composizione e come utilizzare foto, illustrazioni e icone in Figma prima di testare diversi stili visivi.
Disegna un concetto e decidi l'opzione migliore tenendo presente il brief e i requisiti del progetto. Quindi definire una guida di stile visivo con tipografia, colore e stili dei pulsanti. Crea un mockup ad alta fedeltà della tua pagina di destinazione su Figma.
Scopri come aggiungere semplici interazioni per animare i tuoi componenti. Quindi crea collegamenti tra le pagine e apri un modale. Per finire il corso, Pablo ti guida attraverso il processo di condivisione del tuo prototipo con il mondo.
- 99% valutazioni positive (633)
- 18.269 allievi
- 20 lezioni (2h 43m)
- 12 download
- Online al tuo ritmo
- Disponibile sull'app
- Audio: Inglese, Spagnolo, Francese, Italiano, Portoghese, Türkçe
- Inglese · Spagnolo · Portoghese · Tedesco · Francese · Italiano · Polacco · Olandese · Türkçe · rumeno · indonesiano
- Livello: Principiante
- Acceso illimitato per sempre
Software e strumenti consigliati per questo corso
Adobe Illustrator
FigmaQual è il progetto del corso?
Crea una potente landing page per il tuo sito web utilizzando i principi del visual design.
Progetti di allievi del corso
A chi è rivolto questo corso online?
Questo corso è per chiunque sia interessato alla grafica o al web design o che voglia saperne di più su Figma.
Requisiti e materiale
Non è necessaria alcuna esperienza precedente.
Avrai bisogno di un computer, qualcosa con cui disegnare e un account Figma.
Recensioni
Pablo Stanley
Un corso di Pablo Stanley
Pablo Stanley è un designer, illustratore e co-fondatore messicano dello strumento di design creativo Blush. Ha studiato design e comunicazione visiva all'università prima di iniziare la sua carriera come direttore creativo.
Da allora, ha lavorato come lead presso Invision, uno staff designer di Lyft, e ha co-fondato sia Carbon Health che Blush. Conduce workshop in tutto il mondo e ha un podcast su design e tecnologia. Oltre a scrivere e illustrare il fumetto The Design Team , condivide anche il suo lavoro con oltre 45.000 follower su Instagram.
Contenuti
-
U1
introduzione
-
A proposito di me
-
Influenze
-
-
U2
Fondamenti di progettazione visiva
-
Principi di composizione e design visivo
-
Principi della Gestalt utilizzati nel design
-
Gerarchia visiva
-
Affordance nell'interfaccia utente
-
-
U3
Elementi visivi
-
Introduzione agli elementi visivi e comprensione del brief
-
Composizione di base in Figma
-
Tipografia
-
Creazione di una tavolozza di colori
-
Grafica e icone
-
Stili di visualizzazione
-
-
U4
Mettere tutto insieme
-
Disegnare un wireframe
-
Definire il tuo stile visivo Guida 1
-
Definire la tua guida allo stile visivo 2
-
Costruire un mock-up ad alta fedeltà 1
-
Costruire un mock-up ad alta fedeltà 2
-
-
U5
prototipazione
-
Interazioni dei pulsanti
-
Collegamento a pagine e modali
-
Condividere il tuo prototipo
-
-
PF
Progetto finale
-
Web Design con Figma: progettazione di interfacce efficaci
-
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.
-
Siediti in prima fila
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
Sì, questo corso è pensato per principianti e copre tutti i concetti base del design visivo, UI e prototipazione, con una guida passo passo usando Figma.
Non serve alcuna esperienza pregressa nel design. Ti serve solo un computer e una connessione internet. Il corso utilizza Figma, che è gratuito per iniziare.
Imparerai i principi del design, wireframing, prototipazione ad alta fedeltà in Figma, creazione di palette colori, tipografia, layout e come applicare i principi della Gestalt e le affordance ai progetti UI.
Sì, il corso include lezioni su design di poster, tecniche di illustrazione a mano libera e composizioni audaci ispirate ad artisti come Diego Rivera.
Assolutamente. Il corso copre le basi di Figma, dalla creazione di wireframe e artboard fino alla costruzione di prototipi ad alta fedeltà e layout responsivi con auto layout.
Sì, il corso approfondisce i principi fondamentali del design come gerarchia, equilibrio, contrasto, scala e spazi bianchi per composizioni digitali efficaci.
Imparerai a costruire palette di colori armoniose, applicare la teoria del colore, scegliere e abbinare i caratteri tipografici e usare scale modulari per layout leggibili e accattivanti.
Adobe Illustrator
Figma
This is a fantastic course for mastering UI design basics. Whether you are new to Figma or looking to refine your composition skills, Pablo Stanley makes the process easy to follow. I highly recommend it for its hands-on approach, which bridges the gap between design theory and practical application—from wireframing to building a high-fidelity prototype. A perfect starting point for any aspiring web designer.
This is a great course to start understanding good UI practices for websites. It doesn't matter if you are a beginner with Figma, you will be able to follow the steps of the teacher in this course. I recommend this!
Bonne formation qui permet d'apprendre à utiliser figma grâce à un cas pratique. Le seul point négatif est qu'il manque certaines ressources comme le brief qui n'est pas remis à disposition à des moments clés. Il manque aussi la dernière page de l'exercice pour le rendu final qu'on nous propose pas d'apprendre à créer. Cela limite le prototype final car l'on doit lier cette page avec une autre pour voir notre progression et l'exercice réalisé dans sa globalité.
muy buen curso! rapido de aprender y poner en practica
Muy buen curso, super utiles las bases de diseño gráfico y explica muy bien el proceso en Figma, sería ideal que hicieran una re-versión con las últimas actualizaciones de Figma.