Web開發人員不要錯過的60款用戶界面設計工具（上）

Web開發大師們，乾貨再次來襲！小編爲你們盤點了60款功能豐富類型各異的用戶界面設計工具，本系列將以上中下三篇分別爲你們呈現。今天盤點的這20款工具囊括了大量界面原型設計工具，有免費的在線原型工具，有iPhone/Android/Facebook應用原型設計工具，還有各類綜合型的UI原型工具，應用盡有，絕對能知足你的平常工做需求。

1. ForeUI

一款很是簡單易用的界面原型設計工具，能夠建立任何應用程序或網站的線框和原型。

2. LivePipe UI

這款工具是構建在Prototype JavaScript框架基礎上的高質量產品原型設計工具，每一個控件都通過嚴格的測試、高度的擴展和完整的記錄。

3. DesignerVista

這款原型設計工具使用了大量的原生控件、組件、剪貼畫和圖標等等，直接拿來就能夠用！

4. Napkee

Napkee能夠一鍵將產品原型另存爲HTML/CSS/JS和Adobe Flex 3。

5. iPhone Mockup

顧名思義，這個工具是專門針對iPhone應用的原型設計工具，所有實行拖放操做，很是方便！

6. Eclipse Stencil for OmniGraffle

快速建立Eclipse（嚮導）對話框。

7. Gliffy

免費在線原型設計工具，輕鬆建立流程圖、org圖表、UML圖表、network圖表、線框圖等等。

8. Small GUI Pack

開源免費的GUI小工具。

9. Wireframe Magnets (DIY Kit)

這個DIY磁貼模板是基於 Konigi 線框的，包含有3個表格的元素，至關豐富。

10. Flex 3 Stencil

包含了Flex 3樣式指南中的全部Flex組件：面板、數據網格、按鈕、字段、菜單、滾動、工具欄等等。

11. Facebook Applications

涵蓋了Facebook相關的全部UI元素，製做Facebook應用的原型很是方便。

12. Patternry

幫助解決用戶界面通常設計難題的界面設計框架。

13. User Interface Design Patterns

能知足基本的用戶界面設計需求，經驗豐富的設計師常把它做爲標準的參考點。

14. Pattern Tap

一款絕對能激發你設計靈感的工具。

15. User Interface Design Framework

專爲Web設計師設計的用戶界面設計工具，免費的哦。

16. Lumzy

這是一個快速模型和原型設計工具。

17. Android Asset Studio

專爲Android應用設計的圖標生成器，只須要輸入需求細節，就會當即在下方顯示出來。

18. Mephobox

尋找設計靈感的好地方，還能夠將喜歡的元素收藏。

19. Mobility UI Design Elements

免費的移動UI設計元素集合。

20. Mockingbird

這是一款在線原型設計工具，所有支持拖拽。