建站
咨詢
售后
建站咨詢
新聞中心
本文主要給大家分享40個(gè)UI設(shè)計(jì)工具和資源，方便用戶了解界面設(shè)計(jì)在持續(xù)的基礎(chǔ)上不斷成長和演變。Web設(shè)計(jì)師要跟上時(shí)代，你需要關(guān)注趨勢、新資源和正被實(shí)施和談?wù)摰男录夹g(shù)。同時(shí)，你也要親身嘗試，并提出原創(chuàng)的見解和應(yīng)用。
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、豐臺(tái)網(wǎng)絡(luò)推廣、微信小程序、豐臺(tái)網(wǎng)絡(luò)營銷、豐臺(tái)企業(yè)策劃、豐臺(tái)品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供豐臺(tái)建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com
下面列舉的這些工具能幫你做到這些。盡情分享下面這些我找到的注釋出的資源中你認(rèn)為有用的部分。
模型參考和資料庫
User Interface Design Patterns(用戶界面設(shè)計(jì)目標(biāo))
看看這些其他人已經(jīng)想出的對(duì)一般用戶界面挑戰(zhàn)的解決方案，它不僅能幫助你找到正確的現(xiàn)有解決方案，還能作為你提出新的和原創(chuàng)的東西的基礎(chǔ)。
一個(gè)在線文字和圖形目錄是常見解決的UI設(shè)計(jì)問題的方案。使用非常寬松的分類，同時(shí)也讓你用標(biāo)簽或顏色分類：
地址：http://ui-patterns.com/
Pattern Tap
一個(gè)能找到平常被使用的設(shè)計(jì)模板精神的好資源。Pattern Tap將UI元素分類集合，同時(shí)也將個(gè)別項(xiàng)目以標(biāo)簽形式在新窗口打開：
地址：http://patterntap.com/
Patternry
Patternry 將重點(diǎn)放在尋找常見UI問題的解決上，而不只是提出簡單的建議：
地址：http://patternry.com/
Mephobox
是另一個(gè)能找到的提出常見設(shè)計(jì)模板啟示的好資源。你能夠以用戶身份游覽網(wǎng)站，或者查證基于個(gè)人設(shè)計(jì)元素的集合：
地址：http://box.mepholio.com/
#p#
原型開發(fā)、模型構(gòu)建和設(shè)計(jì)反饋工具
Lumzy
你在創(chuàng)建新的UI技術(shù)任何時(shí)候，在創(chuàng)建網(wǎng)站之前，你會(huì)需要?jiǎng)?chuàng)造出一個(gè)作為概念根據(jù)的原型或模型。當(dāng)然，你也要測試這些新構(gòu)想。
Lumzy是一個(gè)方便的UI界面模型構(gòu)建和原型開發(fā)的小型在線工具。它能讓你創(chuàng)建具有工作功能的原型，而不只是線框：
地址：http://www.lumzy.com/
Mockingbird
另一個(gè)界面模型構(gòu)建和原型開發(fā)工具，同時(shí)擁有在線團(tuán)體合作開發(fā)工具：
地址：https://gomockingbird.com/
UI Design Framework for Illustrator
一個(gè)為AI服務(wù)的用戶界面元素和風(fēng)格設(shè)置網(wǎng)站：
地址：http://www.webalys.com/design-interface-application-framework.php
Android Asset Studio
一個(gè)為開發(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è)計(jì)元素：
地址：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è)計(jì)和概念，并得到免費(fèi)反饋的設(shè)計(jì)社區(qū)：
地址：http://www.conceptfeedback.com/
Landing Page Optimization
獲得他人關(guān)于你目標(biāo)頁面5秒鐘的真實(shí)印象反饋的網(wǎng)站：
地址：http://fivesecondtest.com/
框架
框架已經(jīng)成為了幾乎所有復(fù)雜的UI的主干了。這里的是極少數(shù)的框架，不像Moo Tools和jQuery那些你可能熟悉的工具。
DHTMLX
一個(gè)提供了大量的UI部件的javaScript UI資料庫和 jQuery的替代品：
地址：http://dhtmlx.com/
Dojo
另一個(gè)擁有強(qiáng)大API設(shè)置以及豐富UI控件的javascript工具包。
地址：http://dojotoolkit.org/
Echo 3
是一個(gè)不僅能讓開發(fā)者創(chuàng)造組建驅(qū)動(dòng)和事件驅(qū)動(dòng)API和Javascript客戶端應(yīng)用程序的UI工具包：
地址：http://echo.nextapp.com/site/
#p#
Midori
一個(gè)超輕量級(jí)Javascript框架，它集合了很多常用的UI技術(shù)。而且即使包括縮進(jìn)語言，Midori也只有51K：
地址：http://www.midorijs.com/
Scripty 2
另一個(gè)支持***版Webkit游覽器的CSS過渡和轉(zhuǎn)換的框架。
地址：http://scripty2.com/
ZK
ZK包括超過200個(gè)ajax組件，一切準(zhǔn)備就緒：
地址：http://www.zkoss.org/
jQTouch
一個(gè)用于手機(jī)iPone應(yīng)用開發(fā)的jQuery插件：
地址：http://www.jqtouch.com/
代碼片段和腳本
為什么我們要白費(fèi)力氣呢?如何這里有一個(gè)存在的片段，而它正是你所需要的，你就可能在下面的這些網(wǎng)站中找到。
jQuery Labs
一個(gè)為你網(wǎng)站預(yù)制jQuery組件的龐大的資料庫：
地址：http://www.jquerylabs.com/
#p#
Snippet Library
一個(gè)由用戶提交審查的各種程序語言的片段和代碼教程的資料庫：
地址：http://www.snippetlibrary.com/
The Javascript Source
一個(gè)常用javascript和ajax片段的便捷的向?qū)В?/p>
地址：http://javascript.internet.com/snippets/
roScripts (beta)
可以被用戶投票的腳本、片段和資源：
地址：http://www.roscripts.com/listings
Snipplr
一個(gè)有許多先進(jìn)腳本和jQuery技術(shù)的好資源：
地址：http://snipplr.com/popular/language/javascript
Code Sucks
有關(guān)于Javascript片段如何工作的極其詳細(xì)的評(píng)論的網(wǎng)站：
地址：http://www.code-sucks.com/code/javascript/
#p#
HTML Goodies
另一個(gè)有優(yōu)秀的步驟記錄文件的jQuery資源：
地址：http://www.htmlgoodies.com/beyond/javascript/
WebResources Depot
包括在它們的設(shè)計(jì)資源的大型目錄中的是大量非常有用的腳本和片段：
地址：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
一些對(duì)你網(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
其他雜項(xiàng)資源
這里有方便的并不適合下面任一類別的UI資源，但是我們?nèi)耘f感到是值得提及的：
Slidenote
一個(gè)簡單的能使你創(chuàng)建滑動(dòng)通知(sliding notification)的jQuery插件：
地址：http://slidenote.info/
#p#
Editable Grid
只要幾行簡單代碼，就能將HTML表格轉(zhuǎn)換為可以用高級(jí)選項(xiàng)操作的組件：
地址：http://www.webismymind.be/editablegrid/
Placehold.it
為你排版簡易創(chuàng)建占位符的服務(wù)器：
地址：http://placehold.it/
Fillerati
一個(gè)獨(dú)特的Lorem Ipsum的替代品。為你網(wǎng)站模型創(chuàng)建真實(shí)文字塊，幫你從所能接收到的各種公共域文字中做出選擇。
地址：http://fillerati.com/
qTip2
一個(gè)qTip的提示窗口插件的jQuery升級(jí)。使得為你網(wǎng)站制作風(fēng)格化提示窗口變得容易：
地址：http://craigsworks.com/projects/qtip2/
原文鏈接：http://space.yeeyan.org/u/144345
網(wǎng)頁題目：Web開發(fā)者欣喜若狂的40個(gè)UI設(shè)計(jì)工具和資源
文章轉(zhuǎn)載：http://www.5511xx.com/article/ccdppce.html
