EVENTO TERMINATO
Il workshop è concluso.
Se sei interessato a conoscere quando proporremo il prossimo evento
iscriviti alla nostra newsletter. Verrai informato immediatamente.
da giovedì 7 maggio 2020
Web F(ea)ture
Online Workshop con Niccolò Miranda
4 × 2,5h • giovedì 7, venerdì 8, lunedì 11 e martedì 12 maggio 2020
Il workshop, diviso in una serie di 4 moduli formativi online dal vivo, esplora la rilevanza dell’Interaction Design nel Web. I moduli compongono un unico progetto, ordinato per step in cui il precedente è utilizzato nel successivo.
Lavoreremo per trasformare la creatività da mero talento a fattore di produttività nella creazione di contenuti digitali.
I moduli del workshop sono divisi per aree disciplinari:
- Visual Design
- UX/UI Design
- 3D/Motion Design
- Creative Development
A chi è rivolto questo workshop
Questo workshop è rivolto ai Creative Designer, Creative Developer e Graphic Designer che vogliono essere pronti per le odierne sfide di progettazione complessa e multidisciplinare.
Al termine del workshop avrai acquisito un set di competenze e esempi per migliorare la progettazione del tuo prodotto o sito web.
Livello di difficoltà: Intermedio/Avanzato
Programmazione e formato
Le sessioni del workshop si terranno nelle seguenti giornate:
• giovedì 7 maggio dalle 09.00 alle 11.30
• venerdì 8 maggio dalle 09.00 alle 11.30
• lunedì 11 maggio dalle 09.00 alle 11.30
• martedì 12 maggio dalle 09.00 alle 11.30
Tutte le sessioni avranno lo stesso formato:
08:45 – 09:00 • Apertura virtuale delle porte, chat e networking
09:00 – 10:15 • Prima sessione
10:15 – 10:30 • Coffee break
10:30 – 11:30 • Seconda sessione + Domande e risposte
Di quale software avrai bisogno
Per visualizzare i webinar, installa il client Zoom per Meetings, disponibile per tutti i principali sistemi operativi. Il download e l’installazione potrebbero richiedere alcuni minuti, quindi, se possibile, scaricalo in anticipo.
Durante le sessioni verranno illustrate tecniche e flussi di lavoro che comprendono l’uso di software professionali, alcuni dei quali a pagamento. Se non sei in possesso di una licenza d’uso puoi scaricare le versioni di prova.
Desktop Software
– Adobe After Effects
– Adobe Adobe XD
– Cinema 4D
– Adobe Illustrator
Web Browser
– Google Chrome
– Firefox (Developer Edition)
Guarda cosa faremo
Programma del workshop
Questo workshop online è suddiviso in quattro giorni.
Il programma potrebbe cambiare leggermente in base a come stiamo procedendo di giorno in giorno, dando anche il tempo di rispondere alle domande.
Puoi sempre rivedere le sessioni in un momento più comodo e seguire così il webinar al tuo ritmo.
Le sessioni si svolgeranno dalle 09:00 alle 11:30 da giovedì 7, venerdì 8, lunedì 11 e martedì 12 maggio 2020.
Giovedì 7 maggio
VISUAL DESIGN
08:45 – 09:00 • apertura virtuale delle porte, chat e networking
09:00 – 11:30 • Brainstorming, Moodboards, Fonts & Layouts
La prima ora del workshop sarà dedicata ad una panoramica degli ultimi trend design, e le migliori risorse per raccogliere idee. In Adobe Illustrator verranno esplorate le funzioni principali per preparare degli assets ottimizzati per il Web e come scegliere correttamente combinazioni di font e colori considerando il contrast ratio e varie tecniche di esportazione.
Venerdì 8 maggio
UX/UI DESIGN
08:45 – 09:00 • apertura virtuale delle porte, chat e networking
09:00 – 11:30 • Wireframes, UI interactions, Transitions, Sharing
Il secondo modulo sarà necessario per una corretta costruzione dello User Experience. Verranno introdotti i migliori tool di prototipazione (Adobe XD, Figma, InVision Studio) e la loro differenza di utilizzo. Si inizierà con una costruzione di una Sitemap con Whismical per poi realizzare la User Interface con Adobe XD ed esplorare le migliori funzioni, plugin e creare transizioni interattive. Al fine del secondo modulo avremo prodotto un prototipo interattivo da esportare per creare animazioni avanzate in After Effects e con un link condivisibile con il team con la possibilità per gli sviluppatori di ispezionare gli stili grafici (CSS).
Lunedì 11 maggio
3D/MOTION DESIGN
08:45 – 09:00 • apertura virtuale delle porte, chat e networking
09:00 – 11:30 • Setup, Animazioni, Effetti, Esportazione
Nel terzo modulo verrà esplorata la possibilità di lavorare simultaneamente con After Effects e Cinema 4D. La creazione di assets animati 3D e la successiva prototipazione con effetti interattivi, saranno fondamentali per comprendere il risultato finale nel Web. Verranno introdotti i migliori formati di esportazione dei modelli 3D per mantenere le animazioni e caricamento finale sul Web.
Martedì 12 maggio
CREATIVE DEVELOPMENT
08:45 – 09:00 • apertura virtuale delle porte, chat e networking
09:00 – 11:30 • Landing pages, Micro Interazioni, WPO testing
L’ultimo modulo permetterà di dare vita al nostro prototipo. Verranno preparati gli assets ottimizzati per Web (WebP, SVG) e quindi realizzata la Landing Page (utilizzando Webflow) creando animazioni interattive utilizzando GSAP, Three.js e WebGL. Strumenti come Google Lighthouse e la console di Google Chrome saranno utili per verificare i livelli di WPO, Accessibilità, Usabilità e Best Practices del sito web e correggere i relativi errori.
Partners
La realizzazione di questo evento è stata possibile anche grazie al prezioso aiuto dei nostri partner
HANDOFF si rivolge a tutti quei professionisti, creativi digitali, designer e developer che credono nella visione di un futuro in cui queste figure professionali convergono sempre di più e le cui competenze tendono a contaminarsi.
HANDOFF vuole raccontare e diffondere il rinascimento del design digitale attraverso la testimonianza e la pratica condivisa di designer e developer professionisti che si sono contraddistinti, sulla scena italiana e internazionale, proprio per questa loro capacità di innovare con una visione più ampia e trasversale della progettazione, integrando conoscenze che solo fino a qualche anno fa erano impensabili, per l’uno e per l’altro.
