10个实用的线框图工具

制作线框图的工具在网页设计和软件开发种扮演着很重要的角色，因为线框图帮助开发者和客户读懂在建设过程中的页面。 好的用户体验，简洁的导航的，扫除干扰信息和合理传递内容，这些都在网站设计中很重要。制作线框图工具还在网站制作的最后阶段，帮你减少设计上不必要的麻 烦。

笔和纸是起草线框图和描绘初期设计构思的好工具。但是随着开发往后推进，你也需要更高级的软件工具来升级线框图。这个软件需要支持版本迭代和编辑，保证设计在开发阶段能被评估，这里列出了十个比较流行的线框图制作工具及其价格。

PowerMockup Powerpoint的线框图插件

如果你想把微软的PPT文件直接变成线框图工具，这个插件或许正是能帮得上忙的。它在Powerpoint里增加一个新的控制面板，让你随心所欲地选择一些列常用的线框图模块，只需拖动到一个幻灯片页面而已。

PowerMockup 兼容所有的Microsoft office工具，当然包括Office2013。单用户购买是60刀。

Moqups在线的模型和线框图制作工具

如果你想做矢量版的线框图，这个在线的Html5软件就能帮到你。这是一个罗马尼亚的软件工程师开发的，为了面向全球的开发者们提供免费的工具。你 甚至都不需要注册，最近，开发小组发起了一个高级版本的Moqups，功需求量大的用户选择，而且有无限调整，页面子母列序，开发团队在线协作等其他非常 有用的的功能。

Wireframe.cc 在线的线框图工具（免费）

Wireframe.cc是一个简约的工具，它没有繁琐的东西，你只要在页面上移动鼠标来画你想要的就行了。它会帮你生成一个URL来分享给他人，而且是免费的哦，不过高级版是要付费的。

Axure RP 应用面广的线框图工具

Axure是最全面和广泛的工具之一，价格至少要290刀。它用途极广，如复杂模型开发，规范文件和线框图制作。它还有其他高级功能，比如和客户共享模型，它还有组织讨论和反馈，和组员合作的功能。

Balsamiq mockups 基于Flash的快速制作线框图工具

这是个快速风靡的工具，在2008年由一个软件工程师开发的，然后被全球的程序开发者使用后就开始逐渐流行起来，Balsamiq Mockups也能做设计，看上去就像纸上画的一样，而不是正式的机械化设计。它不仅和flash兼容，本身也是一个Adobe Air的软件，价格为80刀。

Fluid Ui 用于Android、iOS、Window上的制作模型的工具

如果你想要一款制作手机软件模型的工具，Fluid UI或许正是你需要的。这是一个基于web的工具，能做保真度很高的线框图，当然低的也能做。它有从Windows 8, 安卓和iOS的用户界面的库。你能注册一个账号，可以试用10个免费界面。如果你想用进阶版，支付30刀一个月就行了。

Pencil – GUI 开源的模型制作工具

Pencil 是一个开源的模型制作工具，能创作很多模型类型和GUI的模型。它有一堆强大的，即时可用的模版库，方便你来制作常见的模块或安卓，iOS或网站的界面控 制系统你能从一些网站上下载到或从模版库找到，很多都是由用户共享的。它还有在不同操作系统下的独立版本。

UXToolbox-  Window平台的线框图工具

如果你要开发手机软件，桌面软件或者网站，UXToolbox可以用来制作手机软件，桌面软件或者网站。UXToolbox 让你能制作有交互的模型和线框图。还有一个特别有意思的功能是只要点下按钮，你就能从手绘的线框图和图形线框图之间转化。你还能直接倒出html或者 xml，价格是240刀。

Live wire iPad上的线框图制作工具

这个工具让你可以直接在iPad上设计和测试，兼容iPhone和iPad软件，它有一个强大的设计库。价格才10刀。

Mockups.me ui线框图软件

谈论了以上那么多功能，这个工具和Mockups比较像，但比其进阶点因为这个工具可以用在安卓和iOS上。Mockups.me还有组员交流系统，帮助收集建议和反馈。网页版的每年100刀，但移动设备上的仅20刀。

总结
有很多工具可以来制作线框图，你可以通过不同需求来选择，有免费，有要付费。绝大多数时候，只有高级版本收费而已。

原文链接： Andrew Smith   翻译： 伯乐在线 - 伯乐在线读者
译文链接： http://blog.jobbole.com/56118/