产品原型图是一个正常的开发过程，因为产品原型图使用户能够评估产品，并在实施之前进行试用。产品原型图有助于从客户那里获得有价值的反馈，并帮助产品设计人员和开发人员准确了解对最终产品的期望。
1. 原型图是什么
产品原型图是产品设计的基础模型、形式或实例，产品原型图经过不停的迭代，可以派生出现有产品的新模型或新版本。
2. 原型图怎么画
我们以产品计时器为案例，分步骤讲解如何从0到1绘制一个产品原型图。
2.1 绘制产品概念草图
画出计时器的概念草稿图，有助于后面细化产品原型图，我们可以借助在线协同产品设计工具Pixso快速完成计时器草稿的绘制，免费注册Pixso账号，开启一体化产品设计。
2.2 开启原型设计
使用Pixso内置的腾讯设计系统 ArcoDesign ，可以快速开启设计。选择输入文本（快捷键T），并调整合适的字体、大小、颜色和摆放位置。
再在 Pixso 编辑器页面上方的插件库中打开 iconfont 或者 IconPark 插件，为不同的文本选择合适的小图标，并调整好尺寸位置，马上前往Pixso插件广场，解锁更多插件。
左侧栏进行组件的简单拖拽，可以快速完成产品原型图。Pixso编辑的右边是设计工具，供设计师完成字体、颜色、角度等调整。
2.3 绘制计时器效果图
计时器创意方案有四种功能，计时器、倒计时、停止计时、待办事项列表。
计时器产品原型图
复制首页画板，开始绘制番茄钟倒计时效果图。将标题“计时器”“关闭”按钮保留，将“25:00”改为“06:25”，其余元素删除，增加“停止”和“暂停”按钮样式，然后再调整尺寸和位置。
倒计时产品原型图
复制首页画板，开始绘制番茄钟倒计时效果图。将标题“计时器”“关闭”按钮保留，将“25:00”改为“06:25”，其余元素删除，增加“停止”和“暂停”按钮样式，然后再调整尺寸和位置。
停止倒计时产品原型图
复制倒计时画板，绘制倒计时停止时的效果图。只需在“06:25”图层上方叠加一个透明度为80%的白色图层作为蒙版，使得文字颜色变浅，再将“停止”和“暂停”两个按钮改为“放弃”和“完成”，并更换相应的图标即可。
待办事项列表产品原型图
最后绘制待办事项页面。同样新建一个480x300像素的画板，输入5个待办事项的文字例子并添加浅灰色作为背景框，在每项待办事项文字前绘制一个12x12像素的矩形作为待办事项的操作框，操作框样式要罗列常规状态的空白框、确认状态的勾选框以及不确定状态的选框。最后添加“返回”按钮。
2.4 浮窗形式的交互设计
-
开始倒计时：点击首页画板的开始按钮，然后在Pixso 编辑器右侧属性栏中选择【原型】属性，添加【交互事件】，动作设置为【单击】触发，操作选择【跳转到】，目标选择【倒计时进行时页面】，动画效果为【即时】，这样就可完成跳转至倒计时界面并开始倒计时的交互效果。
-
暂停/停止计时：选择倒计时效果图中的停止按钮，然后在【交互事件】中设置单击跳转到【倒计时二次确认页面】。
-
二次确认后：选择倒计时二次确认页面中的完成按钮，在【交互事件】中设置单击跳转到【首页】即可。
-
查看完成事项：点击首页画板中的完成事项图层，【交互事件】设置为单击跳转到【待办事项列表】。
-
编辑完成事项：点击待办事项画板中事项，可对事项列表进行查阅和编辑，也可单击对事项进行状态标注的操作。选择返回按钮，将【交互事件】设置为单击跳转到【首页】。
使用Pixso可以实现多种产品原型图创意形式，我们还可以将倒计时效果图中的倒计时换成秒表倒计时的圆环形状。
3. 画原型图的优势
产品原型图是产品开发之前重要的设计草稿，具有以下几个优点：
-
审查产品的可行性：产品原型图制作可以让你了解产品的哪些功能是无法实现的，并使产品设计的技术限制更突出。
-
展示产品前景：用户可以通过产品原型图评估产品的市场前景，这也有助于产品未来的销售和市场推广。
-
以较低成本迭代产品：产品迭代是产品原型重复构建和修改的过程，直至优化出最佳的产品形态。
-
模拟产品最终形态：产品原型接近于产品的最终形态，设计者可以借助产品原型图吸引投资者和消费者。
-
提供有针对性的反馈：其他成员通过查看产品原型图，能够提出更有针对性的反馈，并了解产品形态的发展方向。
-
降低产品设计失败风险：在绘制产品原型图的过程中，能够使产品的缺点暴露出来，从而减低产品失败的风险。
4. 原型图制作软件
Pixso是一款在线产品设计一体化工具，拥有在线协作、原型设计、UI/UX 设计、代码交付等全栈设计协同功能，你只需一个链接，就能将产品原型图作品发送至上下游协作者，满足日常工作学习需求，一个团队仅需一个工具。Pixso资源社区内置来自阿里、字节、腾讯等设计系统，汇集多色矢量网格、斜切、图片取色等众多宝藏插件，每月更新上百个精品模板，所有产品设计资源一键复用，让产品计效率成倍提升！Pixso个人版永久免费，不限人数、不限文件，现在马上试试。
