Geoff Teehan Geoff Teehan 97 posts

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.

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.

TweetMag: A first glimpse

It's been about 6 weeks since we started working on our first product; TweetMag. We thought we'd lift our heads from its design and development just long enough to share a screenshot with you.

Our first product: TweetMag preview

For the past 8 years we've struggled with what to do when we had a product idea that wasn't related to a client. In the beginning, we'd simply let these ideas go and forge ahead with our client service work.

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.

The Physical Internet

It's really nothing that new. Companies like FedEx have been connecting physical things to the web for years.


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.

Element Update

We wanted to take this opportunity to give everyone an update on Element. What started out as a simple Photoshop mockup has become somewhat of a thorn in our side and an obvious point of frustration for those waiting on it.

The iPhone Lock Screen is Coming

It seems the screens we shared of an alternative home screen for the iPhone created some buzz. We had no intention of taking it any further than a blog post but we figured this was something worth seeing through. Redesign

The anticipation of a site launch can be somewhat nerve-racking. We take our clients from strategy through to front-end code.The process takes months to work through.