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