How to Design Pixel Perfect Photoshop Files for iOS Apps
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.
iPad GUI PSD - Version 2
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.
iPad Sketch Elements AI
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.
iPhone 4 GUI PSD (Retina Display)
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.
iPhone GUI PSD Version 4
Updated: Get the Retina version here. Now in its fourth iteration, this version of the template has been completely redesigned from the ground up.
Designing for iOS4′s screen resolution
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.
iPhone Sketch Elements AI
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.
iPad GUI PSD
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.
Palm Pre GUI PSD
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.
iPhone GUI PSD 3.0
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.
iPhone GUI PSD update 1.3
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.
How Not to Multitask
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.