ColorOS 17, a motion system that flows along your fingertips

This is OPPO's ColorOS 17 motion system. The visual system of the new operating system is called 'Fluid Design'. It is a design that connects screen effects, animations, and touch feedback into a single motion system.

The transition effect begins with the process of moving from the lock screen to the home screen. Instead of the lock screen clock disappearing and reappearing, it changes its position and size to continue into the home screen. The lock screen's information area, 'Lock Screen Island,' as well as notifications, integrated search, and floating navigation, also transition by connecting elements from the preceding and succeeding screens. The Aurora Engine's integrated rendering structure processes multiple elements within a single flow.

‘'Flexible Feedback' adds shape changes based on touch. Buttons and selection boxes compress when pressed, and screen elements expand in the direction of movement when dragged. When you lift your finger, they return to their original shape with inertia. When switching between the Notification Center and Control Center, icons and panels appear in stages in sync with your finger's movement.

‘The 'condensed light' effect utilizes the appearance of light flowing over a translucent surface. The position and shape of the light vary depending on finger movements, the state of the function, and the progress of the process. It is a method that combines decorative effects and status indicators into the same visual element.

See more and sources
https://weibo.com/n/ColorOS%E9%99%88%E5%B8%8C?tabtype=newVideo

Catch Design Trends
Every Morning

Get the newsletter trusted by 13,000 creators.

Latest news