The biggest change of Xiami from V.6.0.5 – V7.0 is the change of product content and visual style. Of course, maybe because of the latest Apple style, the design of the latest version is simpler, lighter, and more breathable. Then the visual design style of the first two versions is relatively blocked as a whole, and the functional content is piled up.
At the same time that the LOGO changes and the graphics have changed, the color is also more saturated than before, from orange to red.
Changes in graphics feel more illegible, and the center of gravity is unstable;
The color saturation is deep, a bit closer to Apple Music.
Homepage Style Changes - Catering to Trends
The biggest change of Xiami Music is to remove the accumulation of many functions before, to reduce the difficulty for users to choose, and the homepage directly recommends some personalized content for users.
The revision of the visual style, the overall use of a large grid, a stronger sense of breathing, a large title, highlighting the core functions, removing the gray bottom, removing the previous visual confusion as a whole, and making it lighter (the legendary Apple style) ;
In terms of interaction, the important content is more prominent than before, and some uncommon function options are reduced, so you can feel it.
Let's take a look at the changes in the characteristics of the recommended page
The biggest feature of the recommendation page is that the four icons below the top banner are very distinctive, very easy for users to remember, and very tonal.
The above is a music app in South Korea. At the beginning, I remember these icons most deeply. They are very personalized, very colorful, and unforgettable to this day, so the icon design of Xiami is very good. It can be seen that the shrimps made this time with heart.
I won't mention the other highlights, it's just the big title, it's the same style as before.
This revision of Xiami Music unifies the visual language of icons
All the icons of Xiami this time have the same style and line thickness. This is consistent with the design methods of foreign spotify and airbnb, which are all lines. The Xiami music icon is a thin line of 2px. The icon design has been greatly improved compared with the previous version, and most of the icons this time use some characteristics of Xiami and integrate Brand DNA elements, of course, the icons on some secondary pages have not been completely modified. I don’t know if the official Xiami is iterating gradually.
As early as September and October last year, I noticed that Tencent Video adopted the big title in advance, but I was complaining at the time. Why? Let’s take a closer look. The alignment between the focus text and the unselected text in Tencent Video is rather strange. Also, the comparison between thickness and thickness is rude. The bottom of the b2b data dried shrimp is aligned in this way, the overall center of gravity is stable, and the size difference is very strong.
Change of primary text color
This time, the heavy black color was removed. The primary text color is . The contrast between primary text and secondary text is stronger. One uses bold and the other uses regular color, which is a bit biased towards the airbnb design style. That's right
Interactive feature changes
The details page of Xiami Music has more features in the revised version. One is about the introduction of the singer, which uses a swipe down to display more content, and removes the previous click on " More Entries" to enter the secondary page, which reduces the user's back-and-forth operation cost. This point Awesome! Swipe up and down gestures are very easy for users to operate
Review some highlights of this revision of Xiami
Some uncommon functions are removed, and the home page is lighter and simplified;
The page layout adopts a large grid, and the page has a stronger sense of breathing;
The icons are unified in visual language and thickness, which is convenient for later management and maintenance, and it is also a trend in the future. Then the featured column adopts a personalized icon style, such as the four icons below the banner of the recommendation page;
In terms of interaction, gesture operations are optimized, details pages, and more are turned into gestures.
Of course, there are also many flaws, such as the spring-like focus on the navigation is indeed very distinctive, but, but , what does this have to do with Xiami Music? Where did this symbol come from? Wait, I won't go into details here. You can see the picture below. The early design of Xiami is actually very unique. The page does not have so many functions. The overall design is very lightweight.