Recreating the Google logo using just circles and rectangles!

3,268
2
12
"It’s still all ones and zeros!" We got inspired by this article on Quora (https://www.quora.com/How-could-Googles-new-logo-be-only-305-bytes-while-its-old-logo-is-14-000-bytes) that talks about the Google logo and how it consists of circles and rectangles. So we set off to validate this inside Proto.io (https://proto.io). Proto.io is particularly strong for it’s interactive UI Libraries but it’s web based editor also offers great support for basic shapes like ovals, lines and rectangles. So we recreated the Google logo using only rectangles and circles and what do you know! It all checks out! Having done all this in Proto.io that it also known for it’s pretty neat animation capabilities, we went a step further and created a cool animation that shows how it’s all done. For even more fun you can even import it in your own Proto.io account and edit it! Enjoy!

Alexis Odysseos

Pandora

3,656
0
43
This prototype is a simulation of one part of the Pandora iPhone app. I have chosen to simulate the part of the app where the user selects a Pandora radio station and then proceeds to select that station. What I have demonstrated is how how the radio station animates from a small entry on a list to a large full screen entry and vice versa. If you would like to see how I created this prototype, please watch this video tutorial here: http://docs.proto.io/videos/pandora-tutorial-part-1/

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

Spacetrip App

4,075
0
122
'Space tourism for everyone' “Earth is a small town with many neighborhoods in a very big universe.” ― Ron Garan Hey, here is my prototype which I made using Proto.io. Imagine that one day we all will be able to become space travellers.

a16d9c01-504c-11ed 9221-0e76797a4f7b

Shound - Share The Sound

1,578
0
Shound is an app for people interested in sharing music with others.

8d10c5bf-504e-11ed 9221-0e76797a4f7b

Flash Delivery - User

1,505
0
4
Urban Delivery White Label Solution.. Set up your Urban delivery solution Today. Get in contact with us and set up your launch your tech business.

ba854dbd-504d-11ed 9221-0e76797a4f7b

Faces flying out of bar chart

2,874
1
13
A data visualization where a bar chart of faces flies out showing the details of individual faces.

Todd Siegel

Native

1,359
0
Location based app enabling creatives to discover, collaborate and produce together.

baf54ed9-fb08-11ee ab6d-0e76797a4f7b

Tumblr

5,458
0
108
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

Next