Android interface design specifications-2

Document directory

• Space considerations
• 48dp Reference Unit
• Why 48dp Reference Unit
• Gaps
• Default color
• Font Ratio
• Color
• Color palette

Measurement and grid

Mobile devices have different physical sizes and are at screen resolution (DPI ). To simplify the design of multiple screens, the cell phone (less than 600dp) tablet (greater than or equal to 600dp ). There are several resolutions: ldpi, mdpi, hdpi, and xhdpi. Optimize the layout design of your application's user interface to select different resolutions and provide available bitmap images with different resolutions.

Space considerations

Device independence with different resolutions is required.

48dp Reference Unit

The touch UI component usually uses the 48dp reference unit. For example, some space may be 48dp * 2.

Why 48dp Reference Unit

The physical size of 48dp is about 9mm. This is a touch size that has been verified by multiple users and is more suitable for touch screens. The comfortable touch space is within the range of (7-10mm), which will be able to reliably and accurately locate the touch finger.

If the designed element ensures that the height and width are 48dp, the specific principles are as follows:

Your target will never be smaller than the recommended minimum target size-7mm, regardless of the screen on which it is displayed.

You need to make a good compromise between the overall information density and the targeting of other UI elements.

Gaps

The gap 8dp of each UI element is the reference unit.

Typographical (font)

Android's design language relies on traditional typographical tools such as ratio, space, rhythm, and basic grid alignment. The successful use of these tools can help users quickly understand the screen information. Roboto is designed specifically for user interfaces and high-resolution screen requirements. By default, the current textview frame supports regular, bold, italic, and italic.

Default color

Android UI uses the default color style: textcolorprimary and textcolorsecondary. Use textcolorprimaryinverse and textcolorsecondaryinverse for a fully bright topic. The text color style of the frame also supports touch feedback status changes.

Font Ratio

Too many different sizes of the same user interface will be messy. The android framework uses the following set of limited sizes:

You can select a scaling factor within the system range to set text in the application. To support these auxiliary functions, dimensions should be independent. Supports extensible la S. These settings should be tested.

Color

Color is used to highlight the key. Select a color that suits your brand and can be compared with visual components. Note that the red and green colors may not be distinguished by blind users.

Color palette

In the android color palette, blue is a standard color. Each color has a corresponding dark shadow, which can be used as a supplement when needed.

 

By Bruce Lee
Source: http://www.cnblogs.com/BruceLee521
This blog Original article is copyrighted by the blog and I share it with you. You are welcome to reprint it. However, you must keep this statement without the author's consent and provide the author name and original article connection clearly on the article page, otherwise, you are entitled to pursue legal liability.