工具大比拼,2018年度你不可错过的10款线框图工具 - 站长之家

工具大比拼,2018年度你不可错过的10款线框图工具

2018-05-10 15:28 稿源:thomas的网站  0条评论

线框图工具可以让设计师的灵感快速呈现,在任何项目最开始的阶段,选择一款得心应手的线框图工具不失为一种最佳选择。如今,线框图工具的出现用雨后春笋来形容也不会过于夸张,各色工具唾手可得,过多的选择却也确容易造成设计师的选择困难。如何选成了最让人头疼的问题,如果你在为这个问题苦恼,不妨看看本文精选出的这10款2018年度的线框图工具,也许对您有所启发。

买东西都讲性价比,选择工具也一样,价格实惠,功能俱佳的当然是首选。因此,本文我主要从三个方面做出分析:价格、优势、不足。希望对您有所帮助。

1.Lucidchart

Lucidchart的线框图工具可以实现轻松设计,分享和快速呈现设计灵感和想法,是创建交互式线框图和原型图的优秀工具。

价格:

5种价格模式:免费版、 基本版4.95美元/月

专业版8.95美元 /月

团队版起价为20美元/月

企业则需要联系官方获取报价

https://www.youtube.com/user/lucidchart

优势:

在线工具,无需下载或更新,支持全平台查看线框图和原型图,也能够与其他服务(如G Suite和Slack)兼容。

拖放操作,结合各种设置选项,可以毫不费力地创建线框图。

支持团队协作,团队成员可以发表评论,视频聊天或内部聊天,多种方式沟通。

可作原型工具,支持将线框图直接转化成原型图,随意增加细节设置。

提供各种形状和模板,例如UI容器,菜单,小部件等,或者直接导入元素。

自定义组件,你可以根据自己的喜好自定义工具和形状。包含形状,模板,线条,图像等。

简单易用。Lucidchart的免费线框工具非常直观,第一次使用也可以轻松制作。

兼容性强,是唯一提供对Microsoft Visio文档完全支持的Web应用程序。

不足:

没有桌面应用程序,无法离线工作。

模板不像其他工具那么多样化。 比如缺乏形状的列举。

免费帐户功能有很大限制,比如存储限制,无法访问图层、无法备份、没有恢复功能、只支持5个文档,每个文档只有60个对象。

价格略高。

电话客服支持仅包含在企业版本中。

加载文件耗时。

2.Mockplus

Mockplus是更快更简单的原型设计工具,让产品设计师5分钟即可创建交互原型。快速原型设计、精细团队管理、高效协作设计、轻松多终端演示,一切只为服务设计而存在。“快”和“简单”是Mockplus的核心价值。

价格:个人版 - 199元包年; 699元终身

团队版 - 999元包年;3999元终身 (5个用户)

企业版 - 5999包年;19999元终身 (30个用户)

https://www.youtube.com/watch?v=UQV1IfOCZ1I

优势:

快速界面设计。300多个高度封装组件,2000多个矢量图标,无需绘制,拖拽即可呈现界面设计。一键导入项目页面和模板,快速搭建基础界面,还可以获得灵感来源。

自定义组件库、数据填充、SKETCH导入,格子等特色功能实现设计快速复用,告别重复操作。

快速交互设置,设置交互只需拖拽鼠标,动态原型设计全部可视化。支持页面交互、组件交互、交互状态和交互自动还原。

快速团队协作,团队项目中,支持设定成员角色,分组管理,全局把控高效安全。项目协作时,成员轻松添加,分工编辑不冲突,协作设计有条不紊。任何设计细节,都可直接标注和评论,表达建议和收集反馈同步实现。

快速演示,8种演示方式,同类竞品中方式最全,涵盖多种设备演示。一键生成项目预览,产品需求瞬间图像化展现。轻松扫一扫,手机app实时查看。分享链接在线审阅,还可高效获取客户反馈,快速完成产品迭代。

快速服务,“三分钟内应答”的服务,是Mockplus品牌的重要特征,在中国软件企业中独一无二。软件即服务,好体验不仅在于软件本身。Mockplus客户支持及售后服务团队长期坚守的“三分钟”原则, 在目前20多个QQ官方群中,第一时间为用户排忧解难。

不足:

HTML演示存在不稳定。

不支持单个文字的颜色设置。

3.Gliffy

Gliffy是一个为网站,主页或应用程序创建框架的线框图工具,它提供了一个基本但功能不错的线框图设计解决方案,也可以满足多种业务流程图的需求。

价格:

个人:7.99美元/月

团队:4.99美元/月

企业: 联系官方获取报价

