19个免费的UI界面设计工具及资源

小灰灰 2022-03-19 14:35 600阅读 0赞

原文：http://www.oschina.net/news/16602/19-free-ui-design-tools-toolkits-and-resources-for-designers

开源中国社区刚发布了一篇《[21个免费的UI界面设计工具、资源及网站][21_UI]》，介绍了免费的Web UI、移动UI、线框工具等。作为该文章的续篇，本文再介绍19个免费UI设计工具及资源，目的同样是帮助你通过发现新的、完美的工具来学习新的技能。

列表如下：

### [DHTMLX][] ###

DHTMLX 是一个JavaScript库，可跨浏览器、基于Ajax的用户界面。通过一组UI Widgets（小工具）可以快速开发令人印象深刻的web应用。

[![24094700_LhN9.jpg][]][24094700_LhN9.jpg 1]

### [LivePipe UI][] ###

高质量控制和原型部件。

[![24094702_hkO1.jpg][]][LivePipe UI]

### [jQTouch][] ###

移动web开发的jQuery插件，支持iPhone, iPod Touch等。

[![24094704_Qtqb.jpg][]][24094704_Qtqb.jpg 1]

### [Free Web UI Wireframe Kit][] ###

这个web UI 线框模板工具，可以编辑对象，并某种情况下可转换为SmartObjects，拓展性强。

[![24094705_ONix.jpg][]][Free Web UI Wireframe Kit]

### [Wireframe Magnets (DIY Kit)][Wireframe Magnets _DIY Kit] ###

基于Konigi线框模具的模板，包括3个表格元素，在白板原型中会有用。

[![24094706_pTRk.jpg][]][Wireframe Magnets _DIY Kit]

### [EightShapes Unify][] ###

专为Adobe Creative Suite产品，尤其是Adobe InDesign的模板、库及其他资源。

[![24094707_ieVK.jpg][]][EightShapes Unify]

### [User Interface][] ###

OmniGraffle的UI资源。

[![24094708_uEVd.jpg][]][User Interface]

### [Turquoise PSD][] ###

Turquoise PSD 模板设计，针对Windows。

[![24094709_lEn2.jpg][]][Turquoise PSD]

### [Download a Stencil Kit][] ###

Yahoo! Design Stencil Kit，最新的1.0版本，支持OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG),以及Adobe Photoshop (PNG)。

[![24094710_vn2p.jpg][]][Download a Stencil Kit]

### [Android 2.2 GUI][] ###

一组针对android 2.2 (FROYO)的GUI。

[![24094711_7YFS.jpg][]][Android 2.2 GUI]

### [fluidIA][] ###

fluidIA是个富用户界面原型开发的灵活的设计工具。

[![24094712_7hko.jpg][]][fluidIA]

### [iPhone Mockup Web App][] ###

该Web应用允许你创建自己的iPhone 应用的实体模型。

[![24094713_axls.jpg][]][iPhone Mockup Web App]

### [Flex 3 Stencil][] ###

包括所有的Flex组件：面板，数据网格，按钮，字段，链接，切换，菜单，滚动，标签，列表，数据采集器，工具提示，错误等。

[![24094714_iQMI.jpg][]][Flex 3 Stencil]

### [JuiceKit for Visual Analytics][] ###

JuiceKit是个创建信息体验应用的SDK， JuiceKit整合了Adobe Flex，很容易创建组件。JuiceKit 组件包括控制、可视化、优化类。

[![24094715_1Ljy.jpg][]][JuiceKit for Visual Analytics]

### [Simple JavaScript UI Kit For Complex Apps:Uki][Simple JavaScript UI Kit For Complex Apps_Uki] ###

Uki是个快速、简单的制作类似桌面的web应用的JavaScript UI工具。它具有丰富的可视化组件库。

[![24094715_nUDy.jpg][]][Simple JavaScript UI Kit For Complex Apps_Uki]

### [MochaUI][] ###

MochaUI是个web应用的UI库，建立在Mootools JavaScript 框架上。

[![24094716_5jvx.jpg][]][MochaUI]

### [Dijit – The Dojo Toolkit][Dijit _ The Dojo Toolkit] ###

Dijit是Dojo的UI 库， 它提供了 Ajax 应用开发中会用到的常用组件。

[![24094717_OYlG.jpg][]][Dijit _ The Dojo Toolkit]

### [Eclipse Stencil for OmniGraffle][] ###

[![24094718_gxOP.jpg][]][Eclipse Stencil for OmniGraffle]

### [Small GUI Pack][] ###

小图形的GUI包。

[![24094718_kE98.jpg][]][Small GUI Pack]

