10个实用的线框图工具

【感谢 Ai-Lain 的热心翻译。如果其他朋友也有不错的原创或译文,可以尝试提交到伯乐在线。】

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

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

PowerMockup Powerpoint的线框图插件

sdgfsgdfgePowerMockup-600x256

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

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

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

fthrgjtykjMoqups-600x256

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

Wireframe.cc 在线的线框图工具(免费)

ddfhgfhgfjWireframecc-600x256

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

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

fhghfghhj-Axure-RP-600x256

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

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

hjlkhjlk-Balsamiq-Mockups-600x256

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

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

hgjykkhjFluid-UI-600x256

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

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

gfhgfhPencil-600x256

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

UXToolbox–  Window平台的线框图工具

fgnjfgjn8hghgjghmUXToolbox-600x256

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

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

fhghgfhLivewires-600x256

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

Mockups.me ui线框图软件

ghfgjhjrjMockups-me-600x256

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

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

1 收藏 评论

关于作者:伯乐在线读者

① 本账号用于发布那些在伯乐在线无账号的读者的投稿,包括译文和原创文章。② 欢迎加入伯乐在线专栏作者:http://blog.jobbole.com/99322/ 个人主页 · 我的文章 · 32

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部