Android app design guidelines and app design (GO)

Source: Internet
Author: User



As Android smartphones continue to update. Android phone system is becoming more and more perfect, screen size is getting bigger!





So we need to tweak the design specifications and design details before we do the Android app design. Complete our Android app design specifications based on the current system experience for Android phones. It should be said that this is the most comprehensive design code for Android app.



25 Academy station is constantly updating and perfecting the Android app design code for the purpose! Use the weekend to organize a 2014-year tutorial on Android app design specifications.



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. 


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



XXDPI, corresponding to 1080*1920 's mobile phone. 




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




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



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



P6 Screen size and resolution: 4.7 "1280x720 pixels



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.



Here is a summary of a design infographic from an Android app designer.












3, the Android app design code cut diagram



This piece needs to be designed in accordance with the following 4 articles to understand the Android app design labeling and transduction some specifications. No detailed explanations are made here.



1. Android app transduction specifications and. 9png Production Tutorials



2. Android Dimension design Daquan and Android transduction specification



3, app design and cutting basic knowledge points and precautions



4, Android interface design Novice tutorial and Android design experience sharing



5, Android app Novice Design tutorial: 19 Android Design Experience Daquan









4, Android app design specifications of the adaptation and design plan test preview



(1) Dimensioning tool Markman (Mark Eel)



(2) App quick Cut Chart tool: Cutterman



(3) A visual Android UI interface design tool: DroidDraw



(4) Android icon Daquan: Icon Pack for Android packaging



(5) After the completion of the design, preview tool and online Preview method introduction: Ps Play



(6) Create custom app icon fonts online: Iconvault









Transfer from: Link



Android App design guidelines and Android app design (GO)


Related Article

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.