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
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.
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.
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).
The Nexus S and Galaxy Tab both have HDPI
screens. The layout sizes are:
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:
so just make your mockups this size.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With