background preloader

Synfig Studio

Synfig Studio

How to Create Animations and Transitions with Motion UI Animations and transitions allow designers to visualize change and differentiate content. Animations and transitions are moving effects that help users recognize when something changes on the site, for example they click on a button and a new piece of information appears on the screen. Adding movement to apps and websites improves user experience, as it allows users to make sense of content in a more intuitive way. We can create animations and transitions either from scratch or by using libraries or frameworks. Good news for us, frontend folks, is that Zurb, the creator of Foundation, last October open-sourced Motion UI, its animation and transition library based on Sass. It was originally bundled with Foundation for Apps, and now, for the standalone release it got a revamp, including an animation queueing system and flexible CSS patterns. Getting Started The starter kit is also shipped with an index.html file that allows you to quickly test the framework. Quick Prototyping

Related: