Rainbow System

Motion Design

Motion Design of Rainbow System

Motion Design

Design Tools

Adobe Photoshop

Adobe After Effects

Introduction

This is one smartphone of Lenovo system design task, which is including interface design and motion design for the new version smartphones.

In this system, I considered how can I show the "space" and "time" based on motion interface design, When I saw the icons have layers for matching the outside of smartphone. I believe in the motion part, I should keep the effects in one design system. 

In my opinion, a complete motion interface design should be considered outside of the equipment, the colours changing and interaction meanings.

Selected Works

Works in RITGraphic Design |Website UI Design

Music ApplicationUX | Functional Design | Interaction Design

Healthcare & Sport Application (Chinese Version)Functional Design |Complicated Interaction |Interaction Specification

Student Clubs App DesignUX | Interaction Design | Functions

Design of Conceptual Water MonitorUX | Functional Design | Research

Variable Interfaces of UX MagazineProcessing | Graphic UI Design

NASA Logo Animation3D Motion Design | Cinema 4D |Quick idea Training

The Conceptual Astrolabe3D Motion Design

JourneyMotion Design