Skip navigation

Category Archives: Template

So I have recently started to design layouts for smart phones, clearly it is a different world from web design. One thing that struck me was the resolution/pixel density seems to vary depending on the handset in question ranging from 150 to 300 ppi. While looking around I could not find any one source of data for a mix of handsets so I thought I would start at list. If I miss any (and I will) than please feel free to add to the comments section


160 ppi

3.5 inch

480 x 320 pixels


163 ppi

3.5 inch

480 x 320 pixels

HTC Touch Pro


480×640 pixels

Palm Pre


480×320 resolution,

186 ppi


9.7 inch,

1024 X 768

(132 ppi)

For furth reading you might like to see this.

You might also like to try this pixel calculator.

If you have details from other phones please add in comments and I will update the post.


I have given the blog a new look, working on is quite limiting with regards to design. But I have not got the time at the moment to design a blog (no point in using templates if you are using .org). So for now I am still on and have gone for the ‘ChaosTheory’ template.

Let me know your thoughts on this template, I think it is cleaner than the old one. Also I big plus is the extra width of the main column.


So I have been using an .ai tempalte when desiging banners and buttons. It saves me time thinking about sizes and drawing out the shapes. Thought I would make it available for you to download.