A big chunk of our everyday prototyping revolves around figuring out how “things” should appear on and disappear from the screen, based on the user’s input. Often times, designing those interactions will require chaining two or more animations to obtain intuitive and meaningful transitions. Harnessing animation chaining will surely improve your design and make it more attractive and user friendly.
It’s been ages since my last article, especially in light of the breakneck speed with which prototyping with Quartz Composer is evolving. People contribute so much it’s hard to keep up with everything that’s going on. Nevertheless, I hope the basics I cover in the second part of my Snapping Scroll tutorial will still prove to be helpful to you.
In my last article I covered the basics of the QC coordinates system and explained how to convert the Mouse patch output to match the Origami Phone screen.
I also attached my Snapping Scroll file, as an example of practical usage. Now let me delve into the science behind the Snapping Scroll itself.
Ever since Facebook released Origami, Quartz Composer has become significantly more user friendly for UI/UX designers. Even a silly goose like me.