From Collections to Connections
    Supercharge your Learning
    Animation Design
    morganhooseMorgan Hoose@morganhoose
    You're missing out!
    To get the full Sagely experience, we recommend either a desktop browser or our iOS mobile app.
    Don't have the app? Get it on the app store here.
    Animation that matters — adding value to your interface
    Animation that matters — adding value to your interfaceMedium
    We spend a lot of time refining digital experiences and animation is often an afterthought when it comes to building them. In reality many…
    Integrating Animation into a Design System
    Integrating Animation into a Design SystemA List Apart
    Like color and typography, a cohesive animation system can help express a product’s personality and make the interface feel connected and whole. To achieve that, animation should be established hol…
    Animation | Framer for Developers
    Animation | Framer for Developersframer.com
    How to animate in Framer Motion.
    Disney's 12 Principles Of Animation: Bringing Characters To Life
    Disney's 12 Principles Of Animation: Bringing Characters To LifeNYFA
    Disney's 12 Principles Of Animation are a benchmark for the modern animation world and a guiding light for emerging animators.
    Motion Graphic Design & Animation Principles Website - Zajno Digital Studio
    Motion Graphic Design & Animation Principles Website - Zajno Digital Studiozajno.com
    Motion is a website that showcases the power of UI/UX animation in conveying the mood and character of a brand.
    7 UX Animation Principles (You Need to Know) - QuickReviewer
    7 UX Animation Principles (You Need to Know) - QuickReviewerQuickReviewer
    We’ve all seen cartoons in our childhood days. Some of us still enjoy cartoons like Tom and Jerry, Right! We love the movement, and when you look how ‘cartoons’ have evolved, they get categorized under ‘Animation’. This real effect is the approach of making static photos or drawings appear to…
    Communicating Animation
    Communicating AnimationA List Apart
    Consistent animation is crucial to both branding and UX. But because animation sits squarely at the intersection of design, development, and UX, achieving consistency presents unique communication …
    Burst | mo.js
    Burst | mo.jsgithub.io
    The official website for mojs
    Creating Usability with Motion: The UX in Motion Manifesto
    Creating Usability with Motion: The UX in Motion ManifestoMedium
    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…
    Designing Interface Animation
    Designing Interface AnimationA List Apart
    “How your brand moves tells its story.” In this excerpt from her new book, Designing Interface Animation: Meaningful Motion for User Experience, author Val Head focuses on how motion can help bring…
    Motion with Meaning: Semantic Animation in Interface Design
    Motion with Meaning: Semantic Animation in Interface DesignA List Apart
    Animation is fast becoming a mainstay of interface design, but one aspect of animation rarely gets discussed. Amin Al Hazwani and Tobias Bernard argue that adding animation to interfaces fundamenta…
    School of Motion | Online Design & Animation Training with Friends
    School of Motion | Online Design & Animation Training with Friendsschoolofmotion.com
    Learn After Effects, Photoshop, Illustrator, Cinema 4D and more from the best instructors on earth with engaging critique, community, and a bunch of new friends.