原文:  [http://www.smashingapps.com/2011/03/21/19-free-ui-design-tools-toolkits-and-resources-for-designers-part-2.html][http_www.smashingapps.com_2011_03_21_19-free-ui-design-tools-toolkits-and-resources-for-designers-part-2.html]

[21_UI]: http://www.oschina.net/news/16527/21-free-ui-tools-resources-websites
[DHTMLX]: http://www.oschina.net/search?q=DHTMLX+&scope=project
[24094700_LhN9.jpg]: /images/20220319/9fa63cd8f69e41d79b01223bda8f43e0.png
[24094700_LhN9.jpg 1]: http://dhtmlx.com/
[LivePipe UI]: http://livepipe.net/
[24094702_hkO1.jpg]: /images/20220319/9e1467c649774d29bfb2a622c46b3b84.png
[jQTouch]: http://www.oschina.net/p/jqtouch
[24094704_Qtqb.jpg]: /images/20220319/bb45b49d7e1e4e1dae9071b2613a199f.png
[24094704_Qtqb.jpg 1]: http://www.jqtouch.com/
[Free Web UI Wireframe Kit]: http://www.fuelyourinterface.com/free-web-ui-wireframe-kit/
[24094705_ONix.jpg]: /images/20220319/4ef7ff55f0f0477d8327f963f81ee1ee.png
[Wireframe Magnets _DIY Kit]: http://konigi.com/tools/wireframe-magnets-diy-kit
[24094706_pTRk.jpg]: /images/20220319/8d2338bfd4a143dca67d6af784789f6e.png
[EightShapes Unify]: http://unify.eightshapes.com/
[24094707_ieVK.jpg]: /images/20220319/3a08df1b325840de9a4031231dc528a3.png
[User Interface]: http://www.graffletopia.com/categories/user-interface
[24094708_uEVd.jpg]: /images/20220319/bc7462c5ce9443b5813f69ad09532812.png
[Turquoise PSD]: http://www.psgalaxy.com/psd-files/turquoise-psd.html
[24094709_lEn2.jpg]: /images/20220319/d1e7cf1842624089b54cfe0308acdaa1.png
[Download a Stencil Kit]: http://developer.yahoo.com/ypatterns/about/stencils/
[24094710_vn2p.jpg]: /images/20220319/3ace31dc532546609298396fa72cc50a.png
[Android 2.2 GUI]: http://thiago-silva.deviantart.com/art/Android-2-2-GUI-171047600
[24094711_7YFS.jpg]: /images/20220319/6ef19ca7988143e89748d36bfca1a2ba.png
[fluidIA]: http://www.fluidia.org/
[24094712_7hko.jpg]: /images/20220319/560db2bdfedd47d0b2ad5c0e5a58ffb3.png
[iPhone Mockup Web App]: http://iphonemockup.lkmc.ch/
[24094713_axls.jpg]: /images/20220319/8642733cf3724009839fa4bd1cf38035.png
[Flex 3 Stencil]: http://www.graffletopia.com/stencils/431
[24094714_iQMI.jpg]: /images/20220319/531438f6160f474785b75022859405b4.png
[JuiceKit for Visual Analytics]: http://www.juicekit.org/
[24094715_1Ljy.jpg]: /images/20220319/2fb2da722d93444f80fd977b65d639a7.png
[Simple JavaScript UI Kit For Complex Apps_Uki]: http://ukijs.org/
[24094715_nUDy.jpg]: /images/20220319/a84a8f958b604621912134a58eddb4bc.png
[MochaUI]: http://mochaui.com/
[24094716_5jvx.jpg]: /images/20220319/f362c4a2e9e9488da4b90bcab1ae2be6.png
[Dijit _ The Dojo Toolkit]: http://dojotoolkit.org/reference-guide/dijit/index.html
[24094717_OYlG.jpg]: /images/20220319/7a4d8475b2ef488aa97671f20422deef.png
[Eclipse Stencil for OmniGraffle]: http://databene.org/eclipse-stencil.html
[24094718_gxOP.jpg]: /images/20220319/cec5fa4bb8f547ba95d6a0a33604080a.png
[Small GUI Pack]: http://real99.deviantart.com/art/Small-GUI-Pack-169182381
[24094718_kE98.jpg]: /images/20220319/19f08b9e408442a09d78426a27e0bee0.png
[http_www.smashingapps.com_2011_03_21_19-free-ui-design-tools-toolkits-and-resources-for-designers-part-2.html]: http://www.smashingapps.com/2011/03/21/19-free-ui-design-tools-toolkits-and-resources-for-designers-part-2.html#ixzz1HTTP6j1H