Creating base PSD to design Android App UI for mdpi, 320/480px device

android user-interface user-experience psd
designer-trying-coding picture designer-trying-coding · Feb 7, 2012 · Viewed 24.4k times · Source

I'm starting my first Android Phone design work. I have some experience with iPhone, iPad design but Android is totally different, I'm even not sure how I should create my base template.

Here is the device info I'm going to design. the app that will work only on this device, no need to multiple screen compatibility thing.

  • mdpi
  • 256K color
  • 3.5"
  • ~165ppi pixel density
  • 320px/480px

So, do I create my photoshop file for 320px/480px, 72px resolution, rgb?

enter image description here

Appreciate helps!!!

Answer

Tom picture Tom · Feb 7, 2012

Google has made a whole site dedicated for your needs: http://developer.android.com/design/index.html

In your case, your PSD settings should be setup like this:

enter image description here

NOTE/EDIT: Notice DPI is set at the default of 72. This is because DPI is meta data for printers. When you read DPI in phone specs, they are talking about the physical representation of how far apart the LCD is packed together. Resolution of the image (320x640) is the only thing you need to care about.

Related questions

Make a wizard like application in Android

Which you think is the best way of doing a wizard like application (user can navigate between screens with a next and back button, and each screen has to save some state data) in Android platform. I mainly can think …

Read More
RTL Support: Disabling it only for specific UI components

I have a custom video player Activity. I am forced to enable RTL Support in my Application. But doing so will result in a Right-To-Left aligned ProgressBar. (And that looks ugly) I want my ProgressBar to stay LTR in my …

Read More
What is the difference between "px", "dip", "dp" and "sp"?

What is the difference between Android units of measure? px dip dp sp

Read More