提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
作为一名已经有4年工作经验的产品经理,我发现最近又掀起了一股转行产品的热潮。身为一名“过来人”,今天跟大家聊聊我的一点小经验~
讲真,入门产品真的不难,毕竟公司招一名初级的产品经理要求不会很高,工作内容大多都在执行层面。只要你有不错的产品意识和逻辑能力,画原型、写文档的基本功OK就没问题。所以在入门阶段,你把基本功练扎实就足以应付前期的岗位需求。
对0-1岁的产品经理而言,尽快形成自己的拿手、高效的原型图绘制方法是一个很重要的课题。
当然对于刚入门的同学来说,凭空构思原型不现实,我建议从已经上线的App入手,反推原型,这样更容易上手,也更能锻炼自己的产品意识和思维的缜密性。
所以,在这里我要给大家分享一个可以快速学习原型的模板库——摹客原型模板例子。这个模板中心不仅汇总了各类热门的APP、B端后台、设计规范库等模板,还支持一键保存到自己的工作区,并且所有案例100%免费。
像产品原型中常见的轮播、弹窗、图表等内容,都可以一键保存至“我的项目”中,打开就能看到页面和组件之间的逻辑关系,先拆解,再还原,很快就能get到画原型的精髓!
我帮大家在里面挑选了4个比较典型的案例,手机端App和PC端管理后台各2个。在此,建议0-1岁的产品经理都能认真研究这4个经典的原型模板,相信能快速帮大家提高画原型的能力!
手机端APP
盒马鲜生
在“盒马鲜生”这套原型模板中,给大家展示了常见的购物支付流程逻辑,其中包含“首页”、“分类”、“购物车”、“我的”四大核心板块内容。该原型采用了一拉到底+顶部分栏+所有商品图标等距排列的布局模式,以后如果大家要做电商类App,这种布局形式可以直接借鉴~
这套原型中的所有图标、组件在摹客RP中都有现成的,直接拖拽使用即可。对于等距排列的商品图片信息,在摹客RP中,按住Alt并拖动组件,再使用Ctrl+D【等距克隆】就可以了,多列商品信息就能快速完成绘制。
【盒马鲜生】模板传送门:https://www.mockplus.cn/example/rp/100036
微博
在“微博”这套原型模板中,交互可以说是它的亮点,虽然不是很复杂,但需要交互的组件及页面比较多,萌新们可以将这套模板视为交互练习1.0版。
首先来说微博首页的轮播图,其实制作比较简单。在主面板中新增一个【内容面板】组件,再添加【辅助面板】用以承载轮播的图片,给主面板与辅助面板添加交互,轮播图就能快速完成。
其次是组件与页面之间的交互,通过建立【热区】,页面内任意位置都能触发交互。选中页面/组件后,点击右侧交互面板的“添加交互”,选择对应目标及触发方式,即可完成交互动作。比如,下图这个例子是我给导航栏的图标添加了热区,连接了不同的页面交互。
【微博】模板传送门:https://www.mockplus.cn/example/rp/100036
管理后台原型模板
B2B云端ERP系统
大多企业后台的作用在于数据化管理工作流程,既然是体现数据,那么表格的运用自然非常多。如何绘制出较为美观的表格,在这里我给大家挑选了这套“B2B云端ERP系统”原型用以练习。
从组件库中拖拽出【表格】组件,选中表格后,在右侧属性面板的【外形】一栏,设置表格的样式属性,即可快速绘制出美观的表格。
另外,网页后台的交互设置十分考验产品经理的思维逻辑,所以相对“微博”的1.0版来说,这套模板算是进阶版2.0了。建议大家对交互有了初步的认识后,再来临摹这套进阶版B2B云端ERP系统的原型~
【B2B云端ERP系统】模板传送门:https://www.mockplus.cn/example/rp/100050
RP-admin后台
其实,上面3个案例大家都能找到对应的平台进行模仿,但是admin后台却不容易找到很好的模板,导致产品经理在设计admin后台时无从下手。
摹客的模板库中整理了一套非常详细的“RP-admin后台”原型模板,在这套模板中,运用了大量的数据可视化图表,其中包括折线图、漏斗图、柱状图等典型图表。这些图表都可以利用组件库中的【形状组件】拼凑完成,通过对这套模板的临摹,大家会对组件有进一步的了解。
首先是折线图,利用【钢笔工具】,就能快速绘制。
其次是漏斗图,其实就是将多个【梯形】拼凑在一起,调整大小,漏斗图很快就画出来了~
还有就是是常见的柱状图,只需要调整【矩形】的大小就能完成绘制!
总之,在这套“RP-admin后台”原型中有很多图表组件,大家临摹完后,可以将组件存为资源,方便以后随取随用!
【RP-admin后台】模板传送门:https://www.mockplus.cn/example/rp/100056
最后
以上,就是我为0-1岁的产品经理们挑选的4个极具代表性的原型案例,等距克隆、组件及页面交互、形状拼凑等实用功能,在我们日常操作中都使用得比较频繁,所以建议大家能够花时间多多练习。另外,如果在操作的过程中,有不会画的步骤,大多都能在摹客的帮助中心中找到详细的文字/视频教程。
最后再容我唠叨一句,原型是0-1岁产品经理的工作重心,大家一定要付出足够的时间和精力啊!
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册