前不久我們介紹了《21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站》，我們發(fā)現(xiàn)并不是很全。在網(wǎng)絡(luò)一位網(wǎng)名為jarey的朋友整理了《31套免費(fèi)的網(wǎng)頁(yè)、移動(dòng)設(shè)備UI元素和模板》，其中很多內(nèi)容與《21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站》一文有重合，如：iPad GUI Set與本文“iPhone 4 GUI PSD”有重合。以下為全部?jī)?nèi)容：

對(duì)于項(xiàng)目管理，良好的時(shí)間安排和組織是必不可少的。以網(wǎng)頁(yè)設(shè)計(jì)為例，當(dāng)你想準(zhǔn)時(shí)交付一個(gè)項(xiàng)目時(shí)，有幾個(gè)時(shí)間因素需要你考慮。如果你能夠有效地利用時(shí)間，可以肯定你將能按時(shí)甚至提前完成你的項(xiàng)目。這就是為什么你應(yīng)該考慮用何種方式去組織管理你的時(shí)間。

如果你能正確地使用合適的工具，網(wǎng)頁(yè)設(shè)計(jì)對(duì)你來(lái)說(shuō)將是小菜一碟，你可以在網(wǎng)上找到這些免費(fèi)的工具，這些工具將幫助你更快更有效地完成你的線框圖，并且看起來(lái)像設(shè)計(jì)過(guò)的成品一樣。你應(yīng)該考慮這些預(yù)定義的網(wǎng)頁(yè)、移動(dòng)設(shè)備用戶(hù)界面元素工具箱和模具。相信它們對(duì)你非常有用。

免費(fèi)的UI元素包

工具地址：http://www.webstuffshare.com/2010/04/free-web-ui-element-pack/

海量的網(wǎng)頁(yè)UI按鈕

工具地址：http://medialoot.com/blog/freebie-massive-web-ui-button-set/

[[20667]]#p#

Flex 3 模板

工具地址：http://www.graffletopia.com/stencils/431

免費(fèi)PSD之復(fù)選框

工具地址：http://www.webstuffshare.com/2010/04/free-psd-checkbox-replacement/

【編輯推薦】

1. 21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站
2. Android UI自定義設(shè)計(jì)模板Dashboard
3. Windows Phone 7 UI開(kāi)發(fā)設(shè)計(jì)詳解
4. 移動(dòng)用戶(hù)體驗(yàn)產(chǎn)品設(shè)計(jì)寶典 #p#

網(wǎng)頁(yè)元素集錦

工具地址：http://bestblogbox.com/freebies/all-in-one-web-elements-kit/

網(wǎng)頁(yè)表單元素

工具地址：http://sniperyu.deviantart.com/art/Web-Form-Elements-104261528

【編輯推薦】

1. 21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站
2. Android UI自定義設(shè)計(jì)模板Dashboard
3. Windows Phone 7 UI開(kāi)發(fā)設(shè)計(jì)詳解
4. 移動(dòng)用戶(hù)體驗(yàn)產(chǎn)品設(shè)計(jì)寶典 #p#

iPhone GUI 元素

工具地址：http://www.designerstoolbox.com/designresources/iphone/

線框元素

工具地址：http://konigi.com/tools/wireframe-magnets-diy-kit

【編輯推薦】

1. 21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站
2. Android UI自定義設(shè)計(jì)模板Dashboard
3. Windows Phone 7 UI開(kāi)發(fā)設(shè)計(jì)詳解
4. 移動(dòng)用戶(hù)體驗(yàn)產(chǎn)品設(shè)計(jì)寶典 #p#

Web UI 百寶箱

工具地址：http://lazycrazy.deviantart.com/art/WEB-UI-Treasure-Chest-v-1-0-139165343

iPhone 3G 模板

工具地址：http://www.graffletopia.com/stencils/495

【編輯推薦】

1. 21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站
2. Android UI自定義設(shè)計(jì)模板Dashboard
3. Windows Phone 7 UI開(kāi)發(fā)設(shè)計(jì)詳解
4. 移動(dòng)用戶(hù)體驗(yàn)產(chǎn)品設(shè)計(jì)寶典 #p#

Web框架工具包（黑與白）

工具地址：http://www.moozedesign.com/

谷歌 Android GUI PSD

工具地址：http://chrisbrummel.com/google-android-gui-psd

【編輯推薦】

1. 21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站
2. Android UI自定義設(shè)計(jì)模板Dashboard
3. Windows Phone 7 UI開(kāi)發(fā)設(shè)計(jì)詳解
4. 移動(dòng)用戶(hù)體驗(yàn)產(chǎn)品設(shè)計(jì)寶典 #p#

Android 1.6 線框模板

工具地址：http://graffletopia.com/stencils/630

終極iPhone模板

工具地址：http://graffletopia.com/stencils/413

【編輯推薦】

1. 21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站
2. Android UI自定義設(shè)計(jì)模板Dashboard
3. Windows Phone 7 UI開(kāi)發(fā)設(shè)計(jì)詳解
4. 移動(dòng)用戶(hù)體驗(yàn)產(chǎn)品設(shè)計(jì)寶典 #p#

