Web design da zero a PRO - corso gratuito da Skillbox, formazione, Data: 29 novembre 2023.

Figma da zero a PRO
Padroneggerai il programma di web design più popolare a livello professionale. Scopri come creare prototipi interattivi, consegnare i progetti agli sviluppatori e risparmiare tempo nelle attività di routine.

Conoscere Figma
Comprenderai l'interfaccia e le impostazioni di base del programma. Impara a utilizzare forme geometriche, livelli e campi di testo. Costruisci il tuo primo prototipo.

Strumenti di base di Figma

Scopri cosa sono i frame e come differiscono dai livelli. Impara a disegnare forme semplici, aggiungere colori, effetti e testo. Impara le basi della prototipazione.

Icone, illustrazioni e immagini
Scopri come creare le tue icone e manipolare le immagini utilizzando gli strumenti interni di Figma. Puoi creare layout di progettazione da zero senza utilizzare editor di terze parti.

Componenti
Scopri come creare componenti e utilizzare il pannello delle impostazioni. Scopri come realizzare prototipi interattivi e mostrare al cliente come le persone utilizzeranno il futuro sito.

Librerie di componenti e stili comuni
È possibile creare librerie di stili e kit UI per standardizzare gli elementi dell'interfaccia. Impara a creare layout ordinati utilizzando griglie modulari.

Layout automatico e varianti
Capirai come combinare i layout in un sistema utilizzando la funzione Varianti. Sarai in grado di creare e adattare elementi di interfaccia complessi per diversi dispositivi.

Documenti complessi multipagina
Impara a lavorare con le schermate di base e crea un albero di pagine. Inizia con la funzionalità beta di Branches. Capirai come organizzare il lavoro del team su diverse versioni dello stesso layout.

Funzionalità aggiuntive e comunità di autori
Scopri quali plugin ti aiuteranno a creare rapidamente bozze di progetti e lavorare con le modifiche. Impara ad aggiungere animazioni ai prototipi.

Preparazione di un layout per gli sviluppatori
Puoi mostrare allo sviluppatore gli aspetti tecnici del progetto e il codice dei componenti. Impara a ottimizzare il lavoro del tuo team utilizzando il plugin Figma Jam.

Web design da zero a PRO
Ti immergerai nella professione di web designer. Imparerai come lavorare su un progetto, dal primo incontro con il cliente al sito web finito. Impara a trovare idee creative e ad attingere alla ricerca UX. Affina le tue abilità attraverso gli sprint di progettazione.

Introduzione alla professione di web designer
Scopri quali problemi risolvono i web designer e perché questi specialisti sono così richiesti. Acquisire familiarità con termini e strumenti professionali.

Primo ordine: comunicazione con il cliente e specifiche tecniche
Impara a comunicare con il cliente: scopri gli obiettivi e i limiti del progetto, discuti le referenze, pianifica le scadenze. Capirai come impostare le giuste aspettative dal lavoro e non promettere troppo. Redigere specifiche tecniche.

Cerca un'idea
Capirai come l'osservazione ti aiuta a trovare le migliori idee progettuali. Impara ad analizzare i tuoi concorrenti, creare moodboard e selezionare referenze di successo per il tuo progetto.

Griglie modulari
Ogni layout inizia con una griglia modulare. Conoscerai i suoi tipi e imparerai come scegliere quello giusto. Scopri le sfumature delle griglie per le versioni mobili e complete.

Ritmo verticale
Impara a controllare l'attenzione degli utenti con l'aiuto di una composizione competente e di un ritmo verticale. Scopri la gerarchia visiva e comprendi la dimensione che dovrebbe avere ciascun elemento della pagina.

Tipografia
Impara a selezionare i caratteri e combinarli tra loro. Capirai come creare un design efficace tenendo conto delle regole della tipografia.

Sprint 1
Costoso e minimalista: creiamo un design della landing page basato sulla tipografia

Il compito dei testi nelle interfacce
Scopri i requisiti dei testi per le interfacce. Impara le basi del copywriting UX. Potrai modificare i testi in modo che siano comprensibili agli utenti e si adattino perfettamente al layout.

Colori, sfondi e ombre
Padroneggia la teoria dei colori e scopri le sue funzioni nell'interfaccia. Capirai come selezionare una tavolozza per un sito Web ed evidenziare gli elementi che sono più importanti per l'utente. Puoi creare ombre realistiche per pulsanti e altri componenti di progettazione.

Contrasto e leggibilità
Scopri come evidenziare visivamente i blocchi importanti su una pagina e rendere il testo più leggibile. Conoscere i principi del design inclusivo ed essere in grado di creare siti Web per un vasto pubblico.

Prototipo della prima pagina
Crea un wireframe: un prototipo che si concentra sulla struttura e sulla logica piuttosto che sul design visivo. Padroneggia due approcci progettuali: blocco e stile libero.

Sprint 2
Scrittura UX: creiamo una landing page e prepariamo i testi per tutti gli elementi dell'interfaccia.

Schermata della prima pagina
Familiarizza con il metodo di progettazione atomica, che accelererà la progettazione del sito web. Capirai come catturare l'attenzione degli utenti fin dalla prima schermata. Impara a creare pulsanti, icone, campi di immissione dati e moduli in uno stile e in una scala coerenti.

Ricerca sugli utenti: mappa del percorso del cliente e flusso degli utenti
Scopri come tenere conto delle esigenze del tuo pubblico target nel tuo progetto. Impara a creare una mappa del percorso del cliente e del flusso degli utenti, valuta il comportamento degli utenti in ogni fase dell'interazione con il sito.

Navigazione
Comprendere i tipi di navigazione. Capirai a quali attività e dispositivi è adatto ciascuno di essi.

Progettazione dei blocchi principali
Impara a creare schede prodotto, slider, blocchi con vantaggi, tariffe e pubblicità. Metterai insieme una pagina a tutti gli effetti e capirai come presentarla al cliente. Sarai in grado di spiegare le tue decisioni di progettazione, accettare adeguatamente le modifiche e lavorare con le obiezioni dei clienti.

Adattabilità e componenti
Conosci il responsive web design e i suoi principi. Diamo un'occhiata alle mesh adattive più diffuse. Scopri come realizzare una versione mobile di alta qualità del sito.

Sprint 3
Adattiamo il layout della pagina per computer, tablet e cellulare.

Presentazione del progetto al cliente
Impara come presentare un progetto in una presentazione efficace e comprensibile. Impara a spiegare le tue soluzioni al cliente e a rispondere a domande tipiche o inaspettate.

Trasferimento del layout agli sviluppatori
Metterai in ordine i livelli e i loro nomi, creerai semplici animazioni di elementi e transizioni tra le pagine e creerai una specifica. Impara a condurre una revisione del progetto dopo il layout.

Sprint 4
Tecniche per un portfolio impressionante: creare un caso su Behance.

Caso di portafoglio
Scoprirai cosa è meglio per la promozione: un sito Web per biglietti da visita o un portfolio su piattaforme di progettazione. Scopri come creare casi su Behance in modo che il tuo lavoro venga notato e apprezzato. Scopri i metodi di promozione a pagamento e gratuiti.

Moduli bonus

1. Principi per lavorare con successo con il cliente
2. Dove cercare gli ordini
3. Come i designer lavorano in grandi team

Progetto di diploma

Concetto di progettazione del sito Web
Scegli uno dei clienti reali e sviluppa il design del sito web per la sua attività. Usa i principi dello storytelling per parlare del tuo lavoro.