Teehan+Lax has announced a photoshop document featuring iPad design elements to help you get started designing for the upcoming device.
The PSD was constructed using vectors, so it’s fully editable and scalable. You’ll notice there are a few new UI elements as compared to the iPhone interface. The workable screen design is formatted to 768×1024 so anything you design in the Photoshop file can easily be brought over to the SDK.
The GUI PSD will be perodically updated to include new elements as they are found or become available through SDK updates.
UPDATE:
Apparently, Neven Mrgan believes this PSD is not good enough for generating application resources. [Thanks Rob]
I’m linking to this attempt at recreating the iPad UI as a warning, since you may see it linked other places; the warning is, don’t use this for any sort of production work. It was a lot of effort Teehan and Lax to put this together, but that doesn’t change the fact that it was a sloppy effort.
Bevel and Emboss used for shadows. Objects not snapped to grid. Incorrect elements (the all-white selected icon in the tab bar). Plain made-up elements (the wide search bar).
This is perhaps helpful as a quick wireframing resource, but like their iPhone GUI document, it’s unacceptable for generating resources for your application.
Read More or Download
The PSD was constructed using vectors, so it’s fully editable and scalable. You’ll notice there are a few new UI elements as compared to the iPhone interface. The workable screen design is formatted to 768×1024 so anything you design in the Photoshop file can easily be brought over to the SDK.
The GUI PSD will be perodically updated to include new elements as they are found or become available through SDK updates.
UPDATE:
Apparently, Neven Mrgan believes this PSD is not good enough for generating application resources. [Thanks Rob]
I’m linking to this attempt at recreating the iPad UI as a warning, since you may see it linked other places; the warning is, don’t use this for any sort of production work. It was a lot of effort Teehan and Lax to put this together, but that doesn’t change the fact that it was a sloppy effort.
Bevel and Emboss used for shadows. Objects not snapped to grid. Incorrect elements (the all-white selected icon in the tab bar). Plain made-up elements (the wide search bar).
This is perhaps helpful as a quick wireframing resource, but like their iPhone GUI document, it’s unacceptable for generating resources for your application.
Read More or Download