https://www.youtube.com/watch?v=hb9oiI1W51Q

优势:

提供基本形状和图形,有思维导图,SWOT分析和维恩图来创建组织结构图和其他业务图。

Gliffy Diagram的线框形状和模板可以轻松创建专业的线框图。

通过拖放完成界面设计,可以将工具形状库中的矩形框,按钮和线条添加到页面的任何位置,并添加文本,快速成图。

多人协作,可以在任何地点与任何人共享和协作,文件提供保护和跟踪更改路径。

支持导入并编辑线框图,方便利用既有资源。

最前沿的中国产品人和设计师

支持多种文件类型,GON,VDX(仅限付费帐户),Gliffy和Gxml文件。

缺点:

无法自定义颜色,不能选择图形的颜色,也不能设置插入的或箭头的颜色。

图标资源不够丰富。

协作设计不能实时,一次只能有一个人编辑文档。

缺乏使用密码保护图表的功能,没有团队成员管理机制。

输入文本时,形状组件等不会自动调整大小。

不支持导出为PDF或HMTL,分享操作不是很便捷。

4.Moqups

Moqups是一个简化的Web应用程序,可以创建线框,原型,图表并进行协作。是一个全智能,简单,快速的多功能在线设计平台。

价格:

个人 - 每月13美元

团队 - 每月19美元

企业 - 联系官方报价

https://www.youtube.com/watch?v=p38jXuc98qg

优势:

拖放元素,可以快速轻松地从小部件库和智能形状库中选择组件,快速构建线框图。

提供模板套件,可以在移动应用程序和网页设计的一系列集成模板套件中进行选择,快速进行设计,包括iOS,Android和Bootstrap。

内置1000多种流行的图标元素。包含Font Awesome,Material Design和Hawcons,还可更新图标。

支持从桌面或应用程序直接拖放导入图像,并将其快速转换为交互式原型。

丰富的字体和样式选项,有集成的Google字体可供选择。

支持团队协作,团队成员可以无障碍沟通和协作。

缺点

没有离线版本,不自持离线操作。

没有自定义图标库的导入选项。

演示版本的文件无法导出。

5.Balsamiq Mockups

Balsamiq Mockups是一款由软件工程师开发的一款基于Flash的快速线框图工具。Balsamiq Mockups自问世以来赢得了许多设计师的青睐,是进行快速线框设计的好工具。

价格:免费试用- 30天

专业版 - 89美元

https://www.youtube.com/user/Balsamiq

优势:

Balsamiq拥有可以直接进行拖拽使用的元素,包括一些按钮和列表,值得一提的是,这些元素都是手绘风格。设计师还可在编辑器里提前准备好需要使用的小部件。

Balsamiq官方网站还提供了很多模板,包括桌面App、移动端App以及网站模板等。可供点击下载,使用起来快速便捷。

Balsamiq独一无二的手写设计在如今的机械化设计中显得十分别致,能让设计师体会一种在空白屏幕里进行手绘设计的独特体验。加上其种类繁多且风格独特的UI库,能为设计师提供最便捷的服务。

适用于生成供网页设计师、开发人员、客户讨论和发表意见的线框图,而不是专注于漂亮的设计。

支持PDF导出。

缺点:

只能做低保真线框。没有动画和交互。

图像大小的调整比较麻烦,只能使用缩放比例,无法定制。

相比Mockplus,Sketch,Invision,Adobe XD等,没有太多的导出选项。无法将的低保真线框从Balsamiq转移到工作流程的下一个阶段。

不是一款适合做超大型项目的工具。

6.MockFlow

Mockflow是基于Adobe Flash Platform的一个桌面端线框图工具。干净,简约的界面,具有丰富的编辑功能,能较快的完成线框设计。

价格:

基本 - 免费

专业 - 每月14美元

团队 - 每月29美元

企业 - 每月160美元

https://www.youtube.com/watch?v=vBiXKQKjQr4

优势:

丰富的模板和元素资源,按钮,配置文件,选项卡,图像,图形等提供直接拖放使用。

支持多样的导出选项,图像,MS Word,Adobe PDF和MS PowerPoint等。

有内置的商店,可以获得其他UI元素和模板,这些元素和模板可以有效加速线框设计的进程。

团队合作,您可以将项目分配到不同的文件夹和子页面中,有序管理,可以将整个项目放在另一个区域进行审批,可以与同事分享项目,适合有多个人参与的项目。

缺点:

无法更改文本框内某个单词的颜色。

导出的文件有时包含空白,造成文件导出失败。如果压缩导出文件,也会有这样的情况发生。

