User Interface Design

Contents

• Accessibility and Usability Tools
• Color Tools
• Stock Photos, Images, and Clip Art
• Fonts and Typography
• Graphic design tools
• Icons
• User Interface Design Patterns
• UI Prototyping Tools
• UXP and IA Websites
• Web Forms

Accessibility and Usability Tools

aDesigner
A disability simulator that helps Web designers ensure that their pages are accessible and usable by the visually impaired (available from IBM alphaWorks).

back to top

Color Tools

ColorShemer
Online color scheme generator.

back to top

Stock Photos, Images, and Clip Art

iStockPhoto
Royalty free stock photography community. Not free but fees are reasonable, quality is good, and selection is enormous.

Open Clip Art Library
An archive of user contributed clip art that can be freely used.

back to top

Fonts and Typography

1001 Free Fonts
Download Free Fonts for Windows and Macintosh

back to top

Graphic design tools

Blender
Blender is the free open source 3D content creation suite, available for all major operating systems under the GNU General Public License. It is an incredibly powerful 3D modeling and animation system with one hell of a learning curve.

GIMP
Freely distributed image editing software. With photo retouching, image composition and image authoring, it's an impressive alternative to PhotoShop. Works on many operating systems, in many languages.

Inkscape
Draw freely with this open source scalable vector graphics editor.

back to top

Icons

Free Icons Download
High Quality Royalty Free icons for Windows, Mac and Linux, Offers Ico,Gif,Bmp,Png various icons format.

iconspedia
"Your source for free icons"

back to top

User Interface Design Patterns

Web Patterns
A UC Berkeley Resource for Building User Interfaces

Welie.com
Patterns in interaction design.

Yahoo! Design Pattern Library
A collection of well-organized and well-illustrated patterns from the folks at Yahoo!.

back to top

UI Prototyping Tools

Axure RP Pro
"Axure RP enables application designers to create wireframes, flow diagrams, prototypes, and specifications for applications and web sites faster and easier than creating static mockups with their current tools."

Balsamiq Mockups
Create software mockups in minutes, iterate over them with your team, then embed them in your specs! For your desktop, Confluence, JIRA and Twiki.

Lorem Ipsum Dummy Text Generator
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. Use the Lorem Ipsum dummy text of the printing and typesetting industry to keep users focused on the layout while using text with a visually normal distribution of letters.

Pencil Project
A free and open-source tool for making diagrams and GUI prototyping in Firefox.

Dummy Lipsum Firefox Add-on
This Firefox add-on provides a shortcut for generating dummy text through the Lorem Ipsum Dummy Text Generator directly from within FireFox.

DENIM
DENIM is a pen-based prototyping tool developed by the Group for User Interface Research at the University of California at Berkeley. It allows users to quickly sketch out their ideas onscreen. However, unlike traditional pen and paper, DENIM allows the sketched pages to be linked and viewed as a working prototype.

Jumpchart
Quit fussing with paper flowcharts, sitemaps, and wireframes. Jumpchart replaces all of the normal tedious planning methods with one simple online tool. Export clean XHTML, and CSS of every page in the site; all inter-linked, and ready to be modified into your design.

SUEDE
A speech interface prototyping tool allowing designers to rapidly create prompt/response speech interfaces.

back to top

UXP and IA Websites

Boxes and Arrows
Journal dedicated to discussing, improving and promoting the work of the information architecture community.

photoshop user
Tons of goodies for Photoshop and the Photoshop-user.

back to top

Web Forms

Enhance your input fields with simple CSS tricks
How to make a boring web form more effective and exciting.

Justify elements using jQuery and CSS
Nice tips on form alignment without tables.