Where the design community meets.
Interaction Designer at frog Joined over 7 years ago
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!
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.
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.
Hey great link! I echo all those bullet points on using Keynote at a prototyping tool.
Which talk is it?
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.
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.
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)"
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?
You got it! What a great way to bring rich illustrations to life!
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.
Andrew hasn't upvoted anything yet.
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.