常用原型设计软件及介绍举例

原型设计工具

摹客

摹客是国内知名的在线设计协作平台。摹客的在线设计无需下载安装，不受设备系统的限制，打开浏览器即可快速进行原型设计。
    摹客自带高自由度的可扩展复用的组件，提供强大的组件级的交互制作能力，帮助产品经理和设计师快速完成设计，同时，摹客还支持复杂的矢量编辑。设计完成后，直接复制项目链接即可完成分发，无论是评审还是交付开发都非常简单、高效。摹客平台还自带强大的产品文档撰写和任务管理模块，满足设计团队全流程的创作和管理需求，一条线完成产品设计的全流程。

InVision

 

作为目前国外非常知名的一款在线原型设计协作工具，Invision 的发展势头很强。虽然最一开始Invision 主要是做设计稿之后的交互原型和团队协作管理，比如可以顺畅衔接Sketch/PS设计稿，为设计稿做批注，以及Freehand功能可以实现团队自由讨论想法。

但后来发布的 Invison studio 具备从基础开始的设计功能，可以完成相当精细的设计稿，较为强大的交互动效功能也可以满足大多数设计者的动效需求。利用 InVision Studio，还可以将团队的设计规范落地在设计工作中。

不过对于国内用户来说，Invision 始终还有些不便利：比如全英文的界面；国内访问速度一般；以及价格较贵。

Figma

 

炙手可热的全平台UI设计工具 Figma，自推出以来就收获了一大票设计师们的拥趸。虽然是在Sketch成为主流设计工具之后才正式推出，但它的基础体验丝毫不落下风。加上基于Web的核心优势，方便团队内多人在线实时协作，大大降低了团队沟通和协作的成本。
    目前对于国内用户来说，Figma存在本地化支持缺失、自身交付能力弱以及团队协作费用昂贵等问题，不过借助摹客等平台推出的Figma插件，国内用户也已经可以完美规避上述问题，高效交付Figma设计稿。

Marvel

 

Marvel 也是海外知名度较高的一款在线原型设计协作工具，支持PS和sketch设计稿导入做交互原型，也有自动标注功能。使用Marvel 可以在线完成中保真程度的原型设计，添加手势操作和过渡效果后，即可实现可交互的产品原型设计。
    通过 Marvel，用户可以便捷地分享和演示项目，客户或团队其他成员则可以直接在相应的界面上进行评论或注释。

Proto .io

 

Proto .io 也是国外一款轻便好用的在线原型设计工具，在大多数浏览器中都能使用，支持导入Sketch和PS设计稿做交互。界面清爽，拥有较为丰富的UI组件。可以直接用链接分享原型，而且因为集成了移动录屏工具lookback，适用于用户测试场景：可以记录用户点击、滑动、点击区域；也可以记录用户的声音和facecam视频评论。

目前Proto .io 有协作功能，只是比较受限；此外，交互设计较为复杂，细节效果只能通过容器实现，上手成本较高。价格相对Invision较便宜，但相对国内产品来说仍然较高。

Axure

 

老牌原型设计工具，交互制作功能强大，当然同时也带来了较高的学习成本。设计区域是无限画布，方便给设计稿添加文字注解。在交互效果层面，可以实现非常多条件判断、巧妙运用可以实现更复杂的交互。不过同时也会带来“效率不高”的问题，因为细节过于繁琐，所以会加重产品经理或交互设计师在画原型时的负担。 

此外，作为一款离线工具，Axure的原型预览和分享方式并不十分友好。浏览器预览本地文件需要安装插件；支持上传到Axshare分享，但在国内的速度也较慢。因为离线，Axure 文档存档会比较安心，不过如果涉及到多人协作，也会有“信息更新不及时”的问题。

墨刀

在对原型工具进行分析之前，我们必须明确所有的软件都只是工具，正如摄影所说：“决定摄影质量的不是你手中的相机，而是相机后面的人。”

百度百科对“工具”的定义，“达到、完成或促进某一事物的手段”，所以大家一直在说：工具不重要，创意（想法）才重要。但这也是相对的，对于某些不需要创新，已有行业规范的功能来说，能帮助我们快速达到目的的工具，就是该场景下的好工具。

对于原型工具软件来说，这也只是一个工具，我们千万不能陷入只是寻找工具当中，应当静下心来提高自己的基础能力，修炼好内功，以不变应万变，最终决定产于的原型的质量的，并不是原型工具，而是使用原型工具的我们人。

文件管理

得益于web端的优势，墨刀采用项目和文件夹的形式来存储和管理文件，经常使用的项目还可以做标记，所有的数据都在云端，目前也不支持导出本地文件。

 

优点：

• 省去了本地文件对内存的挤压，也不需要再想尽办法备份，只要墨刀没倒闭，你的文件就不会丢
• 随时随地都可以管理项目，墨刀有移动端，也做了wap适配
• 同事间交接文件再也不需要各种传输工具，只需要共享给他，前提得付费企业版
• 实时保存，不怕软件崩溃

缺点：唯一的缺点就是对服务稳定性和文件安全性的担忧，服务器出一个小波动，可能你所有的设计资产都没了，这对企业和个人来说都是很难接受的损失

图形绘制

基本图形和基础组件一应俱全，该有的都有，没什么好说的。目前没有矢量工具，想要特殊的图形只能自己去拼，但这不是画原型的必备工具，有没有都不重要。

 

组件库

接下来就是墨刀的重点功能了，如果说文件管理和图形绘制都是很基础的功能，那墨刀丰富的组件素材绝对算大杀器。作为一款在线软件，对组件的存储、转移和迭代天然就有优势，不需要像symbol那样用library去共享，墨刀只需要将制作好的组件添加为我的组件或制作母版，就可以在任何项目中复用。

墨刀的组件功能，相当于一个封装好的图形组，只不过可以统一存储起来，并不具有继承性，同一个组件可以在不同页面有完全不同的样式，一般我会把常用的图形保存起来，需要用的时候从面板里拖出来就行，也不考虑一致性的问题。

 

而母版功能相当于sketch中的symbol，具有继承性，母版改了其他的也会相应改动。母版支持交互动画，所以什么switch、点赞、弹窗、toast、下拉列表都可以做成母版，并且在预览时演示。但它和symbol的功能不太一样，不能对单个母版进行样式修改，所以只要你用了这个母版，它在所有地方的样式都是统一的。

除了自己制作以外，还有很多内置的官方组件库如Ant Design、WeUI、Element等都可以调用，基本通用的组件都可以找到。个人素材库也支持上传图片，常用的头像啊封面啊什么的，都可以保存在里面，在制作高保真原型的时候可以用到。

 

版本管理

以前墨刀是没有版本管理功能的，想要记录历史版本只能每次修改就复制一个项目，一点都不像线上的应用。目前已经更新了版本管理功能，但只限企业用户使用，目前只能创建10个版本。

团队协作

• 支持成员管理，可以通过邮箱邀请成员加入，支持增删改查
• 精细化权限设置，文件夹和项目都可以单独设置权限，也就是说可以只给成员看他该看的项目，对于大公司来说比较实用。
• 支持多人实时编辑，有编辑权限的话可以多人同时编辑一个项目，适用于开会或者多部门协作。
• 分享原型给他人十分简单，一个链接就可以搞定，也可以设置分享权限。还有各种场景化的模式可以选，真机模式适合展示，PRD模式适合开发或者UI看备注，在预览页可以随意切换，功能比较全面