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

这是一款在线原型设计工具,全部支持拖拽。

时间: 2024-10-01 11:09:37

Web开发人员不要错过的60款用户界面设计工具(上)的相关文章

Web开发人员不要错过的60款用户界面设计工具(中)

21. Dojo Dojo是一个用javascript语言实现的开源DHTML UI工具包,可实现高性能的桌面和移动应用程序开发,在国内亦有大量忠实用户. 22. Fivesecondtest Fivesecondtest可以优化你的登陆界面,并分析设计中最突出的元素. 23. Android UI Elements Set 集合了大量Android OS UI元素,并且全部都是免费的. 24. Massive Web UI and Button Set Massive Web UI and B

Web开发人员不要错过的60款用户界面设计工具(下)

41. Snipplr 包含最新的脚本和jQuery技术资源库. 42. Midori Midori是一个超轻量级的JavaScript框架,可使用CSS选择器快速访问页面上对应的元素. 43. roScripts (beta) 这个网站上的代码.脚本和资源可以由用户来投票决定. 44. Scripty 2 Script2是一个非常灵活的Javascript框架,可以帮助你制作非常精巧的用户界面. 45. Snippet Library 含有各种编程语言的代码片段,全部由用户提交和修订的. 46

Web开发人员不容错过的10个HTML5工具

HTML5已经成为当今世界的一个必定组成部分.由于World Wide Web万维网是使用超文本标记语言来架构和呈现的,于是HTML5成为了最流行的编程语言之中的一个.随着网络的不断扩张,Web开发者很有必要拥有最新的HTML5工具,用于创建动态和交互式的Web应用程序和网页.以下这些就是你不应该错过的新的HTML5工具. 1.Timesheet.js Timesheet.js是一款用于创建使用JavaScript库的HTML工作流的简单工具.你能够加入可视化和转换到使用CSS的事件.Times

每位iOS开发人员不容错过的10大实用工具

内容简介 1.iOS简介 2.iOS开发十大实用工具之开发环境 3.iOS开发十大实用工具之图标设计 4.iOS开发十大实用工具之原型设计 5.iOS开发十大实用工具之演示工具 6.iOS开发十大实用工具之视频制作 7.iOS开发十大实用工具之分析工具 iOS简介 说起iOS,自然不必多介绍了,它是苹果公司开发的移动操作系统. 苹果公司最早于2007年1月9日的Macworld大会上公布这个系统,最初是设计给iPhone使用的,后来陆续套用到iPod touch.iPad以及Apple TV等产

Web开发人员常犯的10个错误

说到开发一个运行在现代网络中的网站:Web开发人员需要选择虚拟主机平台和底层数据存储,准备编写HTML.CSS和JavaScript用的工具,要有设计执行方式,以及一些可用的JavaScript库/框架.在将任务分解为这几步之后,接下来要做的就简单多了,可以去网上找文章,浏览论坛,看看那些能提供更好的Web体验提示的示例. 然而不管是走哪条路,犯错却是每一个开发人员都不可避免的.虽然有些错误与某一个具体的行为相关,但有些错误却是所有Web开发人员都需要面对的挑战.因此,通过研究,体验和观察,我总

[译]作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的

前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章>,其中大多数是E文的. 先译其中一篇web相关的"每个程序员必知之WEB开发". 原文: http://programmers.stackexchange.com/questions/46716/what-technical-details-should-a-programmer-of-a-web-application-consider-before 问:对于一个web开发人员来说,在发布一个站点之前,他需

一个web开发人员在发布站点前你需要考虑哪些技术细节

转自http://www.xker.com/page/e2014/0520/132486.html 一个web开发人员在发布站点前你需要考虑哪些技术细节 文章转自Hedgehog博客 前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章>,其中大多数是E文的. 先译其中一篇web相关的”每个程序员必知之WEB开发”. 原文: http://programmers.stackexchange.com/questions/46716/what-technical-details-sho

作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的

前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章>,其中大多数是E文的. 先译其中一篇web相关的"每个程序员必知之WEB开发". 原文: http://programmers.stackexchange.com/questions/46716/what-technical-details-should-a-programmer-of-a-web-application-consider-before 问:对于一个web开发人员来说,在发布一个站点之前,他需

给 Web 开发人员推荐的文档生成工具——爱创课堂

工欲善其事必先利其器,在此给给 Web 开发人员推荐几款优秀的开源文档生成工具,希望能对大家有所帮助. 1.JavaScript JSDoc 3 https://www.oschina.net/p/jsdoc 这是一款根据 Javascript 文件中注释信息,生成 JavaScript 应用.库.模块的 API 文档的工具.你可以使用它记录如:命名空间.类.方法.方法参数等.该项目还衍生出了许多模板和其他工具来帮助生成和自定义文档,比如: 模板 jaguarjs-jsdoc:https://g