Google Inbox - compose animation

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

Timetank

1,621
0
Priority visualisation tool designed for the User Interface and Experience unit (9291) at the University of Canberra

9a95c8c2-504d-11ed 9221-0e76797a4f7b

Up Next Redesign

1,384
0
13
Version 1 redesign of the Up Next mobile application. Up Next is a task manager and organization tool developed by Illuminated Bits LLC.

6c4fc2d1-504d-11ed 9221-0e76797a4f7b

Floracaching

1,040
0
7
These are the new prototypes for Floracaching. They are based on four co-design sessions, two at the University of Maryland and two at Brigham Young University.

cc6bc9fa-ade2-11ed 9221-0e76797a4f7b

iOS Spotlight

24,769
0
78
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/

a03851e9-504c-11ed 9221-0e76797a4f7b

Copy of Tinsel

1,349
0
18
Streamlined UI/UX adjustments.

0902b455-64f2-11ee ab6d-0e76797a4f7b

Get the position of a scrolling container

3,714
2
114
If you need to get the Y position of a vertically scrolling container, create a text box. Then on the container scroll trigger, set a variable that evaluates the numerical callback value from the event (Y position). Then add a callback that changes the text property of the text box by reading from the variable.

Todd Siegel

Next