User Interface Design Framework

  • GUI library - Hundreds vector elements for interface design
  • Minimal UI icons set - 260 vector icons for Illustrator
  • Styles library - 200 styles to apply in Illustrator

A free User Interface Design tool for Web Designers

• Design faster wireframes and create better mockup deliverables in Illustrator.
• Design usable application interface with hundreds of common GUI elements : just drop them from Illustrator Panels or pick them in the library files.
• Customize easily the vectors GUI elements to your own needs : you can easily resize, color or tweak their appearance.
• Benefit from a consistent UI elements library made by a web designer expert in application interface design.

download-interface-design-framework

    Adobe_Illustrator  Illustrator CS2 file format - Zipped pack : 2,6 Mo

graphical-user-interface-design

This framework is free for every use, even for commercial project, but you need to credit me by linking to this page : http://www.webalys.com/design-interface-application-framework.php

If you want to use the icons without crediting me, consider buying the Minicons Vector Icons Library from $37. The most complete and consistent vector icons library ever with 1500 Vector icons .AI, .EPS & PNG icons.

A flexible GUI elements library for Illustrator

screen-gui• The GUI elements are based on common interface patterns (accordion, expandable panel, progress bar, tags, slide show…).
• They integrate usability good practices and are perfect for wireframes design.
• They are also a good start for interface application design : the appearance is consistent, they are easily customizable and all states of interaction are provided.

See a Preview of common GUI elements
See a Preview of Navigation
See a Preview of Windows and Containers


The most complete vector icons library - 260 icons for free !

screen-icons

• A pixel precise icon collection created for interface designers and web designers.
• These icons are easy to adapt to your own needs. They can be used for website wireframes, online application design, software interface mockup...
• They are based on a precise 16 pixels grid, which means that they stay clear and have crispy look even at small sizes.
NEW : Icons version for designing wireframes with Omnigrafle. Thanks to Philippe Bonneau for the conversion.

See a Preview of GUI minimal icons set


A Graphic Styles library to design attractive web interfaces

screen-styles

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

See a Preview of Graphic style library


 

 

Vintage Vector ornaments

750 Vector Icons for $37

The most complete library for designing faster wireframes, websites & applications

premium-preview

• 750 vectors icons in Illustrator, EPS & PDF format
• 5200 transparent PNG icons for 7 colors variations
• Royalty free for all commercial works

download-premium

Complete Application GUI library

All basics components for designing an application interface are provided : Windows, Scroll bar, Tabs, breadcrumbs, pagination... .

screen-download

Crispy and pixel precise icons

All icons are carefully designed on a 16 pixel grid, which means that they have consistent proportions and stay readable even at small sizes.

crispy

Web Statistics