缺乏快捷键,操作耗时。

客户支持比较欠缺,主要提供自助选项,只有教程和常见问题解答。

7.Wireframe CC

Wireframe CC是一款在线线框图绘制工具,它采用的是极简风格,界面极其简洁,甚至没有典型绘图应用程序的工具栏和图标。

价格:基础版-免费

专业版-$99/月

https://www.youtube.com/watch?v=3dXsRNS-spc

优势:

你只需在画布上移动鼠标就可构建你想要的形状,就像是在拿笔作画,不局限于既定组件,发挥空间自由。

其最大的特点正是专注于最基本操作,因此非常简单易用。

目前支持网页、手机横屏和手机竖屏三种模式。

发送URL链接即可快速分享,也可导出PDF。

免费使用,无需注册,无需输入信用卡详细信息。

不足:

只能做低保真线框图,无法添加丰富的UI元素。

不提供交互或动画,无法生成可交互的线框图和原型图。

客户支持欠缺,不提供教程视频,实时聊天,电话,论坛甚至常见问题解答部分也没有。

8.Justinmind

Justinmind是一款用于Web和移动应用原型以及高保真网站线框的UX工具。它既可以做低保真的线框图,也可以做高保真的原型图。

价格:个人和团队 - 每用户19美元/月

企业 - 每用户39美元/月

https://www.youtube.com/channel/UCiVANwKD7JdJ6LXaD8j2wqA

优势:

从线框到全功能的用户界面原型图,可以实现功能丰富的移动应用,网站,Web产品和企业软件原型图。也可以直接将简单的线框转换为适用于iOS和Android的交互原型。

丰富的UI工具包集合,直接使用。

在真实设备共享和测试,移动应用程序可以在任何iPhone,iPad,Android设备模拟实况,带来更好的体验。

Web互动和移动手势,通过智能行为和丰富的交互来提升体验细节。

缺点:

学习成本高,尤其是新手,需要大量的学习时间,比较耗时。

操作复杂,交互设置不能直接拖拽连接点,不够简洁。

9.Pidoco

Pidoco是一款优秀的线框图设计软件,可让您快速创建可点击的线框图和可交互的的用户体验原型图。

价格:基础 - $ 12 /月

标准 - $ 25 /月

专业- $ 55 /月

白金 - $ 175 /月

https://www.youtube.com/watch?v=lW5t_vQJi5Y

优势:

交互丰富,创建完全交互式的原型和线框图来模拟使用应用程序的真实感受。使用点击,触摸、手势、键盘输入甚至位置数据来触发原型中高度交互的操作。

团队协作,与他人实时共享原型,收集评论和编辑信息,可以查找评论历史记录和并进行问题跟踪。

完美演示,在浏览器、iOS和Android设备上实时测试原型。只需点击一下按钮,无需下载或安装任何代码。

只需点击按钮即可生成规格说明文件发送给开发团队或客户查看。离线时也可以将原型和线框图导出为PNG、矢量文件或HTML格式。

组件复用,创建并定制构建模块,提高项目中的设计一致性,较少重复操作。

缺点:

不支持符号等元素的旋转操作。

模板比较局限。

10.WireframeSketcher

WireframeSketcher是一个线框工具,可帮助设计人员,开发人员和产品经理快速创建用于桌面,Web和移动应用程序的线框,模型和原型,适用于Windows,Mac和Linux的桌面应用程序。

价格:单个用户:99美元/终身

多个用户:89美元每人/终身

https://www.youtube.com/watch?v=Vs5RLPZuykE&list=PLJ26v4UPvWo5jmWh-N_rNwnSXV8AB6T4W

优势:

丰富的模板资源,可以快速创建任何项目,网站,桌面和移动应用程序。都可以从Mockups Gallery获取Android,iPhone,iPad和Windows Phone模具。

协作设计,可以使用版本控制与您的团队成员很好的进行合作,适用于大型原型项目管理。

支持导出PDF,通过电子邮件发送给客户,也可以在服务器上在线上传和共享线框图。

缺点:

不允许自由绘制组件和其他元素。

交互和动画比较有限。

购买策略只有终身版可供选择。

总结

以上是我总结出的10款2018年度线框图工具。是不是对每款工具的了解更加深入一些了呢?开篇说到性价比,这里我也想和大家分享一下我个人的喜好和选择,尽管每款工具各有优劣,但从我自身经验来看,Mockplus是我比较倾向的工具,快和简单,却又功能俱佳,而且还价格实在。你们比较心仪的工具又是哪一款呢?欢迎交流和分享哦。

相关文章

相关热点

查看更多