最近，墨墨姐后台经常收到一些刚刚成为产品经理的刀友反馈：

因为从业时间短、项目经验少，在画原型时常常会遇到这样或那样的问题：

• “领导常说我画的原型好丑，还不规范……”

• “总是被Diss原型画得太慢……”

• “画原型时总会遗漏场景，经常被打回来反复修改……”

对于产品小白来说，画原型是职业入门的一项基础技能，基础打不好，可能会直接影响你的职业成长。

墨墨姐今天给大家总结了几点画原型需要注意的事项，产品小白再也不用画野路子的原型图了，让你在产品道路上少走一些弯路：

01 产品经理为什么要画原型图？

产品小白需要知道原型图“画”不是最重要的，搞明白为什么要画、为谁而画才是关键。

只有理解了画原型图的目的，才可以输出匹配任务场景的成果，那么谁需要产品原型呢？

1.自己需要：一是工作沟通的需要，通过原型将需求可视化，传递自己对产品的理解和表达，有效地和领导、同事、客户沟通和交流，以便快速达成共识。

二是避免背锅的需要，产品设计流程中，很多环节衔接是不紧密的，如果做不到信息同步、产品需求界定不明确，到后期环节很容易出现扯皮。

2.UI需要：UI需要根据原型去确定产品的方向和功能结构，然后评估自己的工作量和寻找素材，同时避免重复设计返工。

4.开发需要：开发根据原型的设计来评审业务流程是否正确，结构是否完整，实现难度的高低，人员配置和开发周期的评估。

5.测试需要：测试需要根据原型做测试用例和测试参考。

6.企业需要：铁打的营盘流水的兵，总有新人换旧人，企业需要存档保留资料，避免造成项目风险。

针对上述的场景，常见的原型图一般有三种类型：草绘线框图、低保真原型、高保真原型。

1.草绘线框图：只展示产品的大概界面框架、关键内容和核心页面，最为“简陋”的一种，特点是：快。

2.低保真原型：比草绘线框图完整一些，属于工作沟通中常见的一种，可展示完整的界面框架、页面内容和页面流，绘制时多采用黑白灰的视觉风格。

3.高保真原型：就是原型的保真度较高，页面细节、交互完整，可以示范点击，趋近真实的产品。

多用于向领导和客户展示，方便快速理解和决策是否要直接投入开发成本。

02产品小白画原型常会出现的几个问题

清楚了画原型的目的，就来说说产品新人入行初期，常会出现的问题：

1. 不懂原型设计规范，原型页面混乱没有层次，漏洞百出

因为不了解设计规范与布局方法，很多新人画出来的原型图，没有层级架构的体现，不会做原型标注，页面又丑又混乱......

只有自己能看懂的原型图，对项目没有任何意义。

还有一些新人开始画图前，没有认真理清用户需求与产品流程，经常出现漏场景漏页面的错误。

试想一下，同事看到这样的原型图，怎么评价你的专业性？

2. 原型工具不熟练，经常返工重做，耽误项目进度

有的产品新人在初期学画原型图时，选不对工具，操作又不熟练。

常常只会拖拽文本框、矩形画线框图，或截图来表达产品想法，原型设计效率低，不断返工重做，耽误项目进度。

适合刚入行的产品新人使用的原型工具是什么呢？

墨墨姐推荐墨刀。

不是因为自家产品就夸上天，而是因为很多用户给到的真实反馈。

同样是简单的拖拽、排列组合，小白可以直接用墨刀内置的原型组件和页面素材，快速完成精美界面设计。

墨刀可以在原型内直接展示PRD文档，同一个页面下可以边做原型边写文档，一目了然，不会出现因为遗漏导致返工的尴尬。

用墨刀做出来的产品可以实现超真实的产品形态，原型即产品，同时可以实现交互演示，无需开发，低成本获取用户体验。

本原型选自墨刀素材广场，点击查看全部

3. 成为画图工具人，没有思维提升

原型图的初级作用是传递需求、表达想法。

高级的作用是 ，能帮助产品经理验证用户的使用流程，操作体验是否符合预期，产品逻辑是否完善。

建议新入行的产品经理们一定要从开始就培养自己的原型思维。

不要只是为了画图而画图，长此以往，只会变成画图工具人。

03怎么画出规范的原型图？

在把需求转化成产品原型的过程中，产品新人们一定要注意行业风格、用户体验、业务流程、业务逻辑和实现难度方面的配合和平衡。

不提倡风格特立而丧失行业特性，也不提倡太过炫酷而提高开发难度和拉长开发周期。

同时，画原型也是展示你对产品理解的逻辑表达。

因此，页面设计要遵循的原则是：层级分明，结构清晰，注重要点，避免冗余，思考全面。

下面墨墨姐分享几个优秀原型案例中的页面设计，以便让你们更加直观地了解。

这是一个园区租赁管理系统的原型案例。

据说作者为了作出做个项目，跨过山和大海，穿越人山人海，曾经扮过企业主、模仿过租客，把流程摸了个底朝天......

在做了充分的前期调研基础上，作者做出了这套原型图。

从招商、营销、信息维护、租金管理多维度考虑，分层级进行页面管理，包含的内容全面，主次清晰。

点击这里，查看素材详情

在APP的原型设计中，还要看重用户体验，以运动健身类APP为例，用户的需求在于专业、鼓励机制和社交属性。

点击这里，查看素材详情

这款运动健身APP原型，也是遵循了社区类、健身类、知识付费类产品的设计逻辑，结构清晰，层级明确。

菜单页面包括社区—探索—运动—计划—我，不同菜单页面分别包含健身动态、话题讨论、课程筛选、课程购买、课程学习等子页面。

想查看更多内容，可以直接点击图片进入墨刀官网素材广场。

墨刀素材广场官网

有海量原型模版、组件和素材供任何阶段的产品经理参考复用，还聚集了一众优秀的产品经理、设计师等素材创作人，可以在这里进行行业经验交流。

为了聚集更多优秀的原型创作者，为了给产品经理们提供丰富的素材资源，墨刀重磅推出【创作达人计划】活动。

只要你会画原型、懂设计，都可以在素材广场上传你的作品。

审核通过即可获得墨刀会员时长、还有京东E卡，奖励不设天花板，上传越多，奖励越多。

优秀的创作人还有机会受邀参墨刀官方组织的产品经理交流论坛，和线下沙龙活动哦！

一起来看下活动详情：

参 与 路 径 

1.活动页认证达人

  点击这里 直达活动现场

注：一定先进行达人认证，否则奖励的VIP时长无法发放

2.上传素材资源

3.填写基础信息并设置素材封面

基础信息越规范，过审几率越高哦～

素材广场有现成的模板封面，可直接复用。

4.审核通过，系统自动发放会员时长

上传资源会在2-3个工作日内进行审核，审核通过即可自动获得对应会员时长

注：本次活动最终解释权归墨刀所有。

如果你是优秀的创作人，请加入墨刀创作人计划，成为墨刀官方合作好友。

如果你是刚入行小白，也请关注墨刀创作人计划，学习优秀的原型图是如何创作出来的

还等什么？

Powered by Froala Editor