Tumblr has a very nice series of animations that happens when you enter the compose mode. I thought it would be interesting to recreate this in Proto.io to show others how to achieve these kind of effect in their own protototypes.
I have made a companion tutorial video where you can see exactly how I did it. This video is available here:
http://docs.proto.io/videos/recreating-tumblr-compose-animations-in-proto-io/
Re-creation of the onboarding sequence of the app "Service"
See how it was done step-by-step in the on-boarding webinar:
http://docs.proto.io/videos/creating-great-on-boarding-experiences-with-proto-io/
The app itself:
https://itunes.apple.com/us/app/service/id1005945537?mt=8
Animated storyboard using low fidelity assets created in Proto.io, and icons found within the Proto.io library and Noun Project.
The "On Screen Show" screen interaction is used to animate the content through a sequence of callbacks.
See how this was made step-by-step in this webinar video on Low Fidelity prototyping:
http://docs.proto.io/videos/low-fidelity-prototyping-with-proto-io/
TAGS:
storyboard
low fidelity
auto-play
This prototype shows a common onboarding pattern with a series of 3 panels, each with a different background media (photo, looping video, and a GIF).
TAGS:
onboarding
sync page controller
looping video
GIF
A beautifully animated Slide in Menu created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.