Android UI Design Specification 2

Source: Internet
Author: User

Interface Dimensions

The size of Android is numerous and it is recommended to use a size design with 720x1280 resolution. This size 720x1280 is perfect in the 1080x1920, it looks clearer in the picture, the image file size is also moderate, the memory consumption of the application is not too high.

Status bar Height: 50px

Nav Bar Height: 96px

tab Bar Height: 96px

Android recently out of the mobile phone almost removed the entity keys, the function keys moved to the screen, of course, height is the same as the tab bar: 96px content Area Height: 1038px (1280-50-96-96=1038)

1. The size or resolution of the Android app design specification

The screen size of the most recent Android phones is 5.5 inches. We all know that the size of Andro is very miscellaneous. And the different resolutions correspond to different DPI modes.

Android also supports a variety of different dpi modes: ldpi mdpi hdpi xhdpi xxhdpi xxxhdpi (4K resolution)

For a detailed dpi interpretation of the Android app design, see:

1, Android Interface Design Professional terminology: XXXHDPI and 4K resolution

2. Android appui Designer must know: The relationship between PT SP DP and the conversion formula

3, the Android interface design to adapt to different screen size and density interpretation

The current resolution of the mainstream Android phone has the following 3 kinds:

HDPI, corresponding to 800*480 's mobile phone. Mainstream models, many. such as Xiaomi 1, 1s samsung HTC etc.

XDPI, corresponding to 1280*720 's mobile phone. Samsung Galaxy series and Huawei P6.

XXDPI, corresponding to 1080*1920 's mobile phone. Xiaomi mobile phone, Huawei Glory mobile phone series plus HTC One.

Below is the screen size and resolution of the most popular Android phones in the face:

Xiaomi 3 and Xiaomi 4 screen size and resolution: 5 "1920x1080 pixels

Meizu MX2 Screen size and resolution: 4.4 "1280x800 image

Meizu MX3 Screen size and resolution: 5.1 "1800x1080 pixels

HTC one screen size and resolution: 4.7 "1920x1080 pixels

Huawei Glory 6 Screen size and resolution: 5 "1920x1080 pixels

Huawei P6 Screen size and resolution: 4.7 "1280x720 pixels

Huawei P7 Screen Size and resolution: 5 "1920x1080 pixels

In our Android app design project, we're not going to design a UI interface for every resolution. It is a state of pursuit of perfection and ideal. Small companies must not afford this.

So, we need to learn to be flexible at this time. In order to adapt to multi-resolution,

1: Start on the standard base (xdpi:1280*720), then zoom in or out to fit into the other dimensions.

2: Start with the maximum size of the device (xxdpi:1920x1080), then zoom out and adapt to the minimum screen size you want.

Sometimes we will be in the process of actual development, if the design of Android and iOS is not very different, you can also start with the resolution of iOS (960*640), and then adjust the scale of the design, to adapt to other resolutions. But this method needs to make some picture adjustment when transduction. If a component that is not a vector diagram needs to be re-designed according to the 1280*720 size.

2. Font and font size of Android app design specification

We must know Android design Common sense: Android 4.0 after the use of the font is Roboto. Chinese font: Fangzheng Orchid Pavilion blackbody

Today we are explaining the size of the font design on the basis of 720*1280.

Note Minimum font: 12SP = = 24px

Text font: 14SP = = 28px

Article title or icon name: 16sp = = 32px

Navigation title: 18sp = = 36px

The SP is described in more detail below:

SP and DP, is the Android development in the special units, designers in the UI design is usually initially built 320*480 this size of the canvas started, this size of the canvas in the classification of Android resolution is called MDPI, in this size, PS 1px is equal to Android 1DP, again, this time 1 points of the word equals Android 1sp, for a chestnut: you build a canvas size is 320-480, the text inside is 30 points, then it is 30sp.

General Android Set length and width multi-use dip, set font size multi-use SP. The screen density is 160,1dp=1px=1dip, 1pt = 160/72 sp 1pt = 1/72 inches. When the screen density is 240, 1dp=1dip=1.5px.

At design time, we also need to follow the 48DP law.

The 48DP is the standard for Android's touchable UI components.

In general, the 48DP translates to a physical size of about 9 mm. The recommended target size is 7-10 mm range, which is an area where the user's finger can be accurately and comfortably touched.

If you design elements that are high and wide at least 48DP, you can guarantee:

(1). Touch targets will never be smaller than the recommended minimum target (7mm), no matter what screen is displayed.

(2). A good balance is achieved between the overall information density and the touch target size.

The white space between each UI element is usually 8DP.

Http://www.25xt.com/appdesign/6536.html

Android UI Design Specification 2

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.