了解线框图、模型和原型之间的差异，以及何时使用它们当您创建几乎任何内容时，通常的做法是从草稿开始。草稿可帮助您在将创作发送到世界之前解决问题。如果您已经起草了设计或处理了产品，您可能已经听说过线框图，模型或原型等术语。你可能会认为它们听起来都非常相似 – 但有一些重要的区别。在本文中，我们将比较线框、模型和原型，它们有何不同，以及何时使用每个线框。线框图 vs 模型 vs 原型在我们详细比较线框，模型和原型之前，让我们看一下这三者的基本定义。线框：线框是一种蓝图或示意图，可帮助将应用或网站的结构传达给相关利益干系人。样图：样图是设计的高保真渲染，展示了成品的外观。原型：原型是产品的早期模型，专注于功能，让您的利益相关者体验最终版本。换句话说，每个都有一个非常不同的目的。线框从低保真的角度传达结构，模型从高保真的角度突出产品的设计，原型关注产品的功能以及设计。不过，最终，它们都是起草最终产品的不同方式 – 显示不同的页面和屏幕。比较 线框样机原型目的沟通结构并获得早期反馈展柜设计展示设计和功能保真度低高高功能性不不是的技能要求低高高资源极小设计工具设计工具所需时间非常低中等高产品周期阶段发现设计原型设计和测试线框线框是基本的设计布局，用于显示有关产品和要显示的内容的关键信息。它们还显示应用或网站的页面结构，同时提供有关 UI 中元素的基本信息。何时应使用线框？通过在简约的结构设计中构建您的设计概念，您可以快速进行调整。另外，您可以让每个人都了解您未来的设计外观。最重要的是，这意味着您可以尽早分享您的想法，而不必担心更复杂的设计元素，如颜色，阴影或复杂的菜单。让我们看一下线框的几个用例：沟通结构：线框的主要目的是共享有关产品设计的关键信息。快速设计：线框应快速、简单且易于修改。产品发现：设计人员和利益相关者使用线框来识别业务需求，确定产品的范围等。在您的团队编写任何代码或分配大量资源来构建项目之前，每个人都要在他们正在构建的内容上保持一致，这一点很重要。使用线框可以帮助每个人了解您要实现的目标。样机模型是产品设计的高保真渲染，可展示成品的外观。模型可以采用图像或产品模型的形状，您通常使用数字设计工具创建它们。移动应用程序的高保真线框示例，该示例也是一个模型。何时应使用模型？现在我们知道了模型是什么，我们可以更深入地研究您可以使用它们做什么。产品发现：您还可以在开始项目之前使用模型，并测试潜在产品的不同方法。保持利益相关者的一致性：在流程的每个阶段，设计和构建产品都涉及很多人。模型可以帮助每个人在成品上保持一致，甚至给潜在投资者留下深刻印象。设计的最后一步：设计模型是产品开发周期的重要组成部分 – 通常发生在设计阶段。无论您如何使用它们，模型都可以帮助您传达您希望最终产品的外观。它们是设计武器库中必不可少的工具，因为在设计方面，过度沟通总是更好。原型原型是可以具有不同目的的项目模型。最常见的用例是专注于功能的设计 – 这有助于将它们与线框和模型分开。让我们看一下何时可能要使用原型。原型设计可帮助您确定用户流是否正确。何时应使用原型？原型是设计过程的关键部分。他们可以在以下方面提供帮助：可用性测试：原型非常适合将产品的工作版本交到用户手中，并在发货前检查您的设计是否可用。想法验证：您可以使用原型设计在设计过程中尽早分享您的想法。它将帮助您和您的团队准确确定您要实现的目标。协作设计：由于原型可以帮助您测试设计，因此您可以并且应该让尽可能多的利益相关者参与进来。UX 编写器可以帮助验证导航，开发人员可以测试功能，产品经理可以帮助你专注于用户流。诱惑投资者和更新利益相关者：有时你需要一个原型来向利益相关者证明一个想法值得采取下一步。