22个免费的UI界面设计工具、资源及网站

1.原型界面制作工具Lumzy

官方地址：http://www.lumzy.com/

Lumzy是一个网站应用和原型界面制作工具。使用Lumzy，您可以轻松创建UI模型并即时发送到客户电脑中。 Lumzy还具有团队协作编辑工具。 

2.在线工具Mockingbird

官方地址：https://gomockingbird.com/

Mockingbird（中文名：百舌鸟）是一个在线工具，它使您轻松地创建UI界面模型，预览UI，并可以共享你的版面编排效果图。 

3.开源UI工具The Pencil Project

官方地址：http://pencil.evolus.vn/en-US/Home.aspx

为设计图表和用户界面图形原型开发的一个自由和开源工具。 

4.JS开发工具包Dojo

官方地址：http://dojotoolkit.org/

Dojo提供了强大的性能并节省您的时间。这是适合经验丰富前端开发者的JS开发工具包。 

5.排版托管Mocklinkr

官方地址：http://www.mocklinkr.com/

自定义排版托管工具Mocklinkr，让你不用再担心没有漂亮版面

6.在线排版工具MockFlow

官方地址：http://www.mockflow.com/signup/

MockFlow是一个在线工具，用户界面设计和协作版面编排工具。 

7.Serena Prototype Composer

官方地址：http://www.serena.com/products/prototype-composer/index.html

Serena Prototype Composer是制作流程图，模拟程序流程和用户界面设计程序。 

8.在线绘图工具Cacoo

官方地址：http://cacoo.com/

Cocoo是一个用户友好的在线绘图工具，允许你创建一个如网站地图，线框，UML和网络图图等。 Cacoo可以免费使用。 

9.UI工具DENIM

官方地址：http://dub.washington.edu:2007/denim/

一个早期非正式的网站和用户界面设计工具 

10.网上应用线框Hot Gloo

官方地址：http://www.hotgloo.com/

网上应用线框 

11.User Interface Design Framework

官方地址：http://www.webalys.com/design-interface-application-framework.php

一个免费提供网页设计师使用的用户界面设计工具。 

12.设计资源网站Pattern Tap

官方地址：http://patterntap.com/

可以寻找一些设计资源与模式等。 

13.User Interface Design Patterns

官方地址：http://ui-patterns.com/

提供一些热门的用户UI界面设计模式参考图，分类很详细，如果设计网站或UI界面可以上去找一些资源，很不错。 

14.UI设计模式库Patternry

官方地址：http://patternry.com/

Patternry是用户界面设计模式库的目的是帮助解决常见的接口设计问题。

15.UI参考网站Mephobox

官方地址：http://box.mepholio.com/

UI设计界面资源欣赏参考网站。 

16.Android Asset Studio

官方地址：http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html

可以在线生成图表，只需要输入参数即可 

17.移动UI设计工具Mobility

官方地址：http://www.fullcreative.com/2010/10/mobility-a-free-set-of-mobile-ui-design-elements/

移动用户界面设计使用，可以输入参数进行测试，很方便 

18.Android UI Elements Set

官方地址：http://www.webdesignshock.com/freebies/free-photoshop-android-interface-gui/

可以自由设定Android操作系统的用户界面元素。 

19.OSX Leopard GUI Set

官方地址：http://www.tutorialshock.com/freebie/mac-osx-leopard-gui-set/

该软件包含一些常用的Photoshop原文件和PNG文件，这些元素都是用来设计GUI界面的素材，通过该软件你可以快速制作出一些出色的界面 

20.ALL In One Web Elements Kit

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

网页布局元素大集合,PSD文件。 

21.iPad GUI Set

官方地址：http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/

iPad平板电脑上设计布局用的元素集合。 

22.Hallo.js

Hallo.js是一个简单的富文本Web编辑器，基于jQuery UI并且利用HTML5的contentEditable实现所见即所得。其目标并不是取代当今非常流行的编辑器，如Aloha，而是给开发者提供一种更简单、更愉快的用户编辑体验。

Hallo.js是由Henri Bergius为IKS项目开发的一款免费软件，使用CoffeeScript开发，遵循MIT许可协议，托管在GitHub上。

官网：http://hallojs.org/

托管地址及教程：https://github.com/bergie/hallo