htc - UI Motion Tapestry

HTC
Sense 8 UI — 2015

[Motion Designer]

Goal: Demonstrate the harmonies that appear when motion principles are applied to a UI visual language.

“The sculpture is already complete within the marble block, before I start my work. It is already there, I just have to chisel away the superfluous material.”

-Michelangelo

 
 

Pips in the darkness concept UI

This high contrast concept came to life most naturally with emphasized movements. Ultra-smooth slides and delightful overshoots bring out the “Pips” of color:

 
 

Terra concept UI

In this demonstration, one curve governs all animation. Terra’s movement style is grounded by the strict use of this exponential bezier (0.87, 0, 0.13, 1):

 
 

UI Designs - Weston Vierregger, Kris Cole, Jessie Penico
Sound Effects & Audio - Lucas Burson