» Illustrator Template Toolbox for Web, Mobile and App Developers
Posted by | 0 Comments
Posted on: September 1st, 2010

For today’s post we have an extensive selection of UI templates, all in Illustrator format, and all perfect if you are a web, mobile or app designer who prefers to use Adobe Illustrator rather than the more commonly used Photoshop.

It was mildly surprising how difficult this post was to put together, I really did expect to find a lot more. What is clear from this is that generally most designers would not even consider Illustrator for UI design, which was an even bigger surprise. So, if you are a UI designer who does prefer Illustrator over everything else, then you may consider this post as your treasure chest.

If you are wondering what the benefits of using Illustrator for UI design, why not have a read of these articles:
Why build iPhone app mockups in vector format?
Using Adobe Illustrator for web design

iPad Wireframe Template (.eps)

iPad Wireframe Template (.eps)
License: This file must not be hosted on any other site but you are free to use it.

iPad Vector GUI Elements (.ai)

iPad Vector GUI Elements (.ai)iPad Vector GUI Elements (.ai)

iPhone Sketch-Like Elements (.ai)

iPhone Sketch-Like Elements (.ai)

iPhone UI Vector Elements (.ai)

iPhone UI Vector Elements (.ai)iPhone UI Vector Elements (.ai)

Illustrator Template for iPhone Design (.ai)

Illustrator Template for iPhone Design (.ai)
Creative Commons Attribution 3.0 Unported License”>

iPhone 4 Vector Template (.ai & .eps)

iPhone 4 Vector Template (.ai & .eps)
Creative Commons Attribution-Share Alike 3.0 United States License”>

Touch Notation (.ai)

Touch Notation (.ai)
Creative Commons Attribution-ShareAlike license”>

Nokia S60 Wireframing Stencils (.ai)

Nokia S60 Wireframing Stencils (.ai)

Windows Phone 7 Design Template (.ai)

Windows Phone 7 Design Template (.ai)

Gesturecons – Multi-Touch Icons (.ai & .eps)

Gesturecons - Multi-Touch Icons (.ai & .eps)
License: Commercial license costs $100, you can download it freely for wireframing (Creative Commons License).

iOS Icon Template for Illustrator CS5 (.ai)

iOS Icon Template for Illustrator CS5 (.ai)

User Interface Design Framework – Huge GUI Elements Library (.ai)

User Interface Design Framework - Huge GUI Elements Library (.ai)
User Interface Design Framework - Huge GUI Elements Library (.ai)
User Interface Design Framework - Huge GUI Elements Library (.ai)
License: This framework is released as a complete web designer kit for free, even for commercial use. Your only requirement is a link back.

Sketchy Illustrator Wireframes (.ai)

Sketchy Illustrator Wireframes (.ai)

Sketching & Wireframing Kit (.ai & .eps)

Sketching & Wireframing Kit (.ai & .eps)

Yahoo Design Stencils

Yahoo Design Stencils

Browser Screens and Website Elements (.ai & .eps)

Browser Screens and Website Elements (.ai & .eps)

Wireframe Symbols (.ai)

Wireframe Symbols (.ai)

Template for Blueprint CSS Comps (.ai)

Template for Blueprint CSS Comps (.ai)

960 Grid System Illustrator Template (.ai)

960 Grid System Illustrator Template (.ai)

Symbol Signs (.eps)

Symbol Signs (.eps)

Liquidicity – 165 Vector Icons, in 5 Colours (.ai)

Liquidicity - 165 Vector Icons, in 5 Colours (.ai)

135 Free Vector Icons (.ai)

135 Free Vector Icons (.ai)

The Graphs 2 (.ai)

The Graphs 2 (.ai)

Pie Charts in Illustrator (.ai)

Pie Charts in Illustrator (.ai)

Website Template (.ai)

Website Template (.ai)

Web Elements Vector (.eps)

Web Elements Vector (.eps)
Creative Commons Attribution-Share Alike 3.0 Unported License

Vector Web Page Elements (.ai & .eps)

Vector Web Page Elements (.ai & .eps)

Vector Glass Buttons and Bars (.ai & .eps)

Web Application Storyboards (.ai)

Web Application Storyboards (.ai)

Divine Proportion Template (.ai & .eps)

Divine Proportion Template (.ai & .eps)

The divine proportion, also called the Fibonacci Sequence, golden mean or golden spiral, has been used by master architects and sculptures for thousands of years.
You can use this as a template for your layouts or illustrations to create a visually pleasing design. If you are designing a website, this Golden Ratio Calculator can help determine column widths.

You might also like…

20 Free Web UI Element Kits and Stencils →
A Useful Selection of Android Developer Tools and Resources →
25 Awesome Adobe Fireworks Resources for Web and App Developers →
Android App Developers GUI Kits, Icons, Fonts and Tools →
iPhone and iPad Development GUI Kits, Stencils and Icons →
10 Completely Free Wireframe and Mockup Applications →
A Collection of Useful Web Design Wireframing Resources →
A Collection of Printable Web Browser Sketching and Wireframe Templates →
25 UI Inspiration and Design Pattern Resources →


View 's Profile | Subscribe via RSS
No comments currently exist for this post.
Leave your response:

Name (Required)

Email (Required)

Website (Optional)