0% found this document useful (0 votes)
1K views2 pages

Android Designer Cheat-Sheet

After working on project, where I had reiterate on concepts with a client designer, I've understood that Google docs related to Android device resolutions and layout design are still hard to grasp for UI and visual designers new to the platform. Thus, with the help of the awesome Vikun we put together Android designer cheat-sheet. Open post for full-page view.

Uploaded by

Maksim Golivkin
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
1K views2 pages

Android Designer Cheat-Sheet

After working on project, where I had reiterate on concepts with a client designer, I've understood that Google docs related to Android device resolutions and layout design are still hard to grasp for UI and visual designers new to the platform. Thus, with the help of the awesome Vikun we put together Android designer cheat-sheet. Open post for full-page view.

Uploaded by

Maksim Golivkin
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Are you targeting important devices?

Generalized size
small small normal normal normal normal

Density bucket
ldpi hdpi ldpi mdpi hdpi xhdpi

Resolution* (dp)
320x426 240x320 320x533 320x576 320x480 320x533 320x568 320x480 360x640 400x640

Market share
2.3% 2% 0.7% 26% 57.8% 9% legacy phones legacy phones legacy phones phones phones new phones

large large

ldpi mdpi

640x1067 640x1138 480x800 480x854 600x1024

0.3% 2%

tweener tablets tweener tablets

extra large

mdpi

1024x768 1280x768 1280x800

7%

tablets

Table is based on data collected during a 7-day period ending on May 1, 2012

Need an Android developer? A freelancer?

[email protected] www.golivkin.eu

Pixel perfect rule


ldpi
1 dp 2 dp = 4 dp = 0.75 1,66 3

mdpi
1 2 4

hdpi
1.5 3 6

xhdpi
2 4 8

Use product of 4 for element sizes and margins. If you are not interested in ldpi, use product of 2.

Standard icon size


Density bucket Icons
Launcher Action bar Contextual Notication

ldpi
36x36 px 24x24 px (18x18) 12x12 px (9x9) px 18x18 px (16x16)

mdpi
48x48 px 32x32 px (24x24) 16x16 px (12x12) 24x24 px (22x22)

hdpi
72x72 px 48x48 px (36x36) 24x24 px (18x18) 36x36 px (33x33)

xhdpi
96x96 px 64x64 px 48x48 32x32 px 24x24 48x48 px (44x44)

Size in bracket is for graphics excluding margins.

Need an Android developer? A freelancer?

[email protected] www.golivkin.eu

You might also like