Applied Interaction Design: Card Transitions

Designing elegant and simple screen interactions such as taps and clicks can make the difference between a project that is truly successful and one that is mundane. Join instructor Tom Green as he shows you how to create UX prototypes starting with simple static wireframes in Adobe Illustrator. Tom demonstrates how to import wireframes into Apple Keynote, create a rough animation concept, block out the transition in Adobe XD, export the XD file into After Effects, fine-tune animation characteristics, and ultimately create a QuickTime movie you can share with stakeholders.

Learning objectives
Creating an interface wireframe
Mocking up a transition prototype
Experimenting with rough animation concepts
Adjusting timing and placement
Planning a transition
Blocking out placeholders for the card UI
Adjusting motion of a card transition
Fine-tuning animation
Previewing an animated concept
Sharing prototypes with others