当我们在设计中有了想法，想要以某种方式将我们的设计概念表达出来时，我们就可以用到原型制作的方法。原型设计不仅是为了表达概念和想法，更是为了设计的迭代和评估。
原型是指根据不同解决方案制作的具体产品，供小组成员之间或设计小组与客户和用户一起开发测试设计概念。我们在制作原型的时候，最重要的目的是将想法和概念展示出来，所以什么样的形式并不重要。我们会在不断的迭代设计中，寻找并且设计出最适合的模型供最后的方案展示和落地。设计要快，迭代也要快。这里讲的迭代要快主要针对的就是原型设计。MIT的Media Lab有一句非常流行的“Demo or die”，这里的Demo指的也是原型，大家可以发现在设计领域中，原型设计非常重要。原型设计是和他人沟通的有效工具，例如产品经理、技术开发、用研团队等。原型设计可以帮助设计师和团队清楚地知道界面之间的跳转逻，还有后期进行的用户测试，也在很大程度上依赖于设计原型。我们要注意的是：设计迭代的流程中设计、原型、评估测试不是一个线性的流程，而是反复的过程。原型设计粗略分成三个迭代的过程，分别为低保真模型、中保真模型、高保真模型。Low Fidelity通常是一些看起来比较粗糙的，比如画的草图、用纸模拟的、没有颜色的，越接近前期的概念越低保真。High Fidelity是需要还原出设计的界面最终的样子，越接近最终的产品就越高保真。第一步，迭代是使用线稿、草图，纸质的流程图线框图。第二步，我们可以进入中保的，有UI设计过的，加入了颜色、字体、排版的可点击可交互的迭代原型。第三步，大体的流程都结束之后加入更多的细节、动效。低保真原型图常见的我们有两种形式：一是手绘，用简单的线框和文字表示原型中的内容；二是用简单的灰色模块表示需要填充的内容。
下面的四个模板就是我们在制作低保真原型时可能用到的内容。非常清晰地划分了内容的区块，并且简单易懂。我们在制作手绘的原型时，可以下载一些手机的框架图，然后在内部填充内容。如下图所示，给每个界面都画上部件按钮，在旁边对界面进行标注，以帮助后期进行修改和迭代设计。下面这个案例更加方便，每张便签代表一个界面，然后绘制出内容。还可以随时移动便签的位置，方便调整其中的流程和逻辑顺序。我们也可以以上两种方法的结合，将手机界面框裁剪下来，然后放到每个界面中去，进行比对和模拟测试。一个初步的原型设计就是帮助设计师首先将想法全部成列出来，通过低保真原型设计，将关键的界面和必备的功能展现出来，这些原型设计就是帮助设计师呈现想法、对比、初步评估和辅助迭代设计的必要步骤。中间阶段其实就是一个迭代的过程，原型设计是需要不断发现问题并改进的过程。而不同阶段的原型就是为了帮助设计师，更好的发现问题，不断地完善自己的作品。
中保真图是线框图和草图的数字化版本，应具有基本的功能性，但不包含任何设计美感或图形。这些是使用FIma等应用程序或其他类似工具生成的。
在此阶段的过程中，设计已经产生了各种各样的方案，并开始了简化阶段。通过中保真图，我们可以删除所有无效的想法，并完善列表中的最佳想法。此过程将配合测试，在整个设计阶段中重复进行。
在高保真设计中，大多数必要的设计资源和组件都已经开发和集成了，原型通常由HTML / CSS和JavaScript组成。我们可以去组件库挑选使用即可，不需要从头设计。
高保真原型可以用于测试，也可以用于展示最终的效果，高保真原型就是接近产品的模型，通常包含UI Design、Illustration、Motion Design。
Illustration小插画一般用在产品的登陆界面，欢迎页面等，有时导览界面也都会有一些小插图。
Motion Design是数字视频或动画的一部分，它产生运动或旋转的错觉，并通常结合录音在多媒体项目中使用。也会有专门的团队负责视觉的设计，包括设计button、icon等。
除了这些平面设计和动画设计，界面还有一些动效设计也越来越成为交互设计的重点，目的是为了营造更好的用户体验。下面这个原型设计中的动效就非常有互动感。
我们在做原型设计的时候，最常用的就是Figma，以前用的是Photoshop和Illustrator，但由于它们都是为过去的平面设计所开发的工具，在UI设计方面的效率并不是那么高，而Figma非常轻量，非常快捷。
UXD给大家准备了Figma的基础课，帮助0基础的同学学习如何使用Figma更加快速便捷地设计出原型。更多详细信息可以查看
UXD课程官网：
https://video.uxd001.com/index
下面，用一个简单的教程帮助大家快速上手，如何在figma中建立简单的原型并进行虚拟运行。
