Android Learning Series (22)-Comparison of main app Interfaces

This article is a casual talk. Let's talk about the main interface layout of several popular applications. We can also find a classic layout.
It is not to find out how difficult it is, but to understand that we really need to do so.
Taking a question, the UI Differentiation Market for Android is still very large, and it is still worth exploring.
Create a classic to surpass the classic!
Next we will analyze and compare the main interfaces of the following 10 applications:
1. qq2011
2. Sina Weibo
3. Phoenix weekly
4. Xiaomi reading
5.
6. Pacific Computer Network
7.360 guardian
8. camera360
9. Public Comments Network
10. Digging money

1. qq2011
The latest version of QQ application qq2011 beta3 is simpler than the previous version.
I use the night mode as an example:

As you can see, QQ is divided into three major modules: Space dynamics, QQ chat, and other QQ applications. These largest modules are at the bottom.
Because the QQ chat business also has many important things, such as friends, QQ groups, and historical records, the above part of QQ chat is divided into three parts. This is also a large module.
Basically, we can intuitively see the things we should use on QQ. the most basic and important outlines have been drawn by a few clicks.
In addition, QQ has a large number of settings and sub-functions, such as status settings, searching for friends, adding friends, and skin settings. QQ is easy to do, that is, classification and classification, and then displayed through the menu.
This is because this part of the function is not the main requirement of chat, so that classification is very reasonable, without affecting the user interface, and can be added to the application without any shadows.

All in all, QQ can integrate so many mottled functions, simple and powerful, reasonable and elegant.

2. Sina Weibo
Sina Weibo's early version gave me the impression that it was quite spam and I don't know when to upgrade it. I can see it on the current interface.

This interface is no better than QQ:
The bottom is the Business Division.
The top banner is the title (main logo) of the current page, which can carry a number of functional shortcuts;
The previous versions of QQ seem to be the same. This layout is simple and popular, and users will know how to find the corresponding functions as soon as they open it.
The disadvantage is that it is popular. It has no special features and is not dazzling enough.

3. Phoenix weekly
The main interface of Phoenix weekly is not simple:

The module is divided on the top. I personally think it is better to divide the module at the bottom.
The main reason is that this application provides magazine downloads, and does not provide other functions and settings. Otherwise, a simple division on the top will show the crowded modules at the first glance on the interface, it is really not beautiful.
The most important thing is that, compared with the layout of Sina Weibo, the banner on the top is virtually missing, which makes it impossible to directly add several major functional shortcuts.
Therefore, the layout is simple, simple, and simple.
By the way, in fact, the main application interface of Phoenix mobile station is still quite atmospheric:

4. Xiaomi reading, Pacific computer network, and mining
The main interfaces of these applications are close to those of Sina Weibo. A top banner + bottom menu is used to divide modules in bottom and set functional entry points in top. If the sub-modules need to be divided, then, a bottom-like business module is added under the top banner.

This layout is characterized by a clear division of modules. Each module can carry one or two functions or function shortcuts on the first interface.

5.360 guardian, public comments network, camera360
The following application interfaces are another type. They may also have bottom modules, but they prefer to display functions in the center of the interface in a more direct way, the purpose of doing so is to highlight the importance of these features in this application. But indeed, without these features, or without them, we do not even know what the application is intended for or how to use them.

This type of application is the biggest difference from the previous application. It should be analyzed based on the service Purpose of the application. This type of application emphasizes the active interaction of users, the previous application emphasizes the provision of the latest user information.
The interface design varies with different purposes, and the best use of the interface is very reasonable.
Of course, the main interface layout of such applications is different from the previous layout. It emphasizes the second-level functions and masks the direct content. In this regard, information-based applications generally do not adopt this layout, however, in turn, such application la s can adopt information la S. For example, 360 Guardian describes the relationship between the two.

6. Summary
We can see from the above that the main layout methods of these popular applications have their own characteristics.
This article only analyzes the overall layout and does not consider the local layout and color allocation factors.
Next, we select the fourth mode as our classic mode. The sketch is as follows:

NextArticleTo implement such a classic interface.