请选择 进入手机版 | 继续访问电脑版
记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 46006|回复: 5
收起左侧

[UI教程] 共享单车(ofo)APP原型资源分享[含7P]

[复制链接]
发表于 2017-5-29 22:18:31 | 显示全部楼层 |阅读模式
2017版「ofo小黄车」APP原型资源分享,组件库和原型均可下载使用。

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


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


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


下载地址依然在文末~~

原型展示

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

部分原型动态预览



组件库展示


利用组件库快速搭建页面
1. 在广场找到「ofo共享单车」APP原型组件库, 点击引用组件库:

或者



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


资源地址
原型预览:http://www.xiaopiu.com/h5/byId?type=project&id=5922f427bcbb81485775316f


原型下载:http://www.xiaopiu.com/square?sort=new&searchText=ofo


页面库引用:http://www.xiaopiu.com/square/page?sort=new&searchText=ofo


组件库引用:http://www.xiaopiu.com/square/contr?sort=new&searchText=ofo

其它资源分享链接
1. 电商(天猫商城)APP原型资源分享
2. WeUI(微信)原型资源分享
3. 外卖(饿了么)APP原型资源分享
4. 音乐(网易云音乐)APP原型资源分享
5. 新闻阅读(ZAKER等4个)APP原型资源分享
6. 那些创意十足的Loading动效原型合集(一键复用!)
7. 视频(腾讯视频)APP原型资源分享


欢迎大家对我们的原型提出建议,对后面分享内容有哪些期待和想法也可以跟我们交流哟!
如果你觉得还不错,就点个赞吧!哈哈,给我一点更下去的动力!~动力!~动力!~



上一篇:《猜拳》MV 歌词创意书法字体
下一篇:每周一画|百面人生,你只是选择了其中一具
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
发表于 2017-5-29 22:23:07 | 显示全部楼层
请问下生成项目树具体是指什么形式呢?
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

发表于 2017-5-29 22:28:53 | 显示全部楼层
你好,动画都是用状态实现的,在http://www.xiaopiu.com/tutorial这里有关于状态的小视频讲解,在上面的项目链接中也可以直接进入编辑页看到项目源文件中是如何实现的。
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

发表于 2017-5-29 22:29:44 | 显示全部楼层
谢谢你,确实是有问题,现在已经修正。
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

发表于 2017-5-29 22:30:13 | 显示全部楼层
好的,这个我们会开发的,上线后来通知你,嘻嘻
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

发表于 2017-5-29 22:38:53 | 显示全部楼层
现在还不能哟!我的gif是通过LICEcap这个软件录制的~~推荐试试
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

快速回复 返回顶部 返回列表