最近使用摹客这款软件制作了手机端的产品原型图，照例先上结果。

点击下方链接可以查看可交互性产品原型。

https://app.mockplus.cn/run/rp/BiWm88oXU4Izu/ZeI3bhEFk?ps=1&ha=0&la=1&fc=0&dt=iphoneX&out=0

在左侧打开目录，勾选 始终显示链接区域，可以点击的地方就会被高亮出来，接着就可以像使用手机软件一样操作了。

产品原型预览

制作产品原型最大的好处是有效地整理思路，将抽象的需求转化为具像的产品。同时它可以直观地呈现给团队中的其他成员，甚至早期用户，用于验证产品的合理性，通过高效、低成本的方式来表达、测试并验证产品。

1. 原型绘制要做到清晰明了，主次分明。颜色上选用黑白灰就好，

2. 使用摹客：非专业产品经理，工具的选择应尽量简单易上手，在线功能也方便与他人共享。

制作过程

1. 确定功能范围，有哪些模块，有多少个页面

2. 画一张产品流程图，像故事脉络一样将整个产品流程一步步写出来

3. 使用工具画原型图，反复修改验证

登录摹客官网，注册账号后，新建项目

新建项目

选择RP在线，画版尺寸选择 iPhone13 Pro Max。

左侧工具栏从上到下分别是 页面、组件和图标，现阶段只用得上这三个。

左侧工具栏

新建一个页面，我这里叫做引导页，使用组件里的图形和按钮制作页面，再个页面的组件添加交互，如立即登录就跳转登录页，访问电脑端就显示弹窗等。

引导页制作

后续就一步步制作其他页面，使用预览功能进行验证，反复调试与修改。