Browser Tabs - Part 1

I built this prototype to learn some more advanced stuff in ProtoPie… components and variables.

The design here is basically a copycat style of the Google Chrome browser for iOS - I used this because the focus of this exercise was on creating the dynamic interaction of closing and re-ordering the tab windows rather than the UI design itself.

Check out the second video to get some insight into how I created this.

(If you’re interested in learning more about creating super realistic prototypes with ProtoPie check out the ProtoPie London Meetup)

https://www.meetup.com/ProtoPie-London/

Shout out to Eugeny for sharing his work which helped me create this.
https://dribbble.com/anafemest

UPDATE
I created the active tab highlight:
https://dribbble.com/shots/12110801-Browser-Tabs-Part-2

More by Chris Ryan

View profile