在几年前，在国外，看到老外出门只需要带一张信用卡，就可！做梦也想不到，几年后的现在，在中国，出门只需要带一部智能手机就dei！这样的便捷离不开移动互联网和各种电商类、社交类等产品的支付功能的支持。

对现在很多app来说，“支付”是其盈利的关键一环。一个便捷的【支付页面】更能支持资金滚滚来~

本文整理了不同企业正在使用的电商支付，打赏支付，钱包充值提现功能页面的原型模板，都在这里啦！直接复用吧！

原型模板介绍

小红书app中的【订单支付-支付宝】页面，其中包括“商品详情”、“支付方式”和“收货时间”等组件。

简书中的【打赏】页面，便于读者打赏，包含“金额输入”、“分享弹窗”等组件

简书中的【提现】页面，包含提现弹窗，包含“金额输入框”等

摩拜app中的【钱包充值】页面，包含“充值金额”、“选择支付方式”、CTA 按钮 （“去充值”）、跳转到“Apple pay”的弹窗。

原型模板下载

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

原型模板快速复用

整体快速复用

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

页面快速复用

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

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

组件快速复用

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

除了以上登录注册原型模板外，我们也给大家提供了钱包、登录注册等基础功能模板资源，感兴趣的话可以注册墨刀，一起成为刀友，使用模板快速制作自己的产品原型～

原文地址：https://www.cnblogs.com/productcompass/p/11337411.html