UI animations
Adobe AfterEffect is adapted for dynamic prototype to offer a better understanding of UI animation and operation flow for engineers. This technique is also used in my day-to-day design, to mitigate the communication barrier between designer and engineers when it comes to complicated UI design.
Some dynamic prototypes are provided in below.
CHALLENGE
Get a thorough understanding of designers' imagination, with some necessary corrections and suggestions to designers on wrong layers and animations. We will also provide the corresponding timing and the visualize the relationship between layers and timeline to make sure the accurate implementation of the animation.
My Role
Communicate with designers to transform the original UI idea into dynamic display.
Acer RichNote
This presents how to add bookmark into note.
Acer RichNote
This presents how to browse note in 3D display.
Acer RichNote
This presents how to share to Google Drive.
HTC Widget
This presents the widget on HTC mobile phones for HTC clock & weather widget .
HTC Gallery
This presents the widget on HTC mobile phones for HTC Gallery UI transition.
