Use a slider component to see the how a map of the US changes every month over a year based on the concentration of a fanbase.
Uses a basic variable to change the container state of the map, with map assets created in Sketch.
See how a version of it was created step-by-step within the Dashboard & Data Visualization webinar:
http://docs.proto.io/videos/using-proto-io-for-dashboards-and-data-visualizations/
tags: variable | variables | data visualization | data viz | map | slider | states | months | USA
Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/
Apply color adjustments and filters to your prototypes to create beautiful interactions and animations. https://proto.io/en/new-features/adjustments-filters/
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
Prototype of the Material Design menu animation of Google Calendar for iOS.
See how it was created step-by-step in the video of the webinar "Adaptive Prototypes & Material Design UI Library"
http://docs.proto.io/videos/adaptive-prototypes-material-design-ui-library/
Skip to minute 35:14 of the webinar to specifically see this prototype being made.
TAGS:
material design
google iOS calendar
Enjoy.
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