Top 10 UI Design Resources
Here’s a list of my top 10 UI resources
You need a clean browser screenshot for a design presentation? Look no further: our free photoshop browser templates for your professional screendesign come in 1024x768 pixels and 800x600 pixels size , all kinds of different browser flavours and with a few extras on top.
2 Mac OS X Safari Form Elements
Download our free standard HTML form elements or browser windows for Mac OS X.
Creating a grid to base your designs on is invaluable for giving structure to the page. Here’s a quick introduction to grids and how you can speed up creating them in Photoshop
A new global visual language for the BBC’s digital services
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.
With Apple’s official release of the new iPhone 3.0 came a number of new GUI elements. Some of the changes and additions have been include in this GUI: map and map elements including curl, copy and paste elements; timeline bar editor; and horizontal iPhone and horizontal panel bars and keyboards.
You can download these standard Web banners or ads individually (468×60 pixels, 768×60, 125×125, etc.). There are also templates for common but non-standard banner sizes (120×30, 230×33, 728×210, etc.).
8 Wire-frame Icons Royalty Free ESP & PNG
The icon set includes EPS and PNG versions of the original Konigi Wireframe Icon Set and are suitable for use in vector drawing applications such as Adobe Illustrator as well as in Microsoft Visio.
9 A4 and A3 Sketching Grid Paper
This downloadable and printable 960-pixel-wide grid makes it easy to create a three-column (320 pixel), four-column (240 pixel), five-0column (192 pixel) or six-column (160 pixel) grid on a single sheet of paper. You have two sizes to choose from, A4 and A3.
10 iPhone App Wire-Framing Sketching Paper
Two versions are available, one in landscape and the other in portrait. Each version includes three pages: page 1 has a vertical screen and notes column; page 2 has a horizontal screen and notes column; page 3 has a three-screen layout that is great for drafting designs.
