每人都在问：“哪个原型工具是最好的？” 这是个错误的问题。
但正确的问法是：“为达成我现有目标，哪个原型工具是最好的？”
剧透警告：每人都应该掌握多种原型工具。一个是不够的，这个问题稍后再谈。
当开始一个原型前，先问自己4个问题
原型是设计思考过程中一个紧密的部分。它是设计过程中必须的部分，让我们有机会证明疯狂的想法，当原型被完成的时候，我们测试它。我们挑战和验证我们的假想，并当新信息出现的时候我们调整我们的设计。
但是，我们怎么知道使用哪个工具？原型应该做的多细致？这里有四个问题，每当你想做原型的时候应该被问到：
你做这个是为手机，平板，还是电脑？
你的原型需要怎样的保真度？
你需要多快做完？
你需要展示多少体验？
正确的原型工具的选择，取决于你需要创作的体验，五个场景下，正确的原型工具选择：
为说明我的观点，我将给你一些案例——并且告诉你哪个原型工具是最适合每一个案例的。我们将用到上面我提到的问题, 来为每一个场景创造前后关系。
1、低保真，快速的手机应用
为手机创作的
低保真的
需要快速产出的
需要把界面串起来，展现他们是如何联动的。
展示了一个应用的操作流
在这个场景下，有很多的不错的工具可以用。为这个场景使用最好的是那些——能够低保真的短时间的展示整个应用的操作流的软件。完成我们四个目标的伟大工具包括：
（点击名称进入下载，部分需要搭梯子）
Craft(by Invision, Plugin for Sketch)
Pixate（这玩意已经不更新了，不推荐。）
2、低保真的电脑问站或软件
为电脑浏览器而做（网站）
可能是低保真的
需要快速产出的
需要把页面串起来，且展示如何联动的。
展示一个网站的操作流
桌面体验的工具不是很多，当很多原型工具倾向于集中到移动端。为四个目标的好工具包括：
Marvel
Keynote（macOS自带）
3、一种响应式体验
创建一个响应式网站（移动端，平板，桌面断点）
响应性对保真度需要相当高
我每一很疯狂的最后期限，但是想要高效的
需要把界面串起来，展示他们如何联动，并且展示如何作到的响应性。
展示一个响应式网站
快速——简洁的免责声明：每当客户要求我做一个“响应性”演示——我倾向于努力重塑对话。为何我们要原型可响应性？真正目的是什么？我们可以分开展示每个模态吗？没有继续进行或前端的编码，响应性的原型设计是相当困难的。
话虽如此，有时它是很有必要的。所以为了很好的实现四个目标的工具包括：
Raw HTML/CSS/JS (true responsiveness)
4、一个特定的功能
为移动端应用，创建一个特定的动效
需要高保真效果
没有限定期限，但是希望高效
需要展示运动，元素动销，和时间线——我不介意界面间的流动效果
展示一个特定的功能动效，应用的是Principle
制作一个单独的动画很有趣，并且我发现，在这些细微差别中用户发觉很多的价值，甚至他们没有注意到动效发生。当你花更多的时间来“打磨棱角”，整体经验会感觉更加愉悦且顺畅。
Principle (fastest way to fake it)
Xcode（macOS自带）
5、高保真体验（移动端或桌面端）
为移动端或桌面断创建
一定要尽可能高保真
有时间做这个项目
需要展示屏幕间的流转，同时也要展示高保真的屏幕元素和功能的动效
展示高保真移动端的流转
有时你的原型需要很高保真，同事也展示应用整体的流程。这个一个很花时间的项目，有时我会反问这种花时间的项目。“我们为什么不直接做个真的？”
如果你需要创建一个有意思，有独特动效，用户可以页面间操作的，且有真切的体验的，高保真原型——那么这里有一些很棒的工具你可以用。
移动端
Xcode
桌面
Xcode
不要只囚禁在同一款原型工具
市场上有很多的原型工具。本文并不意味着是一个详尽的原型工具列表。它想只聚焦于一些流行的工具而已。
重要的是，把重点放在你的原型目标上，而不是聚焦在工具上。你需要传达什么？你需要展示什么？你需要测试什么？你必须要做到什么样的模态？需要什么样的保真度？多快？
当你聚焦在为达成目标而做原型的时候，所要使用的工具会自动出现。
最终，人人都应该有宽泛的原型工具使用经历。当需要出现时，你要能够使用最适合的那个。
最后，原型只是关于沟通什么事情，每当你接触原型制作，我建议你少些关注原型行为，而是多些聚焦在你为什么做这件事的原因上。你想要实现什么？
经常，我发现我自己实现一个高保真体验的原型只是为了原型本身，而不是聚焦在原型需要沟通和验证整体创意的事情上。
需要提防 做原型只是为了原型本身这种情况！原型的存在是为了验证一个创意，交流一个想法，或者测试一个方法。其他的只是在浪费时间。
关注”惜阅“，为你带来更多国内外设计资讯，还可以免费500余本借阅设计书籍
关注“惜阅”，免费借阅设计类书籍
18
作品
120
粉丝
0
关注
大牛，别默默的看了，快登录帮我点评一下吧！:)
登录 立即注册