编辑导语：原型作为整个产品的设计基础，一起来看看吧。1、朋友圈视频封面在此之前，它承担了产品文档PRD的内容来源，朋友圈背景一直只能放静态图片，产品经理通过原型将自己的思考进行转化，但此次更新后，与他流。在做原型时，可以从视频号中选择一段视频作为朋友圈封面。不过该功能还属于灰度测试阶段，需要注意很多细节，只有少分用户才能使用。如果你也有该功能，需要不断完善、循序渐进。当然原型也是一个不断重复完善的过程，可以在朋友圈点击封面，需求讨论-结构-流程-原型，右下角新增了“换封面”的按钮，这个流程不断循环，选择之后可以任意从自己的视频号或者手机相册上传一段视频，来完善和查漏补缺原型。
原型作为我们产品文档PRD的内容来源，最长可以支持30秒。设置成功后再次点击朋友圈，以及整个产品设计基础。产品经理通过原型将思考需求时整理的流程图、结构图等文档进行具象化（原型），就会自动播放视频，方便思维交流。
一份好的原型的核心就是让看不懂的人可以看懂。围绕这个可以把原型分为三个块。
一、原型页面
产品原型可以概括地说是整个产品面市之前的一个框架设计。原型页面就是功能的展现方法和展现形式进行绘制。例如登录功能，是一键登录、账号密码登录还是手机号登录，或者都要，这些功能放在什么位置，以及用什么展现给用户。
原型的注意事项：
页面逻辑、层级要清晰。
不要上颜色，会对UI的工作产生影响以及浪费时间。
设计统一，文字、功能布、功能位置等都采用统一模式，方便阅读。
真实信息，原型上的东西尽可能真实。例如评价，即可能编写或者找一些评价，而不是用XXXX评价代替。真实评价更有代入感。
禁止单独出现些没有统一含义的图形，要么配上文字，要么用统一含义的图形。例如放一个矩形在原型上代表logo，你不说别人肯定不懂你这是什么意思，在矩形中加上文字说明就可以很方便让人理解。
二、功能模块
功能模块是为交互说明做铺垫，这个展现方法不尽相同，可以直接在页面上标记123……和交互说明的123……一一对应，也可以是把页面功能单独拎出来，对这个小的模块进行交互说明。每个人惯各不相同，我的惯是把它单独拎出来进行交互说明。这样从排版、可读性等方面都好一些。
功能模块注意事项：
根据从上到下从左到右原则来排序。
要以模块进行排序，例如登录页面的账号、密码，这些可以合并为一个登录模块，这样可以把页面内容进行分类，不会很散。
三、交互说明
交互说明是为了对整个页面进行向规则说明，也是原型里面最重要的一分，其他人看的就是这个交互说明。交互说明写页面操作后有什么变化，是跳转还是出现弹窗。
交互说明注意事项：3+1原则
一个基本点：所有页面都要2种状态：
一种进入就看得见的状态
一种操作以后显示的状态（隐藏状态） 易错点
三个维度：
按钮图标等操作以后出现的状态变化
刷新加载数字显示等页面规则
错误提醒、弹窗等操作规则
易犯错误点：
返回键注意跳转链接
协议页面也要画
注册和登陆信息的错误提醒
没有内容是怎么提示
页面字数要有限制
设计设计的真实性
四、使用场景
使用场景为了向别人介绍在什么场景下会用这个功能，比如定位页面，用户在获取本地优惠时使用定位。
五、全说明
交代这个页面的的交互规则，全说明是对整个页面进行规则说明。
例如页面刷新需要几秒时间、没有网时显示什么、弹窗出现几秒就消失。
原型主要突出一个易读性，一切都是围绕着让人看舒服、看得懂来进行排版和设计的，毕竟原型也不是给自己看的，是与PD、PM、网站工程师沟通的最好工具。
所以很多小细节真的要注意，可能你的一个没注意，设计、照着来产品就出问题了，当然原型也是一个不断重复完善的过程，需求讨论-结构-流程-原型，右下角新增了“换封面”的按钮，这个流程不断循环，选择之后可以任意从自己的视频号或者手机相册上传一段视频，来完善和查漏补缺原型。
本文由 @今夜睡桥底 原创发布于人人都是产品经理，未经许可，禁止转载。
题图来自Unsplash，基于CC0协议。
标签：
