编辑导语：原型作为整个产品的设计基础，它承担了产品三大文档PRD的内容来源，产品经理通过原型将自己的思考进行转化，与他人交流。在做原型时，需要注意很多细节，需要不断完善、循序渐进。当然原型也是一个不断重复完善的过程，需求讨论-结构-流程-原型，这个流程不断循环，来完善和查漏补缺原型。

原型作为我们产品三大文档PRD的内容来源，以及整个产品设计基础。产品经理通过原型将思考需求时整理的流程图、结构图等文档进行具象化（原型），方便思维交流。

一份好的原型的核心就是让看不懂的人可以看懂。围绕这个可以把原型分为三个大块。

一、原型页面

产品原型可以概括地说是整个产品面市之前的一个框架设计。原型页面就是功能的展现方法和展现形式进行绘制。例如登录功能，是一键登录、账号密码登录还是手机号登录，或者都要，这些功能放在什么位置，以及用什么展现给用户。

原型的注意事项：

• 页面逻辑、层级要清晰。
• 不要上颜色，会对UI的工作产生影响以及浪费时间。
• 设计统一，文字、功能布局、功能位置等都采用统一模式，方便阅读。
• 真实信息，原型上的东西尽可能真实。例如评价，即可能编写或者找一些评价，而不是用XXXX评价代替。真实评价更有代入感。

禁止单独出现些没有统一含义的图形，要么配上文字，要么用统一含义的图形。例如放一个矩形在原型上代表logo，你不说别人肯定不懂你这是什么意思，在矩形中加上文字说明就可以很方便让人理解。

二、功能模块

功能模块是为交互说明做铺垫，这个展现方法不尽相同，可以直接在页面上标记123……和交互说明的123……一一对应，也可以是把页面功能单独拎出来，对这个小的模块进行交互说明。每个人习惯各不相同，我的习惯是把它单独拎出来进行交互说明。这样从排版、可读性等方面都好一些。

功能模块注意事项：

• 根据从上到下从左到右原则来排序。
• 要以大模块进行排序，例如登录页面的账号、密码，这些可以合并为一个登录模块，这样可以把页面内容进行大分类，不会很散。

三、交互说明

交互说明是为了对整个页面进行向规则说明，也是原型里面最重要的一部分，其他人看的就是这个交互说明。交互说明写页面操作后有什么变化，是跳转还是出现弹窗。

交互说明注意事项：3+1原则

一个基本点：所有页面都要2种状态：

1. 一种进入就看得见的状态
2. 一种操作以后显示的状态（隐藏状态） 易错点

三个维度：

1. 按钮图标等操作以后出现的状态变化
2. 刷新加载数字显示等页面规则
3. 错误提醒、弹窗等操作规则

易犯错误点：

• 返回键注意跳转链接
• 协议页面也要画
• 注册和登陆信息的错误提醒
• 没有内容是怎么提示
• 页面字数要有限制
• 设计设计的真实性

四、使用场景

使用场景为了向别人介绍在什么场景下会用这个功能，比如定位页面，用户在获取本地优惠时使用定位。

五、全局说明

交代这个页面的大的交互规则，全局说明是对整个页面进行规则说明。

例如页面刷新需要几秒时间、没有网时显示什么、弹窗出现几秒就消失。

原型主要突出一个易读性，一切都是围绕着让人看舒服、看得懂来进行排版和设计的，毕竟原型也不是给自己看的，是与PD、PM、网站开发工程师沟通的最好工具。

所以很多小细节真的要注意，可能你的一个没注意，设计、开发照着来产品就出问题了，当然原型也是一个不断重复完善的过程，需求讨论-结构-流程-原型，这个流程不断循环，来完善和查漏补缺原型。

本文由 @今夜睡桥底 原创发布于人人都是产品经理，未经许可，禁止转载。

题图来自Unsplash，基于CC0协议。