Photoshop Mobile GUI Interfaces (iPhone, Android, WebOS)

Over the weekend I was working on mocking up a mobile application in different platforms (iPhone, Android).  My original approach, like most people, was to take screenshots and mockup in Photoshop using pieces of the screenshots.  Get’s the point across, but doesn’t always have the most desired result.

I discovered, however, that some nice folks have shared Photoshop files with all of the UI elements for the mobile OS’.  They are very well done and very easy to use when mocking up interfaces.  Here are the links:

iPhone 3.0 GUI (Teehan+Lax): http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/
webOS Palm Pre (Teehan+Lax): http://www.teehanlax.com/blog/2009/07/08/palm-pre-gui-psd/
Android (Pavel Macek): http://www.matcheck.cz/androidguipsd/

Kudos to the designers for creating these and providing them to the designer community, it is very much appreciated.

In case they ever get taken down, I have also attached the downloads to this post.

Palm Pre Avenir GUI PSD

iPhone GUI PSD

Palm Pre Avenir GUI PSD

Palm Pre Coconut GUI PSD

John Chapman

Hello, I'm John Chapman. I am a SharePoint developer living in Denver, Colorado. I develop solutions using ASP.NET, C#, jQuery, SQL, SharePoint, etc, and I thrive on the challenge of writing code to overcome the impossible, annoying, or otherwise difficult obstacles.

More Posts - Website - Twitter