iPhone 4 GUI Template

Because I have been designing apps for the past 6-8 months, I wanted to pass on this invaluable resource provided by www.teehanlax.com. It is essentially all of the system UI elements for iPhone 4 in a massive layered psd at the appropriate size. I personally set up files directly in context of the phone as it helps presentation immensely. I can’t say enough about it. Download it and use it for mocking up your presentation for iphone apps.

“Thanks for you patience on this one. It took a good deal longer to complete given the sheer size and level of detail the retina display has. It wasn’t a simple scale-up from the last file. It was clear as we created it that Apple has spent a lot of time considering how each element should be translated to such a dense resolution. What were single pixel elements are now two or three pixels thick and effects are exaggerated to become visible. For anyone designing for the retina display (640×960) it really is quite a different experience. When you work at 100% everything seems absolutely huge but small details get lost when viewing it on the device. You really need to be mindful of how it looks on the phone since your monitor displays things so differently.

The file is huge, both in file size (62.7MB) and dimension (4074×2986). You’ll need to work at 25% – 50% even on the largest screens to roughly grab elements before zooming into 100% for the actual work.”

It is available for download here: http://teehanlax.com/s3.php?path=files/iPhone_4_GUI_PSD_Retina_Display.zip

Original Post / Donate Here: http://www.teehanlax.com/blog/2010/08/12/iphone-4-gui-psd-retina-display/

Scroll to Top