20 Highly Useful UI Tools and Resources


As every web designer should have a nice and complete set of helpful web UI elements to simplify application and ease design process especially in the initial stages of a web project, we’ve decided to make a compilation of useful and highly prominent UI toolkits with some best practices, techniques, and examples of UI designs. They are sure to help you fast develop smart and intuitive user interfaces, extend website functionality and amend user experience with ready-made components or other helpful UI solutions. Try these things on your own to improve your skills – in here you are bound to discover the perfect toolkit for your project.

Omnigraffle Wireframe Stencils

This is a set of shapes for making wireframes (low-fidelity web page schematics) in OmniGraffle version 5.x (Mac OS X). It consists of most of the basic elements you’ll need to create user interface specifications.

user interface tools

* * *

Yahoo Design Stencil Kit

Yahoo! Design Stencil Kit version 1.0 is available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG), and covers the topics including ad units, calendars, carousels, charts and tables, UI controls, form Elements, and more.

ui tools

* * *

Wireframe Kit for Google Drawings

This kit has been specifically developed for Google Drawings, and to make it even easier for web users it also provides starting point templates, including the main blank template, product detail page, landing page and item list view.

ui toolkits

* * *

Sketching & Wireframing Kit

Sketching & Wireframing kit is a free set of elements for sketching and wireframing. It consist of form elements, icons, indicators, feedback messages, tooltips, navigation elements, image placeholders, embedded videos, sliders and common ad banners.

ui tools

* * *

Web Page Elements

This is a stencil for OmniGraffle that could give a running startfor those of you who are doing information design for the web. Using the open-source “Bitstream Vera” font set and free icons from FamFamFam, you should have most of your common web page elements covered, including headings, form elements, content management function, image placeholders, etc.

ui kits

* * *

Facebook GUI Free PSD Resource

Facebook developers already have a useful info on Facebook components documentation, i.e., they count on Facebook FBML wiki as reference. Thinking of designers, the developers made a Facebook Graphic User Interface (FBGUI) resource kit for Photoshop to make their work easier.

user interface design

* * *

Modern Web UI Set

A clean, and modern Web UI Set for use in web design, applications and print. The set was built in a non-destructive way, meaning everything included in the PSD file is well organized in folders, and fully editable using vector layers in Photoshop, from the button shapes, to the gradients, and text.

ui toolkits

* * *

WEB UI Treasure Chest v 1.0

The kit which contains more than +100 elements for website design. Full PSD layered file, most of files are fully editable. Big part of this files contains elements like bullets, arrows, scrollers, checkboxes, etc, some typical stuff, but also some lovely elements.

user interface tools

* * *

All in One Web Elements Kit

Here is a complete set of web elements you may find very useful for your upcoming project. A huge set of various web elements, easy to modify trough layer styles. There are 17 modules in total in the package, but every single module have variations that comes with like color options to choose from. Basicaly you get 17 elements that comes with 4 color options on some of their parts.

ui toolkits

* * *

Lumzy

Lumzy is a handy online UI interface mockup and prototyping tool that lets you create working functional prototypes, rather than just wireframes. You may use this kit if you need quickly create clean interface, intuitive, and robust mockups.

ui tools

* * *

Mockingbird

It is an interface mockup and prototyping tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.

user interface design

* * *

User Interface Design Patterns

User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. This site will help you in two ways: You can read insightful design pattern articles and browse screenshot examples.

web ui elements

* * *

Mephobox

This is a great resource to find commonly used design patterns. It offers several options for browsing either by users or website, or with collections based on individual design elements.

user interface tools

* * *

Patternry

Patternry is a user interface design pattern library aimed to help solve common interface design problems. With the new Private Libraries users can also build their private pattern libraries.

user interface resources

* * *

LivePipe UI

LivePipe UI is a suite of high quality widgets and controls for web 2.0 applications built using the Prototype JavaScript Framework. Each control is well tested, highly extensible, fully documented and degrades gracefully for non JavaScript enabled browsers where possible.

user interface design

* * *

jQuery Labs

That’s actually an enormous library of pre-made jQuery components for your website.

web ui elements

* * *

DHTMLX

DHTMLX is a JavaScript library that provides essential functionality for building cross-browser, Ajax-based user interfaces. Develop impressive web applications faster with a set of ready-to-use UI widgets.

user interface resources

* * *

Dojo

JavaScript toolkit with a powerful set of base APIs as well as rich UI widgets. Dojo saves you time, delivers powerful performance, and scales with your development process.

user interface resources

* * *

Web UI Wireframe Kit

This web UI template kit is made completely with shape objects and in some cases converted into SmartObjects, so they’re totally scalable.

user interface design

* * *

Flex 3 Stencil

This Omnigraffle stencil contains all of the Flex components from the Flex 3 Style Guide: panels, data grid, buttons, fields, links, toggle, menu, scrolls, accordion, tabs, list, data picker, tool tip, errors.

web ui elements

* * *

Share this post:

  • http://topsy.com/www.templates.com/blog/20-helpful-user-interface-tools/?utm_source=pingback&utm_campaign=L2 Tweets that mention 20 Highly Useful UI Tools and Resources | 3D Models, Website Templates and Illustrations blog | Templates.com — Topsy.com

    [...] This post was mentioned on Twitter by Frankie, rozenblat. rozenblat said: 20 Highly Useful UI Tools and Resources: As every web designer should have a nice and complete set of helpful we… http://bit.ly/dLW1cn [...]

  • website design

    The best tools are shared nice collection good work …
    Regards
    jason

  • Guest

    Best web design UI Kit – Futurico http://designmodo.com/futurico/ I think it’ll be in this article

  • http://twitter.com/freebuttonweb freebuttonweb

    Very wonderful collection! Thanks for sharing!

    We released a free psd button, You can download it here.
    http://www.freebuttonweb.com

    please enjoy!