User Interface Prototyping in Vuo

UI prototyping demo (Vuo 0.7)

Demonstration of three Vuo compositions for User Interface prototyping.


Hi! This is Jean Marie from Team Vuo and I’m going to demonstrate a few different ways Vuo can be used for User Interface prototyping. This first composition demonstrates a prototype for a messaging app.

This second composition demonstrates a prototype for viewing images. I created it with three images, but you can modify it to use many more.

This third composition showcases just a very small sample of the animated transitions you can prototype in Vuo.

"Is within..." alpha/depth

I'm seeing a lot of touch-screen potential for the "is within" series of nodes. It would be great to be able to sample/select moving objects in scenes. This could be done by way of alpha or the depth map. ie. the node would know which object in the scene occupies the space sampled. Another good way to expand the current nodes would be to add an extra "has alpha" parameter that lets the zero alpha parts of a layer be invisible to the sampler and send it looking to layers beneath. That way you can create any elaborate shapes you like for buttons etc.


Notes from Team Vuo

Vuo Pro: 

No — available with both Vuo and Vuo Pro licenses


●○○○ — Up to a few days of work


●○○ — Appeals to current community


Subscribe to RSS - Layer