电商原型设计「产品经理入门」

即将到来的618全民购物狂欢节，你的钱包准备好了吗？

说到网上购物，现在电商APP真的是多种多样，虽说充分满足了人们的需求，但真正能够让大家耳熟能详，愿意重复使用的电商类APP却少之又少。这里我们整理了5款较可靠、超人气的电商APP原型模板，来为你的原型设计增添灵感～

网易严选

国内首个ODM（原始设计制造商）模式的电商。网易严选APP首页主要集中展示商品内容，有“首页”、“专题”、“分类”、“购物车”、“个人”五个标签导航，分别承担着不同的功能。其中“首页”页面提供“搜索”、“消息通知”、“推荐”等功能。

“首页”页面

“专题”页面

“分类”页面

京东

一家中国式自营电商企业，电商类行业中的翘楚，它采用常驻的底部标签导航，有“首页”、“分类”、“发现”、“购物车”、“我的”五大模块组成。“京东超市”页面不仅提供“搜索”和“扫一扫”功能，还包括“推荐分类”、“全球购”、商品封面图等元素。

“京东超市”页面

“推荐分类”页面

“填写订单”页面

天猫

天猫属于B2C模式，整合数千家品牌商、生产商，提供商家和消费者之间的一站式解决方案。

对于电商类产品，这套天猫APP的模板里提供了常见的“主页”页面、“消息盒子”页面、“商品详情”页面等。其中“消息盒子”页面由两个顶部标签导航“物流助手”、“通知消息”系统通知的元素，和“天猫活动”等商家性通知元素组成。

“主页”页面

“消息盒子”页面

“商品详情”页面

网易考拉海购

一款跨境电商平台，以自营直采的理念从源头上杜绝假货。它采用常驻的底部导航，主要由“主页”、“分类”、“种草社区”、“购物车”、“我的考拉”五大板块组成，承担着不同的功能。例如“种草社区”除了提供“搜索”和“推荐”等常见功能，还提供“写心得”、“问答”、“发现好友”、“我的主页”等功能。

“限时抢购”页面

“种草社区”页面

“问答”页面

微小店

微小店是一款“人人是买家，人人是卖家”的微商体系。它采用常驻的底部标签导航栏，有“首页”，“店主招募”，“购物车”，“个人”部分，承担着“发现和搜索音乐”，“发现和搜索商品”，“一键开店”，“结算购物车”，“个人中心”的功能。

“店主招募”页面

“一键开店”页面

“购物车”页面

看了以上5款电商类产品原型模板大汇总，设计原型的灵感来了吧？快来借鉴使用它们吧！

登陆墨刀之后，点击「新建项目」，选择「从模板中创建项目」，找到该模板，点击「使用模板」，即可将下载模板。

整体快速复用

如果你想要设计的产品和这个产品原型模板的结构、核心页面相似，那直接在墨刀中新建项目，选择使用这个产品原型模板，在这个产品原型模板的基上修改、新增页面即可。

页面快速复用

如果你觉得原型模板中的某个页面之后可能会用到，那按Ctrl A全选页面内组件，右键保存为「我的组件」，下次要使用时直接从「我的组件」中拖出即可。

当然，你也可以选择需要的页面，点击「移动」，转移到你设计的原型项目中。

组件快速复用

如果你觉得原型模板中的某些组件或组件模块之后可能会用到，那可以选中它们，右键保存为「我的组件」，下次要使用时直接从「我的组件」中拖出即可。

除了以上五款电商类类社交APP的产品原型模板外，我们也给大家提供了覆盖资讯，医疗，音乐等领域的产品原型模板资源，感兴趣的话可以注册墨刀，使用模板快速制作自己的产品原型～