Google Inbox - compose animation

10,884
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

Olympic Rings

2,541
0
11
An example of draggable elements using states to always end up form the Olympics logo. Five-finger multi-touch works on mobile devices.

Alexis Piperides

Animation to profile

4,578
5
Transition from feed to profile using some fun animations.

f814178c-504c-11ed 9221-0e76797a4f7b

IFTTT

16,207
4
208
An as close as possible copy of the IFTTT onboarding experience. This prototype is also made in 4 other tools (Pixate, Origami, Framer & Form) to compare the differences between them. More info: http://medium.com/sketch-app-sources/five-app-prototyping-tools-compared-form-framer-origami-pixate-proto-io-c2acc9062c61 Original app: http://appstore.com/IFbyIFTTT

c6b28cc9-c0be-11ed 9221-0e76797a4f7b

Kost Mantan

1,279
0
0
Search your 2nd homelife

8114b5f9-504d-11ed 9221-0e76797a4f7b

Expand container that moves adjacent content in sync

3,274
3
55
This simple prototype demonstrates how have a container expand and collapse while moving adjacent content in sync.

Todd Siegel

iOS Weather App

3,905
1
124
This is the companion prototype to a 2-part tutorial where we explore the utilization of variables to help us to recreate Apple’s native iOS Weather app. In both tutorials, we go over the different ways Proto.io makes variables available to use in building your prototypes - from the simple example of setting a value in the variables manager and utilizing that value in the prototype to creating and setting a custom variable based on the property of a container and then to the more advanced usage of ternary operators to affect an outcome based on conditions surrounding that custom variable. http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-1/ http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-2/

dc4b62f6-ed80-11ed 9221-0e76797a4f7b

Drope

1,657
0
10
Drope - mitfahren - CO2 sparen

3afe0008-3b4c-11ee bd60-0e76797a4f7b

Next