• News Feed
  • Browse Topics
  • Newsletter
  • Become a Sponsor

Motion Design

Curated collection of Motion Design related resources.

Popular Topics

  • All
  • Branding
  • Style Guide
  • Design System
  • Atomic Design
  • Product Design
  • Wireframing
  • Prototyping
  • Typography
  • Sketch App
  • UI Design
  • UX Design
  • CSS Grid Layout
  • CSS Flexbox
  • See All Topics
  • thenounproject.com

    Icons In Motion

    We interviewed Salih Abdul-Karim, Airbnb’s design lead and animator, to learn how he turned Noun Project’s icons into moving animations with a new tool called Lottie. Hi Salih! Thanks for taking time…

    Read the full story⇀
  • prototypr.io

    6 Animation Guidelines for UX Design

    If you've read my previous article you’ve probably already figured out that I’m quite fond of animation (aka motion design). Besides giving life to a static image, animation can help you tell…

    Read the full story⇀
  • Sponsored
    Flywheel

    Improve Your Workflow With a Simple Local WordPress Development Environment

    When you’re developing WordPress sites, a solid local development environment can make all the difference between a successful day building beautiful things and a frustrating day spent debugging. Learn why developing locally is so important, and discover the best free app to help you get started!

    Download it for free today!⇀
  • prototypr.io

    Motion Design Thinking

    This is article is about how we perceive and apply motion design in our digital products. Animation vs. Motion Design When we think of motion design, we think of animation, and when…

    Read the full story⇀
  • medium.com

    Flexible Visual Identities: Typographic Systems in Motion

    TypeThursday talks to Martin and Lo of The Inner Game of Design, a series of events in Hamburg, about their series of typographic posters in motion. We discuss their creative process, creating…

    Read the full story⇀
  • uxmisfit.com

    Motion Design Specs – Template for Sketch

    The article about creating UI Motion Design Specification has got a lot of positive feedback. Communication between Designers and Developers in the matter of animations and interactions can be more efficient. This…

    Read the full story⇀
  • designers.how

    Principles of UI Animation

    Probably the simplest of our UI Animation Principles, but the effect is huge. When possible, avoid sequencing animations or actions one after the other. Instead, overlap the timing of them such that…

    Read the full story⇀
  • viget.com

    An Introduction to Thinking About Animation on the Web

    Movement is everywhere around us, and sometimes we forget it as a form of communication. From body language to the way gravity works — movement can tell us a person's emotions and…

    Read the full story⇀
  • medium.com

    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?” Over the last 5 years,…

    Read the full story⇀
  • 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…

    Read the full story⇀
  • 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…

    Read the full story⇀
  • medium.com

    Motion Design Handovers Made Easy

    Motion is an inescapable element of design these days. The days that motion design sat squarely in the domain of animators and VFX specialists are long gone. Major companies such as Google…

    Read the full story⇀
  • medium.com

    Designing for Brand Interaction

    Finding inspiration, developing a point of view, and looking ahead at the ever-changing role of the UX designer A few years ago, I started to evaluate the topic of motion design. It…

    Read the full story⇀
  • medium.com

    How To Use Stop Motion Animation to Make Low-fi Prototypes for Mobile Design

    Low fidelity prototyping is about getting the point across quickly and efficiently while reducing the overhead in the design process. According to usability.gov, sketches are one of the quickest methods to receive…

    Read the full story⇀
  • medium.com

    Getting Started With UI Motion Design

    Our work at This Also mostly falls into two categories: product design and product vision. For our product design projects, we work on existing products or platforms and design for near-term launches.…

    Read the full story⇀
  • medium.com

    The Making of a 1-Minute Dropbox Video

    A peek inside Dropbox Brand Design. One minute. That’s less than the time it takes to brew a cup of tea or even wait at a red light. But one minute is…

    Read the full story⇀
  • neave.blog

    Easy Ways to Ease

    Simple equations for smooth animations. Smoothing is a quick trick I use all the time when I want to make an interactive element move more naturally, or if I want to even…

    Read the full story⇀
Next Page

Newsletter

Get the most interesting stories from our curation every day or week.

Get the most interesting design and frontend stories from our curation every day or week.

2012-2017 HeyDesigner.

  • Privacy Policy
  • Contact Us