Andrew Haskin

Andrew Haskin

Interaction Designer at frog Joined over 7 years ago

  • 2 stories
  • 12 comments
  • 0 upvotes
  • Posted to Keynote does Material Design, Jul 21, 2014

    UPDATE: The video is now complete! It matches Google's original video from end to end. Check the link again to watch, and to download a new Keynote file.

    Thanks for the responses!

    0 points
  • Posted to Keynote does Material Design, in reply to Paul Martens , Jul 21, 2014

    My experience matches yours! For most of my work, building a quick animation in Keynote with the assets I already have is all I need. A robust animation or prototyping tool are overkill for quick storytelling or testing ideas.

    That's not to say I don't think those other tools don't have a place, I just think they should come later in the process.

    Question: Why do have to run the quicktime through GIF rocket and then place images into Flinto? Are you trying to recreate the animations in Flinto?

    And YES to Keynote files at a 90˚ angle.

    0 points
  • Posted to Keynote does Material Design, in reply to Yakim van Zuijlen , Jul 16, 2014

    One thing I've noticed, many people (not necessarily you) make the mistake of building ALL the animations with ALL the assets into a single slide or two. It's easier to separate the flow out into multiple slides, like a storyboard, with Magic Move doing most of the heavy lifting with transitional animations. Secondary animations can then be added as builds.

    However, I have encountered slides with many builds, with some occurring at the same time, and some with delays, and some with different easing, and it can be difficult to track. Some would say a timeline would be helpful here, but I'm afraid adding one would be a slippery slope. There's something simple and elegant about having fewer options, enough to communicate the point, and then moving on.

    That said, I do wish there were a few more easing presets, and they were available to all animations.

    0 points
  • Posted to Keynote does Material Design, in reply to Andrew Zimmerman , Jul 16, 2014

    Hey great link! I echo all those bullet points on using Keynote at a prototyping tool.

    0 points
  • Posted to Keynote does Material Design, in reply to Brendan Gramer , Jul 16, 2014

    Which talk is it?

    0 points
  • Posted to Keynote does Material Design, in reply to Vinay Chilukuri , Jul 16, 2014

    I've tried Animate during its beta phase. I switched to Hype at the time because it supported multiple art boards or "scenes," and hyperlinking between them. In the end, both were slow to me. Also, neither have Magic Move, which does most of the heavy lifting.

    I'm beginning to learn that the timeline, the backbone of animation tools, are actually a greater hinderance to designers than not...at least during the early phases of a project.

    0 points
  • Posted to Keynote does Material Design, in reply to Emiland DE CUBBER , Jul 16, 2014

    Awesome! I really dig the glow effect. Did you create all the assets in Keynote or did you import them? I also like the subtle animations of the gears and piston.

    0 points
  • Posted to Keynote does Material Design, in reply to Eric Filkins , Jul 16, 2014

    If AE is your jam, then no. I like the way Pasquale D’Silva put it in his article, 'The State of Interaction Design Tools.'

    "After Effects is an extremely powerful package, but is fundamentally built for video, motion graphics & compositing work. This creates The Photoshop Kitchen Sink Effect™ where the new user is punched in the eyeballs with an interface full of mostly irrelevant horseshit, that is not useful for anything. Once the user learns they only need 20% of the tools, they stop crying themselves to sleep at night like a little bitch. (That was how I learned After Effects)"

    https://medium.com/p/f755c6515368

    I think Keynote puts a lot of power in designer's hands with minimal effort. There's a beauty in not needing a timeline and keyframes, which can be difficult to manage. In my opinion with AE or any other animation software, you get sucked into the void of animating more and designing less. Where should we be spending our time?

    1 point
  • Posted to Keynote does Material Design, in reply to Josh Shayne , Jul 16, 2014

    You got it! What a great way to bring rich illustrations to life!

    0 points
  • Posted to Keynote does Material Design, in reply to Keira Bui , Jul 15, 2014

    I think for developers, the closer you can get to providing usable code, the better. The new Keynote can export to HTML, which supports complex animations, but performance varies, and the code I believe is quite unusable. Framer seems the most friendly for developers, but I don't have much experience with it.

    What Keynote is good at is I can quickly whip up an animation using wires or high fidelity assets to tell a story. I think using Keynote in this way comes before using QC/Framer. When you have something that looks right, and in interaction model to support it, then build a prototype to get the feel right.

    1 point
Load more comments