支付宝 APP 原型资源分享（文末有彩蛋！）

2017版「支付宝」APP原型资源分享，组件库和原型均可下载使用。

在过去，如果出门的时候身上没有现金，那么你可能会陷入寸步难行的境地，但是现在不带现金、不带卡包已经成为很多人的习惯。移动支付已经渗透到了我们生活中的方方面面：转账、打车、充值、买单、缴水电费等等，无论是线上还是线下，移动支付无处不在，它的便捷和高效是目前其它支付方式都无法匹敌的！

据易观《中国第三方支付移动支付市场季度监测报告2017年第1季度》数据显示，2017年第一季度，中国第三方支付移动支付市场交易规模达188091.2亿元人民币，环比增长46.78%；而其中，受益于金融类业务交易规模的高速增长，特别是余额宝交易规模的高速增长，支付宝以53.70%的市场份额继续夺得移动支付头名。

今天给大家分享的就是「支付宝」的APP原型。 里面有「搜索」、「付钱」、「收钱」、「转账」、「充值」、「转账」、「生活缴费」、「余额宝转入转出」、「绑定银行卡」等核心流程，也有「口碑」、「添加朋友」、「朋友动态」、「红包」、「账单详情」、「卡包」等常用页面 ，做金融类APP或者相关版块的童鞋一定能用到！

下载地址见文末～

原型展示

（右侧截图出自「支付宝」iOS版APP，仅用于此处与原型对比，不包含在原型内容中）

部分原型动态预览

完整原型预览地址：http://www.xiaopiu.com/h5/byId?type=project&id=59223a4ff89fab395f648fc1（[查看链接](http://www.xiaopiu.com/h5/byId?type=project&id=59223a4ff89fab395f648fc1)）

组件库展示

利用组件库快速搭建页面

1. 在广场找到「支付宝」原型组件库（查看链接）， 点击引用组件库：

或者

2.如上图所示，点击引用后，组件库即成为自己的引用资源（库内的资源也会实时更新），大家可在项目中使用，搭建自己的页面，比如快速搭建一个「卡包」页面：

资源地址

原型预览：http://www.xiaopiu.com/h5/byId?type=project&id=59223a4ff89fab395f648fc1（[查看链接](http://www.xiaopiu.com/h5/byId?type=project&id=59223a4ff89fab395f648fc1)）

原型下载：http://www.xiaopiu.com/square?searchText=%E6%94%AF%E4%BB%98%E5%AE%9D（[查看链接](http://www.xiaopiu.com/square?searchText=%E6%94%AF%E4%BB%98%E5%AE%9D)）

页面库引用：http://www.xiaopiu.com/square/page?sort=new&libPop=page&libId=59223c98f89fab395f648fcb（[查看链接](http://www.xiaopiu.com/square/page?sort=new&libPop=page&libId=59223c98f89fab395f648fcb)）

组件库引用：http://www.xiaopiu.com/square/contr?sort=new&libPop=contr&libId=592c082262effb17691300ae（[查看链接](http://www.xiaopiu.com/square/contr?sort=new&libPop=contr&libId=592c082262effb17691300ae)）

彩蛋时间到！！！

我们有 全网搜索 功能啦！在编辑页面左侧面板点击【全网搜索】，就可以根据关键字搜索到全网所有公开发布到广场的组件和页面，效率直线上升！

全网搜组件

全网搜页面

文章作者信息：张杨雪，独立开发者，我们希望xiaopiu的操作体验和云端共享资源能让大家创作原型时更加高效，欢迎关注专栏 xiaopiu工坊。

关键字：产品经理

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！