知识干货：每个原型都是一个重要实验？为你推荐最佳原型设计工具！

这里是「交互设计全宇宙体系」知识栏目的第十一期~

「全宇宙体系」是由美国交互设计资讯独家原创性连载的关于交互设计的知识分享栏目，通过系统化、体系化地为大家带来干货推文，带领大家探索全宇宙体系中的“小行星”，收获一个个锦囊妙计~

在 UX/UI 设计中，真实和数字原型使体验和测试从构思到最终产品的产品开发成为可能。

原型的目标是在构建最终产品之前，测试设计解决方案的流程并收集来自内部和外部各方的反馈。

当团队根据用户反馈迭代地修改设计时，原型的状态是流动的。

利益相关者和潜在客户无需使用静态屏幕来收集反馈，而是能够在设备上单击要查看的产品样本。可以在设计过程的任何阶段创建原型，以帮助展示仅用文字可能难以表达的想法。

原型的三个维度

绘制在纸上，使用设计软件进行可视化，以代码形式实现。

准确性-用户界面的详细程度如何？
纸面、线框（低保真）、屏幕设计（高保真）

交互性-如何与原型交互？
无交互性、部分交互性、完全交互性。

低保真-纸面

中保真-可点击

高保真-可交互

重新审视用户流程并评估设计决策

通过观察用户点击原型，设计师可以快速识别用户在设计中可能遇到的任何困难。

收集反馈

原型设计也是一种向客户展示的有效方式。人们知道如何与产品互动。展示与原型的交互有助于激发与客户的充分知情讨论，并可以更快地带来更好的设计。

通过将实际产品放在用户手中，设计师可以快速查看原始设计流程中可能存在的缺陷，如果不使用交互式原型，他们可能不会注意到这些缺陷。

价格：Starter 计划永久免费；专业计划每位编辑每月 12 美元；组织计划每位编辑每月 45 美元

功能：线框图、原型设计、UI设计、协作

适用于：快速轻松地创建交互式、中等保真度原型

适用于：MacOS 和 Windows，或浏览器内

网址：https://www.figma.com/

价格：作为独立工具每月 9.99 美元，或作为完整 Adobe Creative Cloud 套件的一部分每月 52.99 美元

功能：线框图、原型设计、UI设计、协作

适用于：

在一个工具中创建静态设计并将其转化为交互式原型

适用于：

MacOS（v10.15 或更高版本）、Windows 10 和大多数浏览器

网址：https://www.adobe.com/products/xd.html

价格：标准计划（个人和团队）每位编辑每月 9 美元

功能：线框图、原型设计、UI设计、协作

适用于：轻型原型设计

适用于：MacOS

网址：https://www.sketch.com/

价格：最多 2 位编辑和 3 个项目免费，或使用 Pro 计划每月 19 欧元/编辑（无限项目）

功能：线框图、原型设计、UI 设计、用户测试、协作

适用于：

在几分钟内创建和测试高保真、基于代码的交互式原型，全部在一张画布上

适用于：

MacOS、Windows、iOS、Android 和浏览器

网址：https://www.framer.com/

价格：个人计划每月 11 美元，团队计划每位编辑每月 41 美元。两个计划都提供 30 天免费试用

功能：原型设计；与 Sketch、Figma 和 Adobe XD集成

适合：

寻找功能强大的原型设计工具且几乎没有学习经验的初学者

适用于：

MacOS、Windows、iOS、iPadOS和 Android

网址：https://www.protopie.io/

价格：您可以从 15 天免费试用开始，然后升级到每月 24 美元（1 个用户）的 Freelancer 计划或每月 40 美元（2 个用户）的 Startup 计划

功能：协作式高保真原型。还与 Sketch、Figma、Adobe XD 和 Photoshop 集成

非常适合：

想要快速轻松地创建交互式、高保真原型的独立 UX 设计师或初创公司

适用于：Proto.io 100% 基于网络

网址：https://proto.io/

在选择原型应用程序时，确实没有正确或错误的答案。许多可用的应用程序都可以实现相同的结果，因此无需认为设计人员必须了解所有应用程序。

找出使用哪种设计工具的最佳方法是对其进行测试，看看哪一种可以让设计师以最快的方式创建原型。原型旨在加快设计过程，而不是放慢速度，所以不要害怕跳进去尝试所有的原型，直到找到一些你喜欢使用的。

（部分图文来自网络，若有侵权，请联系删除。）

还有更多神秘福利！

一起创作更好的设计~

编辑丨Joy

如果觉得我们做的还不错点个赞和在看吧！：