Our Blog
Designing for iOS4’s screen resolution
The updated platform uses a higher resolution screen (960×640 as compared to 480×320). This additional resolution also means that any graphic elements need to be designed twice. One set of images for the lower resolution and optional high resolution set for iPhone 4. iOS4 still considers itself 320×480, but introduces a scale factor you can check or provide upscaled graphic assets for it to automatically use. In other words, the iOS4 requires low resolution artwork and can scale it up, but you can’t expect to simply build out a high resolution version and have the OS scale it down.
We’re currently working on updating our iPhone GUI PSD to reflect the forthcoming iOS4 update. We’ll likely release 2 new PSDs. One for 480×320 and another for 960×640. We’re going to try and make everything as pixel perfect as we can while maintaining assets as shape elements for easy scaling. We’ll be sure to post an update when it’s done.
thanks for all ur previous posts…..thanks for sharing all these things….
Hey, in the current version of your GUI PSD, anything drawn as a vector shape and styled with layer effects is not snapped to pixels, yielding some blurry edges and general weirdness that makes your toolkit look not so convincing. Perhaps in this update you’d consider ensuring only whole pixels are used for all shapes? (especially buttons!)
Legend
has the interface guidelines been updated?
I believe the introduction of high res screens is going to bring a revolution in the way in which we use devices, particularly in making reading easier. It will also pose some exciting challenges and new opportunities for us designers. Pixel shavers everywhere will be rubbing their hands!
Looking forward to seeing your new GUI.
@JJ We hear you loud and clear. We’re still going to be using shapes but have painstakingly made sure that they are drawn to precise pixel edges. In other words, no more blurry edges. We also reworked the way we’re using some of the effects layers. No more bevel/emboss. Instead, we’re using drop shadows and inner shadows. It looks as pixel perfect as you could hope for while maintaining full edit control.
Can’t Wait!
First of all, Thank you so much for your work!
Another thing, i still cant get the point about designing twice.
My problem is that i am developing a game for the iPhone right now but…
This new iOS4 is getting me doubtful!
What will happens on the iPhone 4 and iPad if i do my design in 480×320?
Luckily I used vectors in all my previous designs…
So looking forward to the Hi-Res version! Awesome job you guys do on the templates. This was my first station to go when searching for an iPhone HD GUI template.