PROJECT / ZUZUCHE

INDUSTRY / CAR RENTAL

TYPE / H5

DESIGNER / Misszsmm

LOCATION / Guanzhou

TIME / 2017-5

项目复盘，17年的51-POI（租租车旅游事业部）推广H5，好好总结过去，希望在新的一年对设计的热爱依旧不减，并且有更多新的领悟。

--------------------------------------------------------------------------

遇到的困难以及解决方法：

整个H5以打字机效果形式（从第三方平台扒了一些代码）展现，按住按钮，GIF动画自动往上划出。

优点：生动活泼，人机互动性强；到底之后根据用户偏好生成证书，引用热点名称“达康书记”等等劳模称号，并且发放大额免费代金券引导用户下载APP；

缺点：GIF动画太大，安卓机很难非常流畅显示，容易造成卡顿，影响用户体验。解决方案：压缩GIF，每一帧每一帧去压，造成后期GIF动画压缩工作量巨大，我是用TINY-PNG把每一个GIF的所有序列帧都压缩一遍，并且用PS逐帧动画减帧，做到每一张动画都保持在4-6帧左右，大大减少了加载时间，但同时也是给自己挖坑，抽帧压缩压到怀疑人生，TAT！但终究是解决了这个问题~无比欢迎各位大神分享其他解决方案~