20个出色的线框图设计工具
如果你想成功完成一套设计流程,网站或应用程序的线框图设计,以及有效的规划是必不可少的。这不仅可以帮助你减少开销(尤其体现在设计和开发成本上),而且可以进一步扩展最初的创意,并有效构建网站或应用程序的功能和架构,更重要的,还可以有效地收集到一些极具价值的早期反馈信息。
本文收集了20个出色的移动网站和app应用的线框图设计工具,每一款工具都具有一些独特的功能特点,看看这些工具的界面吧:
1.proto 。
![](http://www.yixieshi.com/uploads/allimg/130408/0213464f1-0.jpg)
2.protoshare。
![](http://www.yixieshi.com/uploads/allimg/130408/02134625e-1.jpg)
3.mockflow。
![](http://www.yixieshi.com/uploads/allimg/130408/02134c046-2.jpg)
4.axure。
![](http://www.yixieshi.com/uploads/allimg/130408/02134cz1-3.jpg)
5.fluid。
![](http://www.yixieshi.com/uploads/allimg/130408/0213464e8-4.jpg)
6.justinmind。
![](http://www.yixieshi.com/uploads/allimg/130408/02134a2w-5.jpg)
7.uxpin。
![](http://www.yixieshi.com/uploads/allimg/130408/02134bi7-6.jpg)
8.balsamiq。
![](http://www.yixieshi.com/uploads/allimg/130408/02134b0y-7.jpg)
9.moqups。
![](http://www.yixieshi.com/uploads/allimg/130408/0213462318-8.jpg)
10.iplotz。
![](http://www.yixieshi.com/uploads/allimg/130408/0213461221-9.jpg)
11. mokk.me。
![](http://www.yixieshi.com/uploads/allimg/130408/0213462559-10.jpg)
12.invision。
![](http://www.yixieshi.com/uploads/allimg/130408/0213463310-11.jpg)
13.hotgloo。
![](http://www.yixieshi.com/uploads/allimg/130408/02134b122-12.jpg)
14.iphone mockup。
![](http://www.yixieshi.com/uploads/allimg/130408/0213462537-13.jpg)
15.flair builder。
![](http://www.yixieshi.com/uploads/allimg/130408/0213464263-14.jpg)
16. pidoco。
![](http://www.yixieshi.com/uploads/allimg/130408/02134644d-15.jpg)
17.omnigraffle。
![](http://www.yixieshi.com/uploads/allimg/130408/0213461015-16.jpg)
18.wireframe sketcher。
![](http://www.yixieshi.com/uploads/allimg/130408/0213461z5-17.jpg)
19.wireframe。
![](http://www.yixieshi.com/uploads/allimg/130408/0213462115-18.jpg)
20.pencil project。
![](http://www.yixieshi.com/uploads/allimg/130408/0213463516-19.jpg)
不仅如此,笔者还提供了一些其他线框图设计和图表app应用,这些应用也同样十分有趣。但是,请注意,下面列表里,不是所有的工具都提供移动功能,有些应用还处于程序的基础版本阶段。但是,这些app应用还是值得去探索一下,读者不妨看看是否能满足你的需要。
1、 framer------现代原型制造工具
2、 indigo studio------快速交互的原型制造
3、 mockingbird------快速线框图设计
4、 simulify------可分享的交互式线框图,实体模型,以及原型
5、 solidify------创作可点击的原型
6、 lovely charts------制图app应用,提供桌面和移动两个应用版本
7、 foreui------一款便捷使用的界面设计原型制造工具
8、 creately------实时图表协作工具
9、 jumpchart-----网站结构,布局,以及内容规划工具
10、 lumzy------实体模型制作和原型工具
11、 concept.ly------可以将线框图和设计转换成交互式app应用
12、 frame box------便捷简单的线框图设计
13、 realizer------交互式陈述报告原型设计工具
14、 cacoo------可实时协作的图表制作工具
15、 mockup builder------ 超级简单的实体模型和原型设计工具
16、 tiggzi------可以快速跨平台开发移动app应用
17、 mockup designer------主机在github上的一款基本线框图设计工具
18、 clickdummy------可将实体模型变成可点击的虚拟原型
19、 mockups.me------可以创建并展现交互式的界面设计线框图
20、 mockabilly-----根据真实的iphone手机运转状态设计iphone实体模型
21、 rwd wireframes------支持响应式布局的线框图设计工具
22、 blocks------创建可注释的html原型
23、 ux toolbox------支持创建,归档并分享线框图和原型
我们是否遗漏了你比较喜欢的线框图设计工具?如果我们有所遗漏,您可以在下面的评论栏里面给出您推荐的相关工具。
(via mashable)
本文链接:http://www.yixieshi.com/ucd/13408.html
关键字:交互设计|原型设计|原型绘制工具|
若无特别注明,文章皆为互联网的一些事原创,转载请注明出处