Web開發者欣喜若狂的40個UI設計工具和資源
本文主要給大家分享40個UI設計工具和資源，方便用戶了解界面設計在持續的基礎上不斷成長和演變。Web設計師要跟上時代，你需要關注趨勢、新資源和正被實施和談論的新技術。同時，你也要親身嘗試，并提出原創的見解和應用。
下面列舉的這些工具能幫你做到這些。盡情分享下面這些我找到的注釋出的資源中你認為有用的部分。
模型參考和資料庫
User Interface Design Patterns(用戶界面設計目標)
看看這些其他人已經想出的對一般用戶界面挑戰的解決方案，它不僅能幫助你找到正確的現有解決方案，還能作為你提出新的和原創的東西的基礎。
一個在線文字和圖形目錄是常見解決的UI設計問題的方案。使用非常寬松的分類，同時也讓你用標簽或顏色分類：
地址：http://ui-patterns.com/
Pattern Tap
一個能找到平常被使用的設計模板精神的好資源。Pattern Tap將UI元素分類集合，同時也將個別項目以標簽形式在新窗口打開：
地址：http://patterntap.com/
Patternry
Patternry 將重點放在尋找常見UI問題的解決上，而不只是提出簡單的建議：
地址：http://patternry.com/
Mephobox
是另一個能找到的提出常見設計模板啟示的好資源。你能夠以用戶身份游覽網站，或者查證基于個人設計元素的集合：
地址：http://box.mepholio.com/
#p#
原型開發、模型構建和設計反饋工具
Lumzy
你在創建新的UI技術任何時候，在創建網站之前，你會需要創造出一個作為概念根據的原型或模型。當然，你也要測試這些新構想。
Lumzy是一個方便的UI界面模型構建和原型開發的小型在線工具。它能讓你創建具有工作功能的原型，而不只是線框：
地址：http://www.lumzy.com/
Mockingbird
另一個界面模型構建和原型開發工具，同時擁有在線團體合作開發工具：
地址：https://gomockingbird.com/
UI Design Framework for Illustrator
一個為AI服務的用戶界面元素和風格設置網站：
地址：http://www.webalys.com/design-interface-application-framework.php
Android Asset Studio
一個為開發Android應用提供UI元素的網站：
地址：http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html
Unique Mobile UI Design Elements
自由設置UI設計元素：
地址：http://www.fullcreative.com/2010/10/mobility-a-free-set-of-mobile-ui-design-elements/
#p#
Android UI Elements Set
自由設置Android OS的UI元素：
地址：http://www.webdesignshock.com/freebies/free-photoshop-android-interface-gui/
OSX Leopard GUI Set
OSX Leopard的GUI元素：
地址：http://www.tutorialshock.com/freebie/mac-osx-leopard-gui-set/
ALL In One Web Elements Kit
提供你的網站的所需的一切PSD分層文件：
地址：http://bestblogbox.com/freebies/all-in-one-web-elements-kit/
iPad GUI Set
提供你所需的任何iPad應用程序的主題的分層矢量PSD文件：
地址：http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/
The Pencil Project
火狐的GUI原型構建插件：
地址：http://pencil.evolus.vn/en-US/Home.aspx
#p#
Concept Feedback
發布你的設計和概念，并得到免費反饋的設計社區：
地址：http://www.conceptfeedback.com/
Landing Page Optimization
獲得他人關于你目標頁面5秒鐘的真實印象反饋的網站：
地址：http://fivesecondtest.com/
框架
框架已經成為了幾乎所有復雜的UI的主干了。這里的是極少數的框架，不像Moo Tools和jQuery那些你可能熟悉的工具。
DHTMLX
一個提供了大量的UI部件的javaScript UI資料庫和 jQuery的替代品：
地址：http://dhtmlx.com/
Dojo
另一個擁有強大API設置以及豐富UI控件的javascript工具包。
地址：http://dojotoolkit.org/
Echo 3
是一個不僅能讓開發者創造組建驅動和事件驅動API和Javascript客戶端應用程序的UI工具包：
地址：http://echo.nextapp.com/site/
#p#
Midori
一個超輕量級Javascript框架，它集合了很多常用的UI技術。而且即使包括縮進語言，Midori也只有51K：
地址：http://www.midorijs.com/
Scripty 2
另一個支持***版Webkit游覽器的CSS過渡和轉換的框架。
地址：http://scripty2.com/
ZK
ZK包括超過200個ajax組件，一切準備就緒：
地址：http://www.zkoss.org/
jQTouch
一個用于手機iPone應用開發的jQuery插件：
地址：http://www.jqtouch.com/
代碼片段和腳本
為什么我們要白費力氣呢?如何這里有一個存在的片段，而它正是你所需要的，你就可能在下面的這些網站中找到。
jQuery Labs
一個為你網站預制jQuery組件的龐大的資料庫：
地址：http://www.jquerylabs.com/
#p#
Snippet Library
一個由用戶提交審查的各種程序語言的片段和代碼教程的資料庫：
地址：http://www.snippetlibrary.com/
The Javascript Source
一個常用javascript和ajax片段的便捷的向導：
地址：http://javascript.internet.com/snippets/
roScripts (beta)
可以被用戶投票的腳本、片段和資源：
地址：http://www.roscripts.com/listings
Snipplr
一個有許多先進腳本和jQuery技術的好資源：
地址：http://snipplr.com/popular/language/javascript
Code Sucks
有關于Javascript片段如何工作的極其詳細的評論的網站：
地址：http://www.code-sucks.com/code/javascript/
#p#
HTML Goodies
另一個有優秀的步驟記錄文件的jQuery資源：
地址：http://www.htmlgoodies.com/beyond/javascript/
WebResources Depot
包括在它們的設計資源的大型目錄中的是大量非常有用的腳本和片段：
地址：http://www.webresourcesdepot.com/
Ajax Rain
出色的以分類和標簽的形式表現的片段資源庫，它能使你很容易找到你這在尋找的東西：
地址：http://www.ajaxrain.com/
Open Source Scripts
提供截止于2004年的Javascript片段和代碼：
地址：http://www.opensourcescripts.com/
Mini Ajax
非常優美程序片段的集合：
地址：http://miniajax.com/
#p#
Webappers
大量的包括非常好的圖片編輯片段集合的jQuery組件：
地址：http://www.webappers.com/
Javascript Kit
原創在線javascript片段資源庫之一：
地址：http://www.javascriptkit.com/
Webcodr.com
一些對你網站非常有用的程序片段：
地址：http://www.webcodr.com/6/15-javascript-snippets-you-cant-live-without/
HTML Assets
基礎javascript片段的小集合：
地址：http://www.html-assets.com/javascript-snippets.php
其他雜項資源
這里有方便的并不適合下面任一類別的UI資源，但是我們仍舊感到是值得提及的：
Slidenote
一個簡單的能使你創建滑動通知(sliding notification)的jQuery插件：
地址：http://slidenote.info/
#p#
Editable Grid
只要幾行簡單代碼，就能將HTML表格轉換為可以用高級選項操作的組件：
地址：http://www.webismymind.be/editablegrid/
Placehold.it
為你排版簡易創建占位符的服務器：
地址：http://placehold.it/
Fillerati
一個獨特的Lorem Ipsum的替代品。為你網站模型創建真實文字塊，幫你從所能接收到的各種公共域文字中做出選擇。
地址：http://fillerati.com/
qTip2
一個qTip的提示窗口插件的jQuery升級。使得為你網站制作風格化提示窗口變得容易：
地址：http://craigsworks.com/projects/qtip2/
原文鏈接：http://space.yeeyan.org/u/144345
【編輯推薦】
