原型图到底该怎么画？这是大多产品经理入门时遇到的问题。有人会把原型图画成一幅精美的设计图；也有人在纸上手绘线框图；甚至有人不画图直接就进入开发了。本文作者从自身工作经验出发，结合实际业务对如何设计原型图进行了分析。
一、业务说明
文章我结合业务总结了页面流程图的画法，今天依旧结合个人书架的业务来说说原型图的设计方法，也算是一个工作流程的梳理吧。
首先了解下需求：家里孩子的书太多，该怎么归纳和整理?
1.需求分析
目标用户定位：学龄前和中小学生的家长（包括中小学有自主能力的学生）
使用场景分析：
场景1：家里有个学龄前的小宝宝，家长给卖了很多绘本，这些绘本有些是讲亲情的有些是培养情商的，家长想建立个分类进行归纳，在亲子阅读的过程中创建阅读主题环境
场景2：上小学三年级的学生家里有很多课外书，读过的没读过的放在一起，需要进行归类学习，同时读过的书也需要随时记录读书笔记加强沉淀
2.痛点分析
家长不知道孩子具体有什么书，哪些读过哪些没读；孩子读过的书积累的知识和想法缺少输出的环境页面流程图说明:
这个页面流程图说明了需求的业务逻辑，用户需要通过App扫描图书背后条形码识别图书信息，根据图书信息判断是否已经加入过书架然后跳转到相对应的页面并展示相关元素，这个逻辑在页面流程图的文章里已经说过了这里就不再重复了。
那业务逻辑已经清晰了，下一步就该进入原型图的设计了，在这之前，先来了解一下原型图的概念
二、原型图设计
原型图就是在产品成型之前的一个简单框架，将页面的重要元素和功能模块简单豪迈的进行布局和排版，加入点击交互事件形成的产品最初始的设计图。说到这里其实就可以将原型图分为静态原型和交互原型。
1.静态原型
以页面流程图中–1.书架首页—为例，该页面的主要模块是展示已加入的图书列表和扫一扫按钮，那么在静态页面中就要展示这两个元素。先看已加入的图书列表，在页面流程图的设计中已经思考了页面应该放什么，这个模块就该考虑用户想在这个模块中看到什么，考虑的是视觉效果和页面体验的问题。
比如图书列表首先应该包含图书列表的名称，是否需要背景图，是否应该显示该列表中的图书数量等等，需要扫码这些都是静态原型中产品经理应该思考和与设计UI沟通的问题。
2.交互原型
“交互设计(英文InteractionDesign,缩写IXD)，是定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系。交互系统设计的目标可以从”可用性”和”用户体验”两个层面上进行分析，