[Discover 6] Chapter 1: Design

59307

386

2016-12-19 11:50

Show all posts
Flyme 6.jpg
Since the release of November 30th, 2016, the new version of Flyme -- Flyme 6 has received great attention. Since we are about to start the beta testing, more and more users get curious about what are the new things brought by Flyme 6. So we're going to break down the new features of Flyme 6 and the stories behind the scene. The new design, the multiple space function, One Mind AI... ... all things you find interesting will be detailed introduced in this project.


And today, we are going to introduce the new design of Flyme 6!


Speaking of Flyme Design, users' first impression might be simple, fresh, mimimalism, etc. And since Flyme 5, the color of Flymhas become more bright and colorful compared to the quiet and elegent Flyme 4. This alternation has been even more obvious on the color selection in Flyme 6. There are 7 colors chosen as the basic color tones of Flyme 6, and we can see directly that these colors are bolder, brighter and more saturated.
(Comparison between colors of Flyme 5 and Flyme 6)
4 (1).png
4.png

In Flyme 5 the designer team introduced a concept called 'Content Design'. And it becomes instantly a major highlight of Flyme ever since.
10.png

So what exactly is Content Design?
The focus and key point of this design is Content. The designer team believed that users should be fully enjoy the content on the screen, rather than being distracted by the fancy layout design, which, according to this principle, should only be an assisting factor to improve the readability of the content. So instead of creating glamourous designing elements, they removed lines and frames to make the interface looks more integrated. It is under this principle that in Flyme 6, text is more clear than the delicate and thin font in Flyme 5. By increasing the font weight, Flyme 6 further enhanced the readability of the system.

1.png
2.png


Flyme 6 brings excellent animation design as always, the team has re-drawn over 200 new animations to bring vigor to the system.
A small example:
Random.gif


This is the overview of Flyme 6's new design, what do you guys think about it?