如果您对此感到困难，则最好的选择是更详细的原型以及大量咖啡。如果没有，那么您可以使用一些更模糊的内容，并专注于模拟预期的功能。
1：概念原型
这些形状或形式通常看起来都不像成品。使用概念性原型，界面的细节和布局无关紧要。在只有你在工作的事情是相互作用和过程。
任何原型的目的都是展示某种东西是如何工作或将如何工作的。从这个意义上讲，这是最纯粹的原型。从字面上看，所有功能都是如此，而形式甚至都没有涉及到它。
在此阶段，它们可以看起来几乎任何东西。您可以使用流程图，便利贴，PowerPoint演示文稿，使用粗略的基于图标的插图来说明该过程的视频，或者记录自己在镜头前说话并疯狂挥舞手臂的记录。任何能说明要点的事情都可以。
概念原型通常用于任何项目的最早阶段。您的项目甚至可能没有名称。这只是一个应用程序或网站的想法，您会说：“是的，我认为它应该像这样工作……”
2：低保真原型
低保真原型是您开始包括布局和屏幕尺寸以及其他更具体问题的地方。它们通常制作得很快，并且丢弃得更快。
它们旨在提供最快的方式来迭代您的想法，直到您和/或您的客户对基础感到满意为止。所以不要依恋。其中大多数不会持续很长时间，这是一件好事。
如前所述，术语“低保真原型”通常可以与“线框”互换。实际上，该阶段通常发生在纸上。
当在应用程序中完成操作时，建议使用具有基本原型功能（例如链接到其他屏幕，注释等）的应用程序。线框图应用程序确实具有可以更轻松地通过Internet进行协作的优点，但是它们通常要慢一些采用。
在项目开始时也会使用这些名称，但是现在您可能已经有了业务模型和名称的构想。现在是时候整理一下浮在脑海中的无数个想法，然后反复进行，直到您确定肯定可以使用为止。
3：中保真原型
有时，低保真原型无法很好地理解要点，而高保真暂时无法解决。也许您尚未完全完善样式指南，或者尚未制作完所有图形资源。
无论如何，这是可以在设计阶段的开始到中期使用的原型。它们通常由原型应用制作而成，这些应用大量使用了模拟交互。它们也可以通常在CSS框架的帮助下使用HTML和CSS构建。
是的，Bootstrap和Foundation可能是目前最大的两个原型制作工具。
如果有图像，则应使用品牌图像，但是可以使用库存图像。库存UI元素通常用于更快地构建模拟界面。许多原型应用程序都带有这些元素的库，以使您的工作更快。
这类原型对于需要了解其外观和工作原理的近似文字的思想家来说非常有用。对于他们来说，忽略“尚未完成”的标头要比看起来像他们所知道的网站标头看起来像草图的粗略形状更容易。
对于这些客户，您可能希望快速提出自己的想法，而永远不要向客户展示。然后制作一个中等保真度的原型，使他们更容易看到您要去的地方。
4：高保真原型
好吧，我们在这里。您的项目也是如此。您可以在每个屏幕上都有自己的模型，一切看起来都很棒。现在是时候向人们展示它是如何工作的，当有人最终将其与后端代码集成在一起时，就该展现它的全部荣耀。
高保真原型通常用于从客户那里获得设计的最终批准。但是您不能只向他们发送PSD。这些东西必须是交互式的。
这通常以两种方式之一完成。有些使用静态HTML和CSS以半交互方式将最终的视觉效果组合在一起。其他人则使用导入图像甚至原始PSD文件的应用程序，并添加伪交互功能来模仿应用程序的最终功能。
根据应用程序的不同，您甚至可以在网络上（或在移动设备上，如果您一直在使用应用程序的话）在演示这些原型。
原型制作方法
现在，我们已经介绍了可以制作的主要原型，是时候介绍制作原型的工具了。我在上一节中提到了其中的大多数，以及它们的基本用法。但我想更详细一点。
同样，您选择的方法应取决于您和客户的适应程度。
视频或演示文稿原型
这些通常是为了在完成任何具体工作之前就卖出一个主意。因此，他们通常是针对潜在的投资者。它们也可以用于客户。但是通常有更有效的方式与客户沟通。你的旅费可能会改变。
用于销售宣传的基于视频和演示的原型通常遵循商业风格的公式：
这是一个很棒的示例，将视频原型与纸张原型混合在一起。
线框
线框可以在纸上或在应用程序中完成。它们几乎总是被认为是低保真原型，尽管如果您有足够的时间将它们升级为中保真原型。但是，这很少值得付出。
通常，线框设计为可以快速绘制和丢弃。这是使它们在纸上吸引人的原因之一。应用程序可以更加精确，并且您可以轻松编辑现有的线框；但是没有人能胜过任何人都无法看到的素描速度。
但是，如前所述，基于应用程序的线框确实具有更容易模仿界面功能的优点。在纸质线框上敲击只会发出令人愉悦的th声-unk声。
那可能很有趣，但可能无法传达您的意思。
您可能会选择同时使用：用纸确定最基本的概念，用应用程序充实并轻松共享它。
纸样
它们与线框的不同之处在于它们比工程图要多得多。在这种原型中，纸用于制作接口的物理模型（如果还是比较平坦的话）。您可以在上面的视频中看到其中之一。
界面元素通常被绘制，切出，有时被复制以制作额外内容，然后组装在另一张纸上。这给了他们灵活性的优势。在可能用线框丢掉整张纸的地方，您可以重新排列纸模型的元素，直到满意为止。重新排列几次后，得到的元素大小不正确？只是切出一个新版本。
与线框相比，它们还倾向于感觉“真实”。即使不会发生任何有趣的事情，客户也可以触摸纸模型。他们能感觉到。这种触感有时可以向客户说明比您向他们展示的任何东西都更多的东西。
每个人都需要身体接触才能更好地理解任何物体。UX设计的一半是关于重新创建与数字接口的物理交互的感觉。
使用应用程序制作的中保真原型
这些与纸张原型有很多共同点。使用Invision之类的应用程序制作的原型，或其中的许多其他选项之一（请参见下面的列表），通常是由预先设计的界面元素制成的，然后组合在一起以模仿最终产品。
当然，区别在于，所有操作都在屏幕上完成。哦，您可以通过最终的图形和品牌来做到这一点，使原型看起来与最终产品完全一样。然后，如前所述，某些应用程序可以在浏览器和移动设备上演示产品。
这使触感重新发挥作用，而您想要这个。如果您可以给客户一种感觉，而他们喜欢，那么您基本上已经得到了他们的最终杭州网站建设。
