Corso di formazione Animate Mobile Interfaces with Adobe Illustrator and Adobe After Effects

Introduzione

Adobe Illustrator e Adobe After Effects

• Risorse e componenti utilizzati in Adobe Illustrator e Adobe After Effects
• Progetta ambienti di sistema in Adobe Illustrator e Adobe After Effects

Panoramica di Web Design

• UX vs UI
• Design a bassa fedeltà vs design ad alta fedeltà vs design mobile reattivo

Preparazione dell'ambiente di sviluppo

• Installazione Adobe Illustrator
• Installazione di Adobe After Effects

Pianificazione e animazione con Adobe Illustrator

• Creazione di una Sitemap
• Creazione di un wireframe a bassa fedeltà
• Creazione di un wireframe ad alta fedeltà
• Creazione di un wireframe mobile
• Progettazione con griglie di colonne
• Utilizzo dei modelli di Illustrator
• Aggiunta di colori e caratteri
• Aggiunta e pulizia delle immagini
• Utilizzo dei livelli
• Creazione di simboli e icone
• Finalizzazione degli standard nelle applicazioni mobili reattive

Animazione con Adobe After Effects

• Importazione di grafica da Adobe Illustrator
• Creazione di componenti riutilizzabili
• Creazione di riquadri e schermate del dashboard
• Finalizzazione dei riquadri e delle schermate del dashboard
• Animazione di elementi e schermate
• Creazione e aggiunta di animazioni
• Finalizzazione delle animazioni
• Esportazione di tutte le sequenze finali come gif

Riassunto e conclusione