共享单车（ofo）APP 原型资源分享共享单车（ofo）APP 原型资源分享，组件库和原型均可下载使用。

共享单车可谓是在非常短的时间内火爆了整个市场，成为了新的风口，并且是持续时间足够长的风口。

由于不怎么会骑车，我迟迟没有去体验，然而看见大家都在用，总觉得不管能不能骑，总得试一把。前两天我鼓起勇气解锁了一辆单车，从小区外的广场骑到了小区楼下，感觉还挺棒～🤗 当然，作为一个原型平台的开发者，我时刻木有忘记我的本职工作，体验回来速度做了一套ofo小黄车的APP原型模版分享给大家！恰逢ofo全新品牌升级，刚发布了2.0版本，所以这次给大家提供了两个版本来体验，我是不是很贴心，哈哈。

除了完整用车流程「用车-扫码-解锁-结束行程-支付」之外，模版里还包括了「手机注册」、「支付押金」、「充值」、「微信支付」、「支付宝支付」、「分享红包」、「实名认证」等APP常用流程，相信总有你需要的！

下载地址依然在文末~~

原型展示

&amp;amp;lt;img src="https://pic4.zhimg.com/v2-305b11062f25f8f18fcaf1748782497b_b.png" data-rawwidth="2880" data-rawheight="3248" class="origin_image zh-lightbox-thumb" width="2880" data-original="https://pic4.zhimg.com/v2-305b11062f25f8f18fcaf1748782497b_r.png"&amp;amp;gt;

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

部分原型动态预览

&amp;amp;lt;img src="https://pic4.zhimg.com/v2-c7f563f0a81d42921f9ea9ff424e09ab_b.jpg" data-rawwidth="604" data-rawheight="772" class="origin_image zh-lightbox-thumb" width="604" data-original="https://pic4.zhimg.com/v2-c7f563f0a81d42921f9ea9ff424e09ab_r.jpg"&amp;amp;gt;

组件库展示

&amp;amp;lt;img src="https://pic3.zhimg.com/v2-ad1b7c18cbaf1b946a1284ac696f13da_b.png" data-rawwidth="1440" data-rawheight="1134" class="origin_image zh-lightbox-thumb" width="1440" data-original="https://pic3.zhimg.com/v2-ad1b7c18cbaf1b946a1284ac696f13da_r.png"&amp;amp;gt;

利用组件库快速搭建页面

1. 在广场找到「ofo共享单车」APP原型组件库，点击引用组件库：

&amp;amp;lt;img src="https://pic1.zhimg.com/v2-1fcd152cd08df60041d52863fe331104_b.jpg" data-rawwidth="1202" data-rawheight="315" class="origin_image zh-lightbox-thumb" width="1202" data-original="https://pic1.zhimg.com/v2-1fcd152cd08df60041d52863fe331104_r.jpg"&amp;amp;gt;

或者

&amp;amp;lt;img src="https://pic2.zhimg.com/v2-68ee535529cf296b187c2725de0ec929_b.jpg" data-rawwidth="1225" data-rawheight="277" class="origin_image zh-lightbox-thumb" width="1225" data-original="https://pic2.zhimg.com/v2-68ee535529cf296b187c2725de0ec929_r.jpg"&amp;amp;gt;

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

&amp;amp;lt;img src="https://pic3.zhimg.com/v2-fa0e649bda8d9b1d8969d58d8044564e_b.jpg" data-rawwidth="1430" data-rawheight="772" class="origin_image zh-lightbox-thumb" width="1430" data-original="https://pic3.zhimg.com/v2-fa0e649bda8d9b1d8969d58d8044564e_r.jpg"&amp;amp;gt;