Design system per siti web con Figma
Un corso di Filip Felbar , Designer digitale
Impara a costruire design system per siti web visivamente accattivanti usando Figma e ottimizza il tuo flusso di lavoro
Avendo lavorato in diversi campi creativi, il designer digitale Filip Felbar sa come una mancanza di struttura possa causare problemi. Il suo processo è dedicato alla struttura e al rendere le cose più facili e accessibili. È qui che entrano in gioco i sistemi di design. Un sistema di design è una libreria collettiva che mette insieme tutti gli elementi necessari a un team per progettare, realizzare e sviluppare un prodotto in modo efficiente e in linea con il proprio marchio. Può contenere qualsiasi cosa, dalle linee guida di stile alle informazioni sulla codifica.
In questo corso online, Filip condivide con te cosa sono i sistemi di progettazione e il suo approccio per svilupparli e riciclarli. Impara anche a navigare efficacemente negli strumenti di Figma per creare sistemi di progettazione digitale per siti web. Esplora i componenti globali e il layout automatico per velocizzare il tuo processo!
Cosa imparerai in questo corso online?
22 lezioni & 23 download
- 94% valutazioni positive (64)
- 5.590 allievi
- 22 lezioni (5h 5m)
- 23 risorse aggiuntive (6 file)
- Online al tuo ritmo
- Disponibile sull'app
- Audio: Inglese
- Inglese · Spagnolo · Portoghese · Tedesco · Francese · Italiano · Polacco · Olandese
- Livello: Principiante
- Acceso illimitato per sempre
Qual è il progetto del corso?
Scopri come creare un design di sito Web visivamente accattivante e un sistema di progettazione organizzato con la documentazione appropriata.
Progetti di allievi del corso
A chi è rivolto questo corso online?
Chiunque desideri saperne di più sui sistemi di progettazione e sul web design.
Requisiti e materiale
Figma o uno strumento simile.
La precedente esperienza con Figma andrà a beneficio degli studenti.
Recensioni
Filip Felbar
Un corso di Filip Felbar
Filip Felbar è un disegnatore digitale con sede in Danimarca che si è specializzato nell'aiutare le imprese a comunicare il loro messaggio principale al pubblico in modo significativo e attraente. Viniendo de una familia creativa, Filip sempre quiso hacer algo creativo. Ma non è bastato studiare il Design TI presso l'Università delle Scienze Applicate di Zagabria per scoprire la sua passione per il design web, lo sviluppo e la creazione di marchi. Ha conosciuto il suo lavoro in numerose offerte di premi, tra cui Awwwards, CSS Design Awards e Mindsparkle Mag.
Contenuti
-
U1
Introduzione
-
Presentazione
-
Fonti di ispirazione
-
-
U2
Sistemi di progettazione
-
Introduzione ai sistemi di progettazione
-
In che modo i sistemi di progettazione possono aiutarti ad accelerare il flusso di lavoro
-
Introduzione al progetto e approccio
-
-
U3
Il processo di progettazione del web e del sistema
-
Impostazione del file Figma e inizio delle prime esplorazioni 1
-
Impostazione del file Figma e inizio delle prime esplorazioni 2
-
Espansione del sistema di esplorazione e progettazione 1
-
Espansione del sistema di esplorazione e progettazione 2
-
Organizzazione delle pagine del sistema di progettazione 1
-
Organizzazione delle pagine del sistema di progettazione 2
-
Esplorare le varianti durante la creazione di componenti
-
-
U4
Perfezionamento del sito web e del sistema di progettazione
-
Perfezionamento del sistema di progettazione con una pagina assemblata 1
-
Perfezionare il sistema di progettazione con una pagina assemblata 2
-
Perfezionare il sistema di progettazione con una pagina assemblata 3
-
Impostazione di nuove pagine con il sistema di progettazione completo 1
-
Impostazione di nuove pagine con il sistema di progettazione completo 2
-
Impostazione di nuove pagine con il sistema di progettazione completo 3
-
Come avvicinarsi alla creazione di documentazione per il sistema di progettazione
-
-
U5
Concludere e andare oltre il web
-
Pulizia e utilizzo di un layout automatico
-
Utilizzo del design su ulteriori elementi del marchio
-
Pensieri finali
-
-
PF
Progetto finale
-
Design system per siti web 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.
-
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
I corsi di Domestika sono lezioni online che consentono di imparare una serie di strumenti e abilità per realizzare un progetto concreto. Ogni fase del progetto prevede l'uso di video, testi e materiali didattici complementari. I corsi offrono inoltre l'opportunità di condividere i propri progetti con altri utenti e con l'insegnante, generando così una community intorno al corso.
I corsi sono completamente online: una volta pubblicati potrai iniziarli e portarli a termine quando preferisci. Decidi tu a quale ritmo seguire le lezioni. Potrai rivedere ciò che ti interessa, saltare cose che già conosci, fare domande, risolvere dubbi, condividere i tuoi progetti e molto altro.
I corsi si suddividono in diverse unità. Ciascuna contiene lezioni, testi esplicativi, compiti e prove pratiche per portare a termine il tuo progetto passo dopo passo, oltre a risorse e documenti aggiuntivi. Avrai inoltre accesso a un forum esclusivo dove interagire con tutti gli allievi del corso e con l'insegnante. Qui potrai anche condividere i tuoi lavori e il progetto finale, contribuendo a creare una community incentrata sul corso.
Puoi ottenere l'accesso al corso che ti hanno regalato visitando la pagina di riscatto della gift card, dove potrai inserire il codice che ti hanno inviato.
alda_sgs
This is a good course if you're starting or not very flavoured with Design Systems. Some modules are quite on the beginner designer side, so if you're a more mature designer used to work with Figma, you may skip those. I'd suggest more content on the actual governance and building of the Design System, as well as presenting it to other team members / wider business, who have no idea what this is, the benefits of having one, etc.
Vedi traduzione
Nascondi traduzione
ebru_sigirtmac
Kind of a good course if you need to learn how to create and manage a UI design system. However the teaching style is not very inspiring, it feels like we are just completing the tasks that need to be done. To me, inspiration plays the biggest part in learning. If you think dullness will not bother you, you can check this course.
Vedi traduzione
Nascondi traduzione
martlagmo
Un buen curso
Vedi traduzione
Nascondi traduzione
slrm
Me parece que se enfoca muycho en aspectos generales mas que en un sistema de diseño UXUI completo. Esta bien como una introduccion pero creo que hay aspectos clave del proceso del sistema que no se menciona en ningun momento.
Vedi traduzione
Nascondi traduzione
irisshakarov
I highly recommend this course! The content is well-structured, and the instructor explains concepts clearly and with practical examples. It's perfect for anyone looking to understand design systems and how to use Figma effectively for website design
Vedi traduzione
Nascondi traduzione