Android difference design specification, explain the difference between Android and iOS

The following is our mobile design team Daniel according to the current Android system in the domestic development, combined with the current WeChat APP, micro-blog, Alipay, Taobao and other mainstream android app NetEase news in-depth comparison, the following differences on the Android design specification summary.

It also provides reference and reference for the students who want to design the Android APP interface which belongs to the standard.

Android version app

 

First, Android overall visual design specifications

The overall visual composition of the App interface can be roughly divided into four parts:

StatusBar (status bar), TopBar (head column), Body Content (content area), FootBar (bottom bar).

The style of StatusBar is decided by the system UI. Besides the background color matching, no other design is needed.

There are obvious differences between the display height and the content layout of the two TopBar system platform specifications, and they are designed according to their own specifications.

Body Content uses the same layout and visual design in addition to the controls.

FootBar uses the same layout and visual design in addition to the controls.

 

Interpretation of two and Android differential design cases

 

1. StatusBar/TopBar differential design

 

2. commonly used three system icons / controls differentiation

 

3. search / input controls differentiation

4. window style differentiation

 

 

Differential design of interaction between three and Android system interaction and iOS system

1. ways of interaction:

In addition to the window style and interaction differentiation mentioned above, for some system interaction behavior, it is recommended to use the system control and interaction of iOS and Android platforms to reduce the cost of development and user learning. The system mainly includes: the interactive behavior of return to higher on / off current page, notice to open or close the settings, send / submit content (or click Add button keyboard with Item), sort the list / delete and prompt window timing control, explicit and implicit, gestures and so on.

2. interaction effect:

Interactive efficiency is also recommended as far as possible using the iOS and Android platforms provided by the system’s dynamic effect. For example, the lens closest with Gauss iOS Android fuzzy, magnetic ink and paper etc..

An example of interactive differences in a single item

 

On the whole,Is the iOS version as the reference, the bottom bar and middle content area to keep the same design, based on the status bar, head style, control (switch, box, search, input), system icon (return, sharing, more standardized, Android) differences in interactive pop style, to ensure that the design of the system. App in two different system platform that can meet the China user’s habits, and different styles and characteristics reflect the appropriate system.

The above is the Android design differentiation specification of some of the discussion experience, but also mobile designers summed up some of the dry goods. It’s worth learning.

 

Content from WeChat public number: hostel factory design (DXY mobile design group)

Leave a Reply