恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
资源分享 | 免费的原型模板库,怎能不爱(PM必看)
5.1°
原创文章 / 教程 / / 举报
926 9 2 0

2021-12-03

作为一名已经有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

收藏

9人已收藏

摹客产品协作设计

设计+协作的一站式云平台。

  • 520

    作品

  • 844

    粉丝

  • 6

    关注

  • UI入门第二课:设计师必备的专业技能(实战篇)
  • 都2022年了,你还在看PS脸色小心翼翼作图?
  • 原型模板分享合集——叮咚买菜
  • 原型模板分享——游戏后台-Super Solitaire

猜你喜欢

    摹客产品协作设计

    摹客产品协作设计

    设计+协作的一站式云平台。

    “劳模勋章”之扁担勋章“劳模勋章”之锄头勋章诲人不倦身经百战小有名气
    • 844

      粉丝

    • 777.6

      人气

    • 1.2w

      颜值

    作品

      最新推荐

      有奖临摹 | 新年幸运签设计

      3738 13 0

      相关佳作
      换一换

        摹客产品协作设计

        点赞:2

        收藏:9

        评论:0

        资源分享 | 免费的原型模板库,怎能不爱(PM必看)

        你确定要举报资源分享 | 免费的原型模板库,怎能不爱(PM必看)

        如果查出恶意举报,十天内禁止提交任何举报申请。

        0/200

        上传证据: 超过10M的附件请使用网盘地址

        点击上传附件

        对谁可见:

        全部设计师
        • 全部设计师
        • 推荐设计师和认证设计师

        您确认要推荐?

        该作品发布时间:2021年12月03日

        评分

        完整度

        启发性

        勤奋性

        排版布局

        推荐心得

        建议20-200字以内

        0/200

        账号或密码错误,请重新输入

        账号或密码错误,请重新输入

        登录

        账号或密码错误

        发送验证码 120s 验证码错误

        登录

        可云端编辑的专业级UI设计工具

        立即体验