簡(jiǎn)潔UI元素

工具地址：http://www.designkindle.com/2011/01/19/simple-ui-elements/

網(wǎng)頁(yè)界面布局套件包

工具地址：http://giallo86.deviantart.com/art/Web-kit-interface-layout-pack-181748544

【編輯推薦】

1. 21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站
2. Android UI自定義設(shè)計(jì)模板Dashboard
3. Windows Phone 7 UI開(kāi)發(fā)設(shè)計(jì)詳解
4. 移動(dòng)用戶(hù)體驗(yàn)產(chǎn)品設(shè)計(jì)寶典 #p#

藍(lán)色的網(wǎng)頁(yè)GUI

工具地址：http://www.designkindle.com/2010/08/30/blue-modern-web-ui/

Keynote線框模板

工具地址：http://keynotopia.com/wireframe-templates/

【編輯推薦】

1. 21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站
2. Android UI自定義設(shè)計(jì)模板Dashboard
3. Windows Phone 7 UI開(kāi)發(fā)設(shè)計(jì)詳解
4. 移動(dòng)用戶(hù)體驗(yàn)產(chǎn)品設(shè)計(jì)寶典 #p#

線框形狀

工具地址：http://www.graffletopia.com/stencils/42

模板套件

工具地址：http://www.graffletopia.com/stencils/381

【編輯推薦】

1. 21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站
2. Android UI自定義設(shè)計(jì)模板Dashboard
3. Windows Phone 7 UI開(kāi)發(fā)設(shè)計(jì)詳解
4. 移動(dòng)用戶(hù)體驗(yàn)產(chǎn)品設(shè)計(jì)寶典 #p#

Big Block UI

工具地址：http://www.designkindle.com/2010/09/01/big-block-ui/

圓滑的視頻播放器UI

工具地址：http://www.designkindle.com/2010/11/03/sleek-video-player/

【編輯推薦】

1. 21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站
2. Android UI自定義設(shè)計(jì)模板Dashboard
3. Windows Phone 7 UI開(kāi)發(fā)設(shè)計(jì)詳解
4. 移動(dòng)用戶(hù)體驗(yàn)產(chǎn)品設(shè)計(jì)寶典 #p#

免費(fèi)的全尺寸Facebook GUI PSD 套件

工具地址：http://www.smashingmagazine.com/2010/07/23/free-facebook-gui-psd-kit/

Flex PSD UI

工具地址：http://psdthemes.com/theme-406-marvelous-flex-darkskin-psd-ui.html

【編輯推薦】

1. 21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站
2. Android UI自定義設(shè)計(jì)模板Dashboard
3. Windows Phone 7 UI開(kāi)發(fā)設(shè)計(jì)詳解
4. 移動(dòng)用戶(hù)體驗(yàn)產(chǎn)品設(shè)計(jì)寶典 #p#

iPhone UI 套件

工具地址：http://fantasy-apps.deviantart.com/gallery/#/d2r7sus

iPhone 4 GUI PSD

工具地址：http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/

【編輯推薦】

1. 21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站
2. Android UI自定義設(shè)計(jì)模板Dashboard
3. Windows Phone 7 UI開(kāi)發(fā)設(shè)計(jì)詳解
4. 移動(dòng)用戶(hù)體驗(yàn)產(chǎn)品設(shè)計(jì)寶典 #p#

iPhone GUI 元素

工具地址：http://www.designerstoolbox.com/designresources/iphone/

Palm GUI PSD

工具地址：http://www.teehanlax.com/blog/2009/07/08/palm-pre-gui-psd/

【編輯推薦】

1. 21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站
2. Android UI自定義設(shè)計(jì)模板Dashboard
3. Windows Phone 7 UI開(kāi)發(fā)設(shè)計(jì)詳解
4. 移動(dòng)用戶(hù)體驗(yàn)產(chǎn)品設(shè)計(jì)寶典 #p#

網(wǎng)頁(yè)UI設(shè)定

工具地址：http://feedgrids.com/originals/post/freebie_modern_web_ui_set/

網(wǎng)頁(yè)UI元素包

工具地址：http://www.webstuffshare.com/2010/04/free-web-ui-element-pack/

【編輯推薦】

1. 21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站
2. Android UI自定義設(shè)計(jì)模板Dashboard
3. Windows Phone 7 UI開(kāi)發(fā)設(shè)計(jì)詳解
4. 移動(dòng)用戶(hù)體驗(yàn)產(chǎn)品設(shè)計(jì)寶典 #p#

iPhone GUI

工具地址：http://kediashubham.deviantart.com/art/MobileMe-Full-iPhone-GUI-97267445

【編輯推薦】

1. 21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站
2. Android UI自定義設(shè)計(jì)模板Dashboard
3. Windows Phone 7 UI開(kāi)發(fā)設(shè)計(jì)詳解
4. 移動(dòng)用戶(hù)體驗(yàn)產(chǎn)品設(shè)計(jì)寶典