Free Adobe Illustrator User Interface Design Framework

I came across this excellent User Interface Kit via Jeffrey Zeldman’s site yesterday and thought SitePoint readers would find it useful too. The kit is available to download for free from Webalys and includes tons of handy GUI elements for use in Adobe Illustrator.

All of the elements can be customized and tweaked to your own desires. The kit can be used by designers working in Illustrator to design mockups, wireframes and application interfaces. You can add them to illustrator as Panels or pick them from the library files.

The designers of the kit have been most generous and in relation to payment for the kit say:

This framework is released as a complete web designer kit for free. Even for commercial use.
I just require a link to this page if you use the elements, icons or styles on a online website :http://www.webalys.com/design-interface-application-framework.php
You don’t need to make a link if you use it only in application wireframes or user interface mockups.

graphical-user-interface-design

Here’s what the kit includes:

GUI Elements Library For Illustrator

  • GUI elements are based on common interface patterns (accordion, expandable panel, progress bar, tags, slide show).
  • Designed for wireframes and good usability practices.
  • Provide good consistency between layouts.

GUI-Elements

260 Vector Icons Library

  • A pixel precise icon collection created for interface designers and web designers.
  • All icons can be adapted and can be used for website wireframes, online application design, software interface mockup.
  • Icons are based on a precise 16 pixels grid, ensuring which means that they stay clear and have crispy look even at small sizes.

Icons

Graphic Styles Library for Web Interfaces

  • 200 graphic styles for buttons, navigations menus or panels.
  • 330 swatches harmonized with graphic styles for backgrounds, typography and other GUI interface elements.

GUI-COLORS

This kit has elements that are worth paying for, so to get the lot for free is a great bonus. You can download all the goodies here.

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

No Reader comments

Comments on this post are closed.