↵

Ask DN: How do you communicate animations or animation ideas?

10 years ago from Jess Eddy, Product Designer / Hacker

  • Manik RatheeManik Rathee, 10 years ago

    Not to derail this into a 'designers should code' discussion, but learning development was the best thing I've ever done.

    because of this, I'll quickly prototype a small piece of a design and use CSS3 transitions (easily done with SASS or using Dan Eden's great animate library: http://daneden.me/animate/ ) and it becomes a quick & dirty way to show exactly how a module should animate and transform across devices and resolutions.

    From there, it's a really easy 'This header should shrink so there aren't widows' or 'That padding needs to go up by about 10px on this screen' type of communication.

    From the time before I knew how to do basic dev to now, the communication errors on projects have become non-existent.

    I really recommend trying it with something like Foundation or Bootstrap - for a lot of people, it takes a weekend of messing around to get a good handle of those, and maybe one more to try out the animations.

    1 point
    • Aaron WhiteAaron White, 10 years ago

      I usually write really bad jQuery to show animations when possible... sometimes Axure (even though I hate that damn tool) for more complex transitions

      0 points
      • Manik RatheeManik Rathee, 10 years ago

        I think that's the point though - writing clean code isn't the point. If you use 10 jquery libraries every time you need to show something, who cares? As long as you can do it quickly and efficiently and get your point across.

        After all - everyone starts out being bad at things. As you keep doing them, you'll find yourself writing production code, if you wanted to.

        2 points