User Interface Design

Contents

• Accessibility and Usability Tools
• Color Tools
• Communities of Practice
• 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.
	Color Scheme Designer An online color scheme generator with a URL command pattern API for use as SaoS

back to top

Communities of Practice

99designs
Need something designed? 99designs connects clients needing design work such as logo designs, business cards or web sites to a thriving community of 32,911 talented designers. Interesting note about this from a buddy of mine when i commented on his nice company logo, "BTW: the logo came from 99designs.com I had almost 200 logo submissions for a single $350 prize. Hooray for crowdsourcing. "

Information Architecture Institute, The
Supports individuals and organizations specializing in the design and construction of shared information environments.

IxDA
IxDA is the Interaction Design Association, a network dedicated to the professional practice of Interaction Design.

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.
.	stock.xchange Claims to be the leading FREE stock photo site.

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.	Blender Game Engine - Bathroom demo A graphics/physics demo showing some of Blender Game engine features available in Blender 2.48. Created in 3 days.
	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.	.
	Vector Magic Convert bitmap images likeJPEGs, GIFs and PNGs to the crisp, scalable vector art ofEPS, SVG, and PDFwith theworld's best auto-tracing software.

back to top

Icons

50 Most Beautiful Icon Sets Created in 2008
Noupe's list of 50 Most Beautiful Icon Sets Created in 2008

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.