Design di pagine web interattive con Figma
A course by Eva Sánchez ClementeDesigner UX/UI
A course by Eva Sánchez Clemente, Designer UX/UI
Impara a creare pagine web interattive, memorabili e facili da programmare, tenendo in considerazione il comportamento dell'utente
Secondo la designer UX/UI Eva Sánchez, per creare una pagina web da zero è essenziale tenere conto di due fattori: com'è il progetto del cliente e qual è il comportamento dell'utente. Poi entreranno in gioco i tuoi interessi e le tue conoscenze per definire ciascuno dei dettagli visivi.
In questo corso online imparerai a interpretare un brief per poi apportare il tuo contributo e la tua visione a ogni progetto. Unità dopo unità, vedrai come utilizzare caratteri tipografici, immagini e composizioni per creare proposte intuitive capaci di arricchire l'esperienza e l'interazione sul web.
Cosa imparerai in questo corso online?
15 lezioni & 27 download
Ricerca referenze e mood board
10 minuti, 10 secondi
UX: struttura e contenuto del web
15 minuti, 40 secondi
Colore, tipografia e composizione
19 minuti, 53 secondi
Design per un contesto “mobile first”.
14 minuti, 25 secondi
Prepara il file
8 minuti, 35 secondi
Il processo di lavoro
6 minuti, 20 secondi
Cosa include questo corso?
Nella prima unità, Eva Sánchez ti parlerà della sua esperienza, delle sue inquietudini artistiche e della sua carriera professionale, nonché delle sue influenze, sia nel suo settore che in altre discipline.
Prima di iniziare, scoprirai le ultime novità nel mondo del web design. Con questa base, vedrai come interpretare un brief e la tua insegnante ti guiderà attraverso il processo di ricerca e creazione di una moodboard per dare forma al tuo progetto finale.
Poi passerai alla pratica giocando con la tipografia, il colore e la composizione, senza dimenticare la definizione del contenuto e la struttura dell'interfaccia. Inoltre, vedrai l'importanza della progettazione per dispositivi mobili, affinché l'esperienza web sia completa.
Una volta terminata la fase di design, passerai a sperimentare con le interazioni e il movimento. Quindi, realizzerai il prototipo con Figma e After Effects, lasciando il file pronto per la programmazione e comprensibile per chi lavorerà sul tuo progetto.
Successivamente Eva ti mostrerà il suo processo di lavoro e come fa una revisione di un progetto web una volta programmato. Infine, l'insegnante ti darà alcuni suggerimenti di gestione e promozione per aiutarti a ottenere visibilità e riconoscimento.
Recommended software & tools for this course
What is this course's project?
Creerai un progetto web interattivo, accattivante e funzionale.
Progetti di allievi del corso
Who is this online course for?
A tutte le persone che desiderano aggiornare e ampliare le proprie conoscenze nel mondo delle esperienze digitali.
Requirements and materials
Per seguire i passi della tua insegnante avrai bisogno di un computer con accesso a internet e conoscenze di base di un'applicazione per graphic design e design di interfacce, preferibilmente Figma.
Recensioni
- canyelles_martaPLUSun mese fa
Me ha parecido muy interesante para comprender cómo organizar el trabajo y estructurar el proceso de diseño. Lo que más me ha aportado han sido las referencias de inspiración y los recursos compartidos.
- 3 mesi fa
I really enjoyed this course. I would like to know a bit more about the after effects precess on creating interactions. but i can recommend it.
- 3 mesi fa
Excelente curso, me ha brindado herramientas para gestionar proyectos UX UI.
- 4 mesi fa
Der Kurs ist sehr gut aufgebaut und verständlich, ich kann meine Kursziele gut erreichen. Ich konnte Einiges lernen, Danke.
- 5 mesi fa
Excelente explicacion, dinamico y útil
Da quel momento in poi ha iniziato a collaborare con altri studi indipendenti come Fuego Camina Conmigo, Ophion, Rebeka Arce Studio e Réplica Studio. Attualmente lavora presso Jam3, un'agenzia internazionale dedicata esclusivamente al design incentrato su esperienza e innovazione digitale.
Contenuti
- U1
Introduzione
- Presentazione
- Fonti di ispirazione
- U2
Comprendere e definire il progetto
- Il contesto del web design
- L'importanza del briefing
- Ricerca referenze e mood board
- U3
Progetta l'esperienza web
- UX: struttura e contenuto del web
- Colore, tipografia e composizione
- Design per un contesto “mobile first”.
- U4
Prototipa, anima e perfeziona il design
- Prototipazione di base in Figma
- Anima gli elementi in After Effects
- Prepara il file
- U5
Presentare, comunicare e collaborare
- Il processo di lavoro
- Organizzare un progetto web
- Pixel push: prenditi cura del tuo progetto
- Pubblica e promuovi il tuo lavoro
- PF
Progetto finale
- Design di pagine web interattive 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.
Certificates
PLUSIf you're a Plus member, get a attestato personalizzato signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
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
Imparerai a creare esperienze digitali interattive, applicare le tendenze attuali di UX/UI, strutturare progetti con wireframe e prototipi, gestire briefing, costruire mood board e sviluppare portfolio professionali di web design.
Il corso è pensato per chi ha conoscenze intermedie di design grafico o digitale, ma non è necessario essere esperti. Si consiglia una familiarità di base con strumenti digitali di design.
Ti servirà un computer con accesso a internet e programmi come Figma e After Effects. È consigliato avere account su piattaforme come Dribbble e Raindrop per organizzare ispirazioni e risorse.
Imparerai a selezionare e presentare i tuoi progetti, applicare concetti visivi attuali e strutturare il portfolio web per emergere nelle community creative e aumentare le opportunità professionali.
Lavorerai principalmente con Figma, After Effects e alcune estensioni Chrome per il design. Imparerai anche a raccogliere ispirazioni su Dribbble e organizzare risorse con Raindrop.
Il corso insegna tecniche per creare mood board efficaci, raccogliere e organizzare riferimenti visivi, e usare strumenti digitali per catturare e classificare ispirazioni in base al progetto.
Sì, si analizzano e applicano tendenze come neumorfismo, brutalismo, flat design e glasmorfismo, così potrai sperimentare e adattare stili visivi innovativi nei tuoi progetti web.