Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Designing for Android - Resolution?

I'm designing an app for android, and the main devices we're targeting are Nexus S and Galaxy Tab, so I wonder which resolution should I design for and what PPI to use? I'd be using photoshop.

Surprisingly, I couldn't find a single decent PSD template for android while there are tons available for iOS, or maybe I'm just not looking at the right place?

Many thanks

like image 864
eozzy Avatar asked May 09 '11 14:05

eozzy


People also ask

What screen size should I design for Android?

I recommend designing at 360x640 for Android and 375x667 for iOS. Unless you want to showcase your design in a modern and trendy Device Mockup, for example, iPhone 11 Pro or Samsung Galaxy S10+, or your target userbase has a different screen size.

What mobile screen size should I design for?

360×640 – 12.98% For mobile screen sizes, 360 and 375 widths are considered to be the perfect match. Thus, the content is well readable and convenient for users.

What is 1x resolution in mobile app design?

By using 1x, you can easily convert from pixels to pts/dps. For example, 16 pixels in design-speak translate to 16 pts/dps in dev-speak. So 1x (or MDPI), 1 px = 1 pt (iOS) = 1 dp (Android).


1 Answers

The Nexus S and Galaxy Tab both have HDPI screens. The layout sizes are:

  • Nexus S: Normal
  • Galaxy Tab: Large

For HDPI graphics the nominal resolution is 240 DPI. The size of a graphic should be

pixels = dips * (density / 160)

which for HDPI devices becomes pixels = dips * 1.5, where dips is the size of the object in density independent pixels.

This means a 16x16 normal (MDPI) icon should be 24x24 pixels on an HDPI device to maintain the same size graphic.

The screen sizes are:

  • Nexus S: 480x800
  • Galaxy Tab: 1024x600

so just make your mockups this size.

like image 165
Joseph Earl Avatar answered Sep 21 '22 01:09

Joseph Earl