UX Design for Mobile

Timeline and layers

The timeline is a key component of many applications that deal with motion, such as multimedia editors. It captures how properties evolve through time. In order to change a property, you usually define the initial and final values, and the software will be in charge of computing all the in-between steps.

Following the cinema metaphor, Hype is able to generate every frame based on the few essential frames defined by the user--these are known as keyframes. For example, you can set an opacity to 0% initially and create a keyframe after half a second with the opacity at 100% in order to define a fade-in transition. The software will calculate all the intermediate frames needed for the animation.

The record button allows you ...