Motion Design

Daily curated collection of articles and resources.

uxdesign.cc

Caveats of Motion in Design

I’ve been advocating motion in UX design for some time now. In fact, I even wrote poems about it: “If the motion curve isn’t right, the animation won’t delight.” Lately, motion has ...

uxdesign.cc

The Transformative Power of Motion

Motion is a storytelling medium. It builds a narrative that provides context to the user. By visibly linking screens and elements together, it provides structured guidance. In establishing spatial relationships between elements ...

UI8 sponsored

Branding Book & Style Guide Templates

A beautiful collection of 5 different style guide templates! 75 fully customizable and easy to use pages, each with real wording. These templates are the perfect starting point for creating beautiful branding books.

github.com

Keyframes

A library for converting Adobe AE shape based animations to a data format and play it back on Android and iOS devices. Keyframes is a combination of (1) an ExtendScript script that ...

css-tricks.com

An Introduction to mo.js

mo.js is a JavaScript library devoted to motion for the web. It offers a declarative syntax motion and the creation of elements for animation. Even though mo.js is still in beta, there ...