Flat Animated Liquid Style

One thing I am really obsessed with right now is the use of animation in an enterprise SaaS product. I think, done well, it can dramatically enhance the experience. Some places it can be used:

  • Loading images
  • Page transitions
  • Empty states (like when search yields 0 results)
  • New objects that haven’t been set up yet
  • Marketing website
  • Educational materials

Personality is important and I think anyone who inserts this kind of love will get a leg up on the competition.

Below are some examples of what I think this style looks like. Notice the simplicity of the lines. All of the love comes in the details of the animation.

squid
cat
drips
balls
circleTriangle
fire

I could stare at that squid all day long.

Comments

2 responses to “Flat Animated Liquid Style”

  1. Reza Avatar
    Reza

    It definitely makes waiting a ton more enjoyable 🙂 Are you working on one such animations?

  2. BillSaysThis Avatar

    I love the squid! Would make a great emoticon 😉

Leave a Reply to RezaCancel reply