We all aim to be as agile as possible in today’s fast-paced web design world, while also remaining thoughtful of the end user and those we work with. After Effects is a great tool that enables us to quickly visualize and test robust animation patterns throughout a web design, share those with the development team and clients, and even test variants with users to get quick validation on a design before it goes into production. Web design transitions and animations, like parallax scrolling, hidden navigation, swiping, pull to refresh, transformations or really any UI transition, are great to prototype in After Effects. In this article, we will be scratching the surface of how to fit After Effects into your UX workflow, and we’ll share details, advice, experience and links that you could use as influence and thought starters in your next project. 1 Overview of an After Effects project ( View large version 2 ) Motion In Experience Design I like to think of motion in UI as a new type of aesthetic in design — a visceral aesthetic 3 . Users might not be aware of it until they experience an interface that lacks it. This visceral aesthetic mimics how objects in real life actually move.
↧