主流原型工具介绍
主流原型工具
一、 什么是原型图
简单来说，原型图就是产品成型前的简单框架，主要用于展示页面的布局和各个功能键的交互，让产品的初步构思有更直观的展现。它为开发相关的功能边界，需求细节和产品期望提供了非常具象化的展示。也是创意成为成熟产品之前非常重要的一步。原型是创造性思维过程和最终产品之间的桥梁。
二、 原型设计的重要性
绝大多数非互联网公司想要开发一个产品，甲方在与外包公司明确沟通业务流程和需求时，往往没法准确描述自己的产品的表现形态。而此时，原型图可以预览产品的界面风格、每个按钮的功能和效果，以及产品的基本框架和运行机制，以获得较为真实的感觉。
因为原型图不是最终的设计稿，当需要修改或者逻辑交互不符合要求的时候，修改比较方便，不会很麻烦，能够在开发前排除相当部分的潜在问题。业务方确定原型图后，UI设计师并没有直接和业务方沟通过需求可能无法理解产品的真实意图。此时，为设计师提供一份原型图也可以节省时间。原型图对开发人员也很有用。开发人员也可以通过原型图快速理解到产品的样式和需求，以及功能点。如果没有原型图，开发人员就会出现很多想当然的情况，最后就会出现需求和开发互相推卸的情况。总之，原型图让团队里的人都能参与到项目中来，让产品往预期的方向推进，并能得出解决方案，节省了大量的时间和沟通成本。
就以小组作业举例，一般来说，小组敲定本学期的课程设计选题需要话费1-2天时间。此时虽然选题敲定了，但只是小组成员在大方向的一至性，在逻辑交互，UI设计方面可以说是完全不一致，此时就需要沟通来解决问题。毫无疑问的是，原型图在达成想法一致性的方面是高效率的。在绘制原型图的过程中，组内的成员会随着进度的提升，逐渐在思想上达成共识。在此基础上，程序开发才能真正走上正轨。
三、 主流原型工具
- 1. Figma
Figma 是一个 基于浏览器 的协作式 UI 设计工具，从推出至今越来越受到 UI 设计师的青睐，也有很多的设计团队投入了Figma 的怀抱
优点
文件存储在云端
不用同步，在任何电脑上都可以访问
没有传统中文件的概念（不用来回传文件）
设计稿永远是最新的
在线协作
可以同时处理一个文件
可以一起查看文件而无需共享屏幕
任何人都可以对设计稿评论
多平台（Win,、Chrome、Linux、Mac）
快
内置原型功能（更易用）
内置版本控制
内置批量重命名（可以使用正则表达式）
更强大的组件（后面会说到）
可以访问和修改组件中任何层的任何属性而无需将其分离
更容易交付给开发，只需分享一个链接
工程师可以及时查看标注，自己导出切图
为 UI 优化的功能
智能排列（统一调整间距，重新排列内容）
批量图片置入
Layout（卡 Padding、标示切图大小、影响约束区域）
Web Font & Font Icon
Style（字体、颜色、描边、阴影）分开
Figma 中的字体 Style 不用管对齐方式，只包含文字本身属性
缺点
中英文混排时文字的 fallback，到目前为止对中文的支持依然不太友好
插件较少，缺少很多拓展性功能
如果要转平台，需要从头开始移植
不能断网工作，同步受网络影响
快速稳定的体验需要 维皮恩
价格略贵
专业版每人每月 15 刀，企业团队版每人每月 45 刀
不能按比例缩放
不支持动态按钮
不支持阴影扩展
不支持多层描边
- 2. AXURE RP
Axure RP是美国Axure Software Solution公司旗舰产品，它是一款专业的原型设计工具，让负责定义需求和规格、设计功能和界面的设计师能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。它功能全面，同时方便团队成员一起完成协同设计，极大地优化了工作方式，能够使沟通更加清晰有效。但Axure的交互设置略显复杂，缺乏可视化。
优点
Axure作为老牌的原型图工具，功能最齐全，交互最多样，基本任何想要的效果都可以实现，尤其在制作PC端原型图上有优势。
缺点
Axure缺点同样也相当明显，Axure的动态面板、中继器等功能都是强大的，但是不容易搞懂。AXURE的素材也是很大的问题，大部分PM 都会在AXURE原型库、素材库去寻找相应的第三方素材库，进行载入，需要花费相应的时间。
- 3. 墨刀
墨刀是一款在线移动应用原型工具，旨在帮助各种规模的移动互联网团队快速构建移动应用产品原型，墨刀支持云端保存，实时手机预览，一键分享，多种手势和页面切换特效，以及多人协作和团队管理功能。 使用墨刀，用户可以快速制作出可直接手机运行的接近真实App交互的高保真 / 线框图原型，使创意得到更直观的呈现，不管是早期客户收集反馈，客户 / 投资人展示，或是团队内部沟通协作，墨刀都可帮助用户大幅提升沟通效率，降低项目风险。
优点
1、近乎完美的原型演示效果，几乎可以以假乱真，适合产品设计确认与交互验证。
2、丰富的元件，无需自己编写直接使用。
3、非常方便分享给他人，预览速度非常快。
缺点
1、不适合做文档，只适合做交互设计
2、由于事件系统比较简单，无法演示复杂的交互效果，比如需要变量控制页面，数据排序等
总结而言，以上三款原型图设计平台各有优势也各有缺点。墨刀作为上述唯一一款由国人自主开发的软件，不仅支持Windows和Mac平台，在移动端依旧有相当不错的表现。同时考虑到原生中文的因素，国内的产品开发将更加便捷。而Figma作为一个浏览器设计平台，对于开发者使用是十分方便的，但由于数据存储在云端而不是保存在本地，所以在安全性方面有隐患。Axure是三款开发平台中最老的一款软件，理所应当的带有最强大的功能，它在设计方面的功能是其他两款不能比拟的，但同时软件页面也十分复杂，容易让初步使用的开发者不知所措。
