Ask DN:On interactions and transitions and animations

over 6 years ago from , COO at Phaistos Networks

• What is your tool of choice when in need to experiment with interactions and transitions?

• How do you “design” your (css) animations?

In other words, is there a tool that does the above properly?

ps: no, Flash doesn’t count :)


  • Chris SlowikChris Slowik, over 6 years ago

    I use After Effects pretty exclusively, whether the interactions are for an app or a website. I've found it gives me the most flexibility to just explore motion and interaction creatively without thinking about how it will be implemented exactly.

    Of course, this only gives you a visual idea of what will happen and what it will look like. Could end up being a nightmare to dev, or not possible. But my philosophy has always been to dream big. Be prepared to work with the devs once in a while though when the interactions get really crazy!

    0 points
    • George Papadakis, over 6 years ago

      Isn't it an overkill deploying such an app for such a task?

      Doesn't this feel it takes much more than it should?

      0 points
      • Chris SlowikChris Slowik, over 6 years ago (edited over 6 years ago )

        It feels fine to me. I've been using after effects for years, so the comfort level probably has something to do with it. I've been starting to dig into Quartz Composer recently and I think it shows promise, but right now I can make things faster in AE.

        It's definitely overkill in the sense that there are boatloads of tools you'll never need for UI animation. Then again, setting up something like this is fairly straightforward and quick in AE, and so far I'm not sure how to do that in something like Quartz. I'm sure its possible though.

        Generally my workflow consists of creating concepts for developers to recreate rather than an interactive prototype. Might be changing that up soon though, depending on how comfortable I get with quartz.

        1 point
        • George Papadakis, over 6 years ago

          Thanks for the really helpful reply Chris.

          Could you elaborate on "fairly straightforward and quick"?

          How long did it take to get it done?

          (just the AE part, not the actual concept).

          0 points
          • Chris SlowikChris Slowik, over 6 years ago

            Sure.. for the header that flips around, its a precomp that contains two other precomps - the header and the notification. theyre arranged in 3d like the sides of a cube. I rotated them and adjusted the easing.

            So, I guess how long it would take is a matter of how comfortable with AE you are.

            Keep in mind also that this is the final choice after playing around and trying some different styles. Since I'm nowhere near proficient with Quartz yet, I think AE is fastest for me when I'm experimenting and trying to nail down a concept.

            1 point