Google Inbox - compose animation

11,791
5
286
The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

Todd Siegel

Keezy App Animation

6,711
1
38
Tap/Hold the black circle to see the 2 state animation of the Keezy sound looping app. A circle of circular buttons spins out onto the expanded black circle that becomes the screen background. Once you're on this 2nd state, tap anywhere to return to the initial state. I recorded a webinar showing how to create this interactive animation: http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io-2/ You can also find the assets here used for the prototype. Enjoy!

Todd Siegel

Grokker iOS - Filter Exercise

1,974
0
10
Filter design exercise for the Native App Workshop- UIE Mobile Immersion

ba1a6428-504c-11ed 9221-0e76797a4f7b

Simulation of automatic logout

6,149
2
91
This project simulates an automatic logout after 5 seconds of inactivity in the prototype.

Akis Ioannou

tvlive.io

3,340
0
10
Wireframes for UK television guide for Freeview, Sky and Cable TV.

c809fd8b-bc07-11ed 9221-0e76797a4f7b

Swarm Header Switch

3,321
0
45
A quick demonstration of the header switch on the new Swarm App. I've used variables to store the switch state.

92f2b218-504c-11ed 9221-0e76797a4f7b

Sliding menus - Animation on screen

5,662
0
29
Sliding menu with animation on screen

Akis Ioannou

Settings

4,284
5
92
A simple, one page prototype inspired by Ramotion's Contact Sync (https://dribbble.com/shots/1749645-Contact-Sync?list=users&offset=11). Just play with the on/off switches.

Alexis Piperides