Here's a quick Photoshop setup that helps us make better design decisions when designing for iOS devices. The primary thing to keep in mind here is that designing for a device like an iPhone, especially one with a retina display, using only a computer monitor leads to a good deal of guess work due to the differences in pixel density.
Now in its second iteration, this version of the template has been completely redesigned from the ground up. Based on the recent 4.2.1 update, it includes all the elements you need to design proof-of-concepts or production ready assets.
The iPad GUI PSD has been very helpful for designers / developers in mocking up their apps, although in some cases it's proved a little too high-fidelity. For rapid prototyping we found we needed a more malleable approach.
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.
Updated: Get the Retina version here. Now in its fourth iteration, this version of the template has been completely redesigned from the ground up.
The updated platform uses a higher resolution screen (960x640 as compared to 480x320). This additional resolution also means that any graphic elements need to be designed twice.
The iPhone GUI PSD has been very helpful for designers / developers in mocking up their apps, although in some cases it's proved a little too high-fidelity. For rapid prototyping we found we needed a more malleable approach.
Now that Apple has officially released the iPad we want to start designing for it. While Apple's interface builder is great, it doesn't really allow us to create custom UI elements on the fly.
We still love pitching iPhone ideas but the Palm Pre offers us another way to present ideas that connect our clients with their customers. In light of this fact, we put together another PSD to help our designers pitch and develop polished concepts using a tool their pretty familiar with, Photoshop.
Along with Apple's official release of the new iPhone 3.0 software came a number of new graphic GUI elements. We've been holding off updating the Photoshop file until we could properly implement the additions.
Back on Aug 19 we posted up a Photoshop file of the iPhone interface. The response to the post has been overwhelming - we're incredibly grateful for all the feedback and thanks.
A friend of mine recommended the blog zenhabits.net. ZenHabits is all about habits for living simply, and covers a lot of ground—from everyday task management to personal finances to living and workspace design.