Yes, I know this week’s graphics post is of interest mostly to web designers and I’m posting it today (rather than Monday). But I can rationalize it because it still deals with the graphic design side of web design.
Ever had to make a form for a site mockup from scratch? It’s a pain and eats up your time.
Never again! Here are some UI (user interface) elements for your next website mockup project.
OS and Website Elements
Designers Toolbox: OS Form Elements
Form, browser and OS elements for Windows Vista and XP (IE and Firefox) and Mac OS X (Firefox and Safari) in Photoshop format. Available in all major screen resolutions.
Design Stencils–Yahoo! Design Pattern Library

Ad units, calendar, charts, UI controls, form elements, menus and buttons, general and iPhone mobile UI, OS elements–you name it.
Available in OmniGraffle, Visio (XML), PDF, PNG and SVG formats.
Browser Screens and Website Elements (VectorTuts)
Browser windows, buttons and more for the Mac.
Browser Form Elements (teehan+lax)
PSD form elements for Firefox 3 on Mac OSX and IE7 on Windows Vista.
The Ultimate Web UI Kit (GraphicRiver)
A PSD containing mouse cursors, form elements (check boxes, radio buttons, next and previous buttons, form fields, drop downs, buttons) and more.
This one’s not free, but for $6, how can you go wrong?
iPhone GUI Elements
Designers Toolbox
Nice GUI elements for the iPhone in PSD format. Includes the phone, keyboard, buttons and other elements of the iPhone.
iPhone 3 GUI PSD (teehan+lax)
An updated version for the iPhone 3.0.
iPhone 2 GUI PSD (teehan+lax)
PSD containing UI elements for the previous Apple iPhone 2.
Other Elements
Web Safe Area
View web safe areas for Vista, XP and OSX for IE, Firefox and Safari browsers.
Ad and Web Banner Sizes
If you’re planning on incorporating ads on a site, these ad templates will help. Choose from all the standard (and some non-standard) sized ad banners in PNG format.
Cursors (Graffletopia)
A nice set of mouse cursors for use with OmniGraffle.






You should

No comments yet.
Subscribe to the Comments RSS feed—Follow the discussion.
Leave a comment
Note: All links in the comments are set to 'nofollow'. Search engines will not follow or index those links.
Follow this post's comments by subscribing to the Comments RSS feed.