When it comes to designing for mobile devices, nothing beats seeing your work on the device you made it for. But before any code is deployed, your best bet is to rely on the highest quality mockups you can find — They’ll let you take advantage of any given product, both its strengths and its weaknesses.
Designing within your constraints saves tons of time in the longrun, and clients (along with nearly everyone else) will certainly prefer a fully-polished look. Most importantly, as mobile devices like smartphones and tablets continue to grow in popularity, everyone from UI designers to web developers should be keeping these new screens in mind.
Here’s 13 Photoshop PSDs and Vectors for iOS, Android, and Nokia devices. Pick your favorite and put them to work!
This beautiful set by Arnas Goldbergas features iPhone4/4S mockups, along with a Macbook Air and an iMac. From what I can see, this set of vectors is nearly perfect.
Here’s a second set that includes the iPhone in white.
While you’re at it, here’s a GUI kit by Mercury Media.
Unfortunately, Android-based devices come out much more often than Apple, since the Android OS is spread across multiple manufacturers. We’re on the lookout for other recent phones, as well as Android 4.0 mockups. Send us what you’ve found via the comments!
Windows Phone 7
Nokia’s brand new Lumia 800 is quite gorgeous. Take a peak at the line if you’re not familiar.