Tumblr

5,350
0
107
Tumblr has a very nice series of animations that happens when you enter the compose mode. I thought it would be interesting to recreate this in Proto.io to show others how to achieve these kind of effect in their own protototypes. I have made a companion tutorial video where you can see exactly how I did it. This video is available here: http://docs.proto.io/videos/recreating-tumblr-compose-animations-in-proto-io/

8ea06e34-504c-11ed 9221-0e76797a4f7b

Shopping

1,557
3
39
Basic layout for a material design shopping app with easy to access categories, and "shopping cards."

72c8739b-504d-11ed 9221-0e76797a4f7b

Net Magazine Prototype - Juxtacaption

2,657
1
12
This is prototype was created for the Net magazine article "Design Prototypes That Reel Real - with Proto.io. It includes a step-by-step written tutorial with screenshots here: http://www.creativebloq.com/web-design/design-prototypes-feel-real-protoio-21619311 It's a product concept for juxtaposing two photos and typing a caption about the connection between them. It should look like this. The tutorial starts with bringing in a range of external assets. Then it'll show how to design assets and customize native components within the tool. Interactions will be triggered by gestures, keyboard input, and automatically as the prototype loads, then choreographed along an animation timeline. Enjoy... TAGS text input capture staggered animation variable variables show captured text input on different screen

Todd Siegel

Poweramp [Music Player]

2,704
0
37
This is the prototype of my favorite music player, Poweramp. I've tried to recreate the Plastic HD theme of the app interface and made it pretty close to the original visually which includes some of the transitions. This design has been made with Adobe Photoshop CC and Material Design Library of Proto.io. Hope you guys like it! Would love to know your views on it and how can we improve it :) Cheers! Aman P.S: Turn up the speaker ;)

fda4c75e-504c-11ed 9221-0e76797a4f7b

Next