一、什么是原型图？

“原型”的最基本定义是“最终产品的仿真或样本版本，用于发布之前方便测试。” 原型的目标是在花费大量时间和金钱进入开发产品前，让开发者以及对应的需求方能够快速的了解产品创意以及产品的样式布局。

二、为什么要画原型图？

1. 帮助需求方更好的了解产品的设计方案，也方便进行对应的调整和修改
2. 帮助开发人员有针对性的进行产品内容开发，前期的产品原型设计减少了开发过程中的反复验证
3. 将散乱的需求点进行汇总整合，形成一种可视化的闭环

三、怎么画原型图？

工具

这里我推荐我尝试用的一种原型图工具——xiaopiu即时原型。我们可以通过这个原型图网站进行自己的原型图设计，并且支持按钮之间的交互，方便我们更好的展现我们的功能。

设计

对于原型的设计，可以参考前几篇产品设计的博客，对于一些前端页面的设计还是要遵循产品设计的原则。

注意

我们在画原型图的时候，最忌讳的就是直接使用截图，或者将多个功能画在一个平面上，这样的行为其实很类似于我们开发代码过程中的将代码写死了，这样的原型设计，我们在后续进行扩展的时候根本无从下手，例如我们想复用同一个按钮，如果你是用的截图的形式，这样这个按钮根本无法复用，徒增了重复设计的烦恼。

文章来源: blog.csdn.net，作者：翟文彪，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/zwb568/article/details/124655112