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

线框图

线框图工具可以让设计师的灵感快速呈现，在任何项目最开始的阶段，选择一款得心应手的线框图工具不失为一种最佳选择。如今，线框图工具的出现用雨后春笋来形容也不会过于夸张，各色工具唾手可得，过多的选择却也确容易造成设计师的选择困难。如何选成了最让人头疼的问题，如果你在为这个问题苦恼，不妨看看本文精选出的这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是我比较倾向的工具，快和简单，却又功能俱佳，而且还价格实在。你们比较心仪的工具又是哪一款呢?欢迎交流和分享哦。

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

线框图

相关阅读

栏目导航

推荐阅读

热门阅读