对大部分产品经理来说，画原型图是一件非常头疼的事，所以在画原型之前，大家都达成了一个共识，那就是 抄！  借鉴同类型APP！

适量借鉴确实可以少走弯路，但如果根据竞品APP一页页地画原型，不仅效率很慢，而且还容易出现各种细节问题，最后让人一看，不禁吐槽：这不是抄谁谁谁的嘛，未免有些low吧？

那么问题来了，如何巧妙的借鉴，这是产品人需要仔细思考的问题！

对我而言，既然是绘制原型图，那么我参考的首选一定是原型模板而非已经上线的APP。因为已经上线的APP已经被UI添加了一层视觉效果，所以搜寻大量原型模板才是正经事！

当我选好模板后，再将模板导入原型工具中，我直接在模板中增增减减，这不是比一页页照搬竞品APP来得更快？！

不得不说，找现成的原型模板确实比较费时间，但所幸我最近发现了一款原型工具摹客RP，它自带了超多原型模板资源。当我挑选好模板后，就能一键进入绘制原型图的界面，免去了下载以及导入的步骤。从前期的借鉴模板到后续的修改优化，都能在这个工具上完成，一系列操作相当丝滑、流畅！另外一个选择摹客RP的原因，这是因为官方宣布了永久免费，不必担心付费问题。

那么接下来，就跟大家详细聊聊我是如何在摹客RP中从0-1快速“抄”出完美的原型！

第一步，高效借鉴！

适当借鉴利于原型更好的呈现，所以原型模板库一定要成为当今产品经理的必备工具包，毕竟能为各位省时省力不少，高效工作是大家共同追求的目标嘛！

在进入摹客官网后，点进“模板例子”就能解锁5个G的原型模板案例库，其中有手机端和网页端两种设备选择，模板类型包括：电商类、咨询类、社交类、生活类、官网……你根据自己产品，查找相关类型就可以！

以下我截图的是一款阅读类APP，它把大部分的场景页面都做出来了，当然极个别的页面还是需要使用者根据情况自由补充，但不得不说，这已经很能解决问题了！

当找到合适的模板后，添加进自己的项目中，然后就可以开始DIY原型了。点击页面左侧的项目树，所有页面都会在左侧展现，再点击对应页面逐一修改，这就是高效地一键复用！

而且，如果找的是素材组件模板，那么同样可以保存在项目中，方便以后随取随用。

有一说一，虽然它呈现的页面较为全面，但是不建议完全copy，毕竟这是模板，或多或少跟你自己的产品存在一些差异，所以可以先模仿，再创新嘛！

另外，模板也能分享到手机，在手机中同样也能实现页面或组件之间的交互跳转。这样即使不方便使用电脑，也能用手机查看模板例子。

第二步，把模板变成自己的原型图！

模板找到，原型图已经完成了50%的工作量了！接下来就该进入第二个步骤，该如何丰富模板，将模板变成自己的原型图？

来吧，展示！

在原有模板的基础上，添加合适的组件或图标，而摹客自带了丰富的组件和图标，一键拖拽或双击就能搞定。

主面板不足以展示的情况下，还可以添加辅助面板。利用这些丰富的组件和图标，搭配之前找好的模板例子，我就不相信你画不好原型图！

另外，想提醒下各位，画原型图一定要注意干净整洁，这样的原型看起来是不是十分清爽呢？

由此可见，在画原型图时，也别忘了设计的基本原则：对齐。所以，属性下面的一排按键，一定要好好利用！

第三步，快速理顺页面逻辑！

不少产品经理常说，当画的原型图页面多了之后，整个逻辑就混乱了，尤其在做交互页面时，很容易出现问题。对此，我深有体会。

而在摹客RP中，想要快速理顺页面逻辑，利用全貌面板就能解决。一眼看清所有原型的缩略图，在全貌面板中对各个页面建立逻辑线，并添加相关描述，借此可以快速理顺页面逻辑。逻辑线的作用仅是帮助你理顺逻辑，它对页面交互不会产生任何影响。

页面逻辑理顺后，就可以建立交互联系了。15种动画效果，8种手势，能满足大部分的交互需求。如果需要页面间交互，拖拽连线就可以。组件与页面间的交互，建立热区，添加交互即可，简单快捷，操作起来那叫一个神清气爽！

第四步，实时修改，展现成果！

当我原型画完后，提交团队评审，如果有人发现原型有问题，我也能马上编辑修改，大家在同一项目中，也能实时查看修改效果，效率非常高。甚至多人一起编辑页面，也不会存在卡顿现象。

说真的，我还挺喜欢多人实时编辑这个功能，大家一起在页面中实时编辑，能快速让团队成员get你的想法，避免了用嘴表达，可能还存在对方无法理解的尴尬。

而且多人实时编辑，其实还能应用到其他场景，比如团队在做头脑风暴时，大家也可以同时进入一个项目，不管是编辑文字或者绘制图形，实时展示都能起到作用。

总结

回到文章开头：如何快速画原型？

第一步的借鉴至关重要，好的参考可以解决一半以上的问题。适当借鉴一定是可取的，要知道完美的原型是由一定的量变引起质变的，你多借鉴别人优质的原型，多了解其他优秀的产品经理的设计理念，当你积累多了之后，就能逐渐形成自己的一套方法论，自然一套完美的原型图就呈现出来了！

以上就是我使用摹客这段时间，总结出来的绘制原型图方法。操作真的很简单，摹客官网还自带了很详细的教程资料，如果在教程中没有找到你的问题答案，也可以加入他们官方群提问，技术顾问基本会秒回，体验感还是非常不错～

永久免费的摹客RP，白嫖一个功能这么强大原型工具，你不觉得很香吗？

最后，祝大家都能“抄”出一个完美的原型图！

Powered by Froala Editor