Android APP interface design specifications, androidapp

Android APP interface design specifications, androidapp
I. Size and resolution

Android interface size: 480*800, 720*1280, 1080*1920

Android has many more sets than iPhone. We recommend that you use the 720*1280 size. This size is 720*1280, And it looks clear in 1080*1920, the size of the image file after the image is cut is moderate, and the memory consumption of the application is not too high.

Ii. Basic interface components

The Android app interface is basically the same as that of the iPhone: Status Bar, navigation bar, main menu, and content area.

For Android, we use the 720*1280 size design. Let's talk about the size of these elements in this size.

Status Bar Height: 50px

The height of the navigation bar is 96px.

The height of the main menu bar is 96px.

Content Area Height: 1038px (1280-50-96-96 = 1038)

Android phones have almost removed the entity key and moved the function key to the screen. Of course, the height is the same as that in the menu bar: 96px.

In order to distinguish Android from iOS on the interface, Android first proposed a holo ui style, and the latest versions of some apps all adopt this style, the most obvious change in style is to move the main menu below to the navigation bar, this solution solves the embarrassing situation of double-bottom columns displayed on the screen after many mobile phones remove the entity key.

3. font size

The font on Android is Droid sans fallback, Which is Google's own font, similar to.

Similarly, in the Baidu user experience survey, we can see the user's acceptable text problems.

For the specific size, find your favorite app interface and put the phone in PS to compare and adjust the font size. Remember, it must be in high definition.

4. Cut the image

In the Android design specification, the unit is dp, And the px after the density conversion of dp on the Android machine is different. Therefore, the conversion from px to dp based on the design drawing is also different, this can be converted using a conversion tool. Development usually involves, and some development uses px for unit, because the previous conversion work has been done.

5. Color Value Problems

The Android color value is a hexadecimal value, for example, a green value. The developed value is # 5bc43e.

 

Recommendation tagging Software

Note is often used for UI plotting. Here we recommend a software named Mark Man, which is free of charge. However, if you want to support duplicate editing, You need to purchase a registered version, however, we usually save all the annotations at one time. If you want to edit the files again, you can put the saved files and edit them again.