OS DEsign Languagee
About OS Design Language
Design language is the basis for all design definitions in the OS system, and is what users can most directly experience and see. Each version update takes into account user feedback, user operation research, brand tone, world trends, environmental changes...etc., and multiple requirements.
Water is the source of life, and as good as water, it waters everything without strife. Technological design is no longer stereotypically cold, but alive, moistening human emotions and feelings, soft, fluid and natural, a kind of softened Bauhaus, growing out of nature as it were.
My Roles
There are 15 people in this project. And 8 Designers.
-
50%Visual Designer
-
50%UI Designer
Context
With OPPO and OnePlus in 2022
After the merger, we need a unified underlying OS design template and a new OS design language as a declaration of brand merger.
Insights
Problem Statement
-
Users’ sense of trust in the brand after integration.
-
The shortcomings of the two brands of OS systems need to be improved.
-
Human resources issues arise after brand merger.
-
Competitiveness in the market needs to be strengthened.
Main Goal
-
Produce the design language and story.
-
Co-create design inspiration with external suppliers.
-
Apply design language and design elements to UIUX.
-
Design aesthetics that can be used for 3 to 5 years.
Code Value
Refine
Color System
We observe the changes in sunlight exposure in nature throughout the day.Two color tones of day and night were chosen as the base. The saturation of the color is high, giving people a sense of vitality.
The Shape
We explore a shape that is fluid, alive and organic.
These designs are ideal for adding to UI components. Although it only changes the corners of the cards and components, the overall look is more vibrant.
Burdenless
What users really want is an OS system that is smooth and easy to use.
We have extended the concept of Aquamorphic Design to create a user experience that is as burdenless as water.
Looking for inspiration
We are looking for artists and design studios to collaborate with.
Before production begins, we provide key objectives to assist with the design work.
Requirement
-
AquamorphismConcept
-
High-end, international, inclusive
-
Comply with OS13 design concept
Because the time given to the design is limited, there are requirements for proportion in the design focus.
Because we hope that the OS system can be more internationalized and inclusive. So the artists and design studios we work with come from all over the world.
Results
The figure below shows the effectiveness analysis of the project.
Working with external vendors to provide inspiration for OS systems has never been an easy task.
There are unexpectedly good results, but there are also areas for improvement. I learned a lot through this experience!
UI Achievement
The output for design concepts is divided into three main categories: color, shape and layout.
The Color
Suppliers can freely explore the use of color in manuscripts designed by them. The following are the more interesting color combinations in this design draft.
Type 01
Type 02
Type 03
According to these theme colors, we divide them into three levels. To facilitate our decision-making.
The Shape
Since there are a large number of modules in the system, UI elements will use shapes.
Therefore, if unique shapes can be explored and applied to OS system design. For the update of the OS design language, that will be a very important step.
The intermediate design process cannot be made public. The final UI is shown below.
The Layout
There are now many layout changes for cards and components. We hope to find a homepage layout that is consistent with the design concept and has market differentiation.
Data Visualization
The optimization of data visualization is also one of the focuses this time.
There are many pages in the system that display a large amount of text and numbers, especially the "digital well-being" that users have cared about in recent years.
Therefore, having clear and comfortable analysis data and attracting users to use it more often becomes an important task.
OS13 Interface
