这些都是设计师的工具，所以应该从内部和外部学习。因此，如果你想学习如何创建网站模型，学习最好的线框工具或掌握快速原型，你就在正确的地方。本文将解释基础知识:每个可以做什么，为什么它们有用，构建每个方法的一些常用方法，甚至一些最佳实践。我们要从他们的名字开始。使用上面的下拉菜单导航到您想要的页面。

 

Wireframe=>Mockup=>原型

       那么什么是freakin的区别呢?虽然这不是设计网站或应用程序的唯一步骤，但传统的设计过程遵循这三个步骤。这是一个粗略的简化，没有考虑到中间的无数变量，但为了解释基础，这是一个很好的基础。一般来说，这与忠诚度的水平有关，通常随着你的前进而上升。同样，这是一种过于简化，而不是一成不变的规则。例如，有时跳过模型和创建一个低保真原型是最适合你的项目。或者，您可能会遵循设计师StevenBradley所钟爱的流程，在此过程中，您从线框图到模型模型，并在代码中完成。了解到并没有一个“最佳”流程(只有正确的流程)，让我们来探索每种类型的设计是什么样的。

好处

       如上所述，线框图使团队能够在深入细节之前只关注“全局”的决定。线框图的优点和任何媒体的轮廓一样:在向前移动之前，他们给了一个适当的计划，减少了由于错过了一些东西而不得不进行双反的风险。另外，作为一个可交付物，线框图可以与整个团队共享，以便每个人都在同一页上。如果您使用的是专业的线框图或原型工具，不同的团队成员可以对同一文档进行修改或评论，从而鼓励从一开始就进行协作。

       此外，线框可以显示给希望尽早查看结果的利益相关者，并在浪费时间进一步发展之前显示潜在的编辑。

 

编码的原型

      就像编码模型一样，这节省了最后阶段的时间。不过，主要的缺点是，你的编码流畅性是否那么好。

 

设计工具

      再一次，专门设计的应用程序配备了所有你需要的工具，在一个有利于这个目的的界面。你甚至可以在添加交互性时选择，有创意的交互式线框图，也就是低保真原型(我们将在下面讨论)。更多信息请查看我们的最佳原型工具列表。你的原型通常是粗糙的，但最终会比最终产品低一层。交互(特别是在后期设计阶段)越细化，在正式发布的时候效果就越好。

 

混合和匹配

       一开始，我们说我们只会介绍线框图、模型和原型的基本轮廓。他们在设计中的实际角色并不是那么容易解释，而且会根据设计者的心血来潮而变化。一些人完全忽略了实物模型。另一些人则迅速在纸上画线框图，然后再跳进更高级的选项。

 

       一个流行的变化是在早期创建低保真原型。这很适合于快速原型方法，它的目标是快速创建和测试多个原型，并将数据重复到下一个版本中。虽然快速原型设计大致是关于设计的，但是这个过程受用户输入的影响很大，这意味着最终你会得到一个更精细的最终产品。

 

结论

      我们希望你能从中得到的主要一点是，在了解每个阶段的优势以及它是如何融入整个过程的过程中，你能够以最适合你的方式定制这个过程。如果你在设计一个详细的图形时发现你做出了最好的结构决定，那么试着从一个模型开始。如果您的项目有很多技术上的复杂性(可能来自高级交互或动画)，请尽早尝试原型来解决它们。在这个过程中，唯一错误的顺序是与项目需求相反的顺序。但是不管这个项目有什么需要，有一件事是肯定的:一个知道如何最好地使用锤子的木匠将能够制造任何类型的家具。