Animate Mobile Interfaces with Adobe Illustrator and Adobe After Effects Treningskurs

Introduksjon

Adobe Illustrator og Adobe After Effects

Eiendeler og komponenter brukt i Adobe Illustrator og Adobe After Effects Design-systemmiljøer i Adobe Illustrator og Adobe After Effects

Oversikt over Web Design

UX vs UI Low-fidelity-design vs high-fidelity-design vs responsiv mobildesign

Forberede utviklingsmiljøet

Installere Adobe Illustrator Installere Adobe After Effects

Planlegging og animering med Adobe Illustrator

Opprette et nettstedskart Opprette en wireframe med høy kvalitet Lage en wireframe med høy kvalitet Opprette en mobil wireframe Designe med kolonnenett Bruke Illustrator-maler Legge til farger og fonter Legge til og rydde opp i bilder Bruke lag Lage symboler og ikoner Fullføre standarder i responsive mobilapplikasjoner

Animerer med Adobe After Effects

Importere kunstverk fra Adobe Illustrator Lage gjenbrukbare komponenter Bygge dashbordfliser og dashbordskjermer Fullføre dashbordfliser og dashbordskjermer Animere elementer og skjermer Opprette og legge til animasjoner Fullføre animasjonene Eksportere alle siste sekvenser som en gif

Oppsummering og konklusjon