Size of Android UI mockups?

tags:

android

views:

answers:

+1 Q:

Size of Android UI mockups?

I want to design some mockup interfaces for some Android apps. I would like them to be able to nicely scale up and down depending on the resolution of the mobile device being used.

What would be the best image size to design these mockup interface in?

Thanks.

I would say 320x480, which are nice numbers to work with, the grid is easily settable (grid of 16 or 32 px) and this is a pretty average display-size for touch screens.

Time Machine 2010-10-30 14:37:40

No resolution is optimal as there are many Android devices with many different resolutions; if you want to create a flexible layout without too much work, you should use Nine-Patch techniques, some info about nine-patch:

Lie Ryan 2010-10-30 14:45:22

I am just getting started and do not yet have the SDK and am just designing mockup interfaces in Photoshop and Illustrator. Can I take the artwork I am designing in Photoshop and Illustrator and use all of it in an interface?

2010-10-30 19:00:38

@user484893: make sure to draw your UI elements into separate layers in Photoshop, so that you can later export them as separate images; especially for the scalable elements, as you want to process them for nine-patch. While designing the UI, take extra care to make them easily nine-patchable, or otherwise you'd have to redraw them for each different resolutions. Think really carefully on which part of the UI should stretch and which part should not.

Lie Ryan 2010-10-30 19:27:48

ansaurus

tags:

views:

answers:

Size of Android UI mockups?

related questions