This prototype shows a subtle animation of avatars flying in, and subtle background tint changes.
See how it was created step-by-step:
http://docs.proto.io/videos/prototyping-subtle-animation/
>starting at time: 28:40
Enjoy...
This prototype show how to re-create the intro animation of the Twitter iOS app where the bird flings out and the feed flings in.
See how it was re-created step-by-step in this webinar video:
http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io-2/
Assets also available to use.
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
This project is inspired by Vasjen Katro’s concept ‘Clubbing & Nightlife’ App ‘2Night’. It showcases how Proto.io can be used to create a beautiful parallax scrolling effect. If you’d like to find out how I achieved this effect feel free to import the project into your own account for reverse engineering.
https://dribbble.com/shots/2041810-City-intro-animation
This is an example of a sign in screen that validates a username and a password. Feel free to import this fully editable project into your own account for use in your prototypes.
Use the following to successfully sign in and proceed to the next screen
User Name: john
Password: proto.io