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

移动开发 移动应用
本文将介绍21个免费的UI界面设计工具、资源及网站,如果你在做用户体验设计、界面设计、产品设计、JS前段开发、手机产品设计以及iPad和平板电脑产品设计,不妨来看看。

我们刚刚介绍了移动设计初探:触屏网页设计。本文将介绍一些UI界面与设计使用的元素、软件和网站。内容很丰富,适合用户体验设计师、界面设计师、产品设计师、JS前段开发、手机产品设计以及iPad和平板电脑产品设计等使用。

Lumzy

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

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

Lumzy#p#

 

Mockingbird

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

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

Mockingbird#p#

 

The Pencil Project

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

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

The Pencil Project#p#

 

Dojo

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

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

Dojo#p#

 

Mocklinkr

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

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

Mocklinkr#p#

MockFlow

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

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

MockFlow#p#

 

Serena Prototype Composer

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

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

Serena Prototype Composer#p#

 

Cacoo

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

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

Cacoo#p#

 

DENIM

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

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

DENIM#p#

Hot Gloo

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

网上应用线框 

Hot Glo#p#

 

User Interface Design Framework

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

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

User Interface Design Framework#p#

Pattern Tap

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

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

Pattern Tap#p#

User Interface Design Patterns

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

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

User Interface Design Patterns#p#

Patternry

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

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

Patternry#p#

Mephobox

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

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

Mephobox#p#

Android Asset Studio

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

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

Android Asset Studio#p#

Mobility

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

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

Mobility#p#

Android UI Elements Set

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

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

Android UI Elements Set#p#

 

OSX Leopard GUI Set

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

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

#p#

ALL In One Web Elements Kit

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

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

ALL In One Web Elements Ki#p#

iPad GUI Set

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

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

iPad GUI Set

【编辑推荐】

  1. 针对碎片时间进行移动产品设计
  2. 支付宝产品经理谈iPad上的设计工具
  3. 移动终端设备游戏设计初体验
  4. 移动设备客户端交互适配设计
  5. iOS操作系统多任务设计的繁与简
责任编辑:佚名 来源: 图图网
相关推荐

2011-03-29 14:11:10

UI界面UI设计

2010-08-26 05:55:13

2013-08-01 09:52:04

网页设计工具Web工具Web资源

2011-01-28 13:38:48

UI设计jQueryjavascript

2011-10-08 16:13:55

政府网站界面设计思路

2009-11-20 14:25:29

badaUI三星

2009-12-10 09:50:22

UI设计程序员

2015-07-09 10:25:45

界面设计UI设计

2011-06-01 10:30:41

用户界面

2013-03-20 09:40:46

HTMLCSS工具

2011-03-10 10:27:23

HTML 5

2011-12-20 10:42:22

Android应用界面设计

2011-06-01 10:58:57

2009-04-03 09:12:01

Mozillafirefox浏览器

2013-11-22 15:59:30

2012-01-13 11:09:14

谷歌Android界面设计

2013-06-21 16:03:40

用户体验设计UED手势

2011-02-16 14:15:58

FringAndroid应用iOS应用

2020-12-04 09:21:05

工具设计开发

2011-08-18 14:26:55

Web
点赞
收藏

51CTO技术栈公众号