在交互设计过程中，我意识到很多工程师，市场营销人员甚至高级管理人员都在使用不同的设计交付物名称。他们倾向于认为线框（wireframe），原型（prototype）和模型（mockup）是完全相同的东西。
事实上，它们是三种完全不同的交付产物，将线框与原型相混淆就像将建筑蓝图（待建建筑物的详细计划）和展示厅混淆在一起一样。本文将介绍以下三种不同的设计交付产物的区别：
线框（wireframe）
线框是设计的低/高保真度展示。它应该清楚地显示：
- 产品所包含的主要内容
- 产品的整体信息架构
- 基本界面交互的描述
线框不仅是毫无意义的灰色线框，您可以将它们视为设计的基础。在线框展示中，您不需要涉及太多细节，但另一方面，您需要为最终设计创建一个完整的表示形式。这就像是创建城市地图：每条街道都显示在地图上，但已大大简化。如果您在地图上查看，便可以感知城市的建筑，但无法感知城市的美丽。
精心制作的线框以清晰的方式传达设计信息，并为整个团队设定了路径。
何时使用线框
线框通常用作项目的文档。由于它们是静态且简洁的，因此您可以包括一些简短说明来解释交互作用或技术文档。但是，它们也可能以不太正式的方式使用，它们可以用作团队内部沟通的清晰草图。例如在演讲的时候作为一种快速设计表述方法，向开发人员解释应该如何完成开发。
原型（prototype）
人们经常将原型与线框相混淆。原型是最终产品的中高保真度展示，它可以模拟用户界面交互。
原型允许用户：
- 体验内容以及与界面的交互
- 以与最终产品类似的方式测试主要交互
原型是用户与界面之间最终交互的模拟。它可能看起来并不完全像最终产品，但十分接近。
何时使用原型
在用户测试中，原型常被作为一种低成本进行交互界面测试的手段。通过模拟最终交互，它使您可以在开发开始之前检查接口的可用性。
原型并不是记录设计的最佳方法，因为人们需要花一些时间来理解界面之间的内容及整体框架，但另一方面，它是设计文档中最具有沉浸感的展现形式。
样机（mockup）
样机是高保真，静态，设计表示的中间形式。通常，样机是视觉设计草图，甚至是最终的视觉设计展现效果。
精心制作的样机可以帮助您对产品的配色方案，视觉样式和版式做出最终决定。通过样机，您可以让对比产品的视觉效果，以查看最合适的产品视觉效果。
何时使用样机
由于它们具有完整的视觉效果，且相比于原型，能够更快的进行交付，因此在与客户进行展示的时候，样机特别有用。
总结
在设计过程中，决定使用何种交付成果，都需要考虑您的产品和团队的需求。尝试与项目的利益相关者进行沟通，例如开发人员，项目经理，产品营销人员，了解最适合他们的方案。
在许多情况下，同一个设计项目可能需要创建所有包含以上三种设计交付成果。在合适的场合运用它们，将帮助您更接近“完美”的设计。
