PPT制作能播放视频的哔哩哔哩手机客户端[附下载]

2019年做的一个小作品,用Office2019的PPT来制作哔哩哔哩手机客户端。
可能不是很多人知道,PPT在2003版本就支持了自定义触发动画事件,也就是点击某个按钮出现指定动画功能,通过这些功能我就做了个能伪交互的bilibili APP。


先附上PPT源文件下载地址(文件大小 50MB)

>123网盘下载(不限速也不用登录,使用很方便)

>阿里云盘下载(不限速要登录)

>本站下载(预计下载需要1分钟)(zip格式)


视频预览(来自:哔哩哔哩,如果是B站过来看过识视频的朋友,就不需要再往下看了)

PPT模仿哔哩哔哩手机客户端
MrChencatz 2019.10
视频:https://www.bilibili.com/video/BV1AE411b7hD

【播放说明】

☆PPT使用Office2019制作,必须使用Office2019、2021或最新版Office365才能正常播放。否则会丢失动画,或者显示错版。使用金山WPS也不能正常播放。
☆建议使用有固态硬盘、独立显卡的电脑播放

【关于制作】

☆这是一个未完工的PPT,制作大概花了3天时间吧,用了这么多时间并不是因为很难,主要是我制作时抠细节才这么慢。完全完成是不可能的,app里分支选项按钮那么多,每个功能几乎都要单独复制页面,不可能每个功能都在PPT里做出来。

☆模仿的客户端版本,从启动图来看应该是2019年8月之后的版本,可能是5.7吧。老版本所以UI和现在差别比较大,主要区别就是,当时有个侧边栏,以及UI是Material Design风格。

☆制作方式上,也有偷懒和没做好的方面,比如UI图标,有些UI图标是PPT里图形绘制,然后组合使用的,但也有很多图标元素是从当时的客户端apk里提取出来的。评论区,动态列表之类的,好几页PPT都是纯截图,其实那些原本也是要做点动画的,但当时做太久心开始浮躁做不下去了,另一方面是堆料太多电脑很卡……这边建议,电脑一定要有M.2 Nvme的固态硬盘,,

☆主要难点:
首页图片循环滚动,投币动画。
直播页…直播页的元素太多,就直接搞了个网络连接失败
等……

【经验】

如果你也想用PPT模仿一个app的UI原型,这类我可以讲一条经验:务必做好每一个常驻元素的准确命名,比如首页顶部的搜索框,一定要手动命名写清楚一些,严谨命名的原因是因为在平滑动画,元素名称也是链接动画的因素之一,其次是一个页面做得复杂后,一页里就会有五六十个元素,如果这时候没有命名简直会是灾难。

THE END
分享
二维码
< <上一篇
下一篇>>