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

iphone

160 ppi

3.5 inch

480 x 320 pixels

itouch

163 ppi

3.5 inch

480 x 320 pixels

HTC Touch Pro

287ppi

480×640 pixels

Palm Pre

3.1-inch

480×320 resolution,

186 ppi

ipad

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 wordpress.com is quite limiting with regards to design. But I have not got the time at the moment to design a wordpress.org blog (no point in using templates if you are using .org). So for now I am still on wordpress.com 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.

banner-and-button-template-graphic

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.