Links tagged: animation
Importance of Functional Animation in UX - Qode Interactive
The importance of animation and motion in user experience is something that can no longer be denied. Animation has come a long way since it made its first baby steps. It used to be all about fun. Animation was used to make someone laugh, smile or simply wonder. It was merely meant to delight and entertain.
October 7th 2019
GitHub Open Source Collection of Animated Micro-Interactions
Cuberto . is a UI/UX and development studio based in San Francisco, CA. I might be a little late in the game but they have shared an inspiring and interesting collection of 'open source' of animated micro-interactions for your mobile app design. Trust me, these are great! It's a combination of transitions combining small animations but also more 'complexed' results where you will have many actions like 'dragging a value' with a flair, 'revising the UI shadow' merged with an intuitive interaction on 'tap'. I took the liberty to share them on ABDZ alongside with their direct link to the GitHub source file for your reference. Give it a look!
July 25th 2019
Everything you need to know about Loading Animations
With a huge variate of excellent iOS apps, macOS tools, and well-crafted websites, people have a certain quality bar. By default, users expect a fast reaction from the digital products they’re working with.
March 20th 2019
What Disney’s Classic Animation Principles Could Teach Web Designers
Disney’s 12 principles of animation are as relevant for today’s interface designers as they were for yesterday’s dancing-broom illustrators.
January 25th 2018
CSS3 Loading Animation
Nice loading animations
July 1st 2017
A beginner's guide to designing interface animations | Creative Bloq
Motion design is a necessary skill for the modern web. With web animation thriving, everyone from UX designers to front-end developers needs an appreciation for what motion can add to their work.
June 28th 2017
CSS animations on demand
May 22nd 2017
Creating Usability with Motion: The UX in Motion Manifesto
The following manifesto represents my answer to the question — “As a UX or UI, designer, how do I know when and where to implement motion to support usability?”
May 22nd 2017
Keyframe animation for UI with navigation
When I saw the below demo I thought "neat, how'd they do that"? That may sound surprising if you knew that I wrote the API for this. In this article I'll describe how three orthogonal features, generic navigation, event triggers and keyframe tracks come together to produce this pleasing animation.
May 4th 2017