header_v1.7.40

H5/插画 租租车51-Project Summary

275天前发布

原创作品 / 网页 / 移动端网页
作品版权由左菇凉Misszsmm 解释, 禁止匿名转载;禁止商业使用;禁止个人使用。 临摹作品,同人作品原型版权归原作者所有。

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!但终究是解决了这个问题~无比欢迎各位大神分享其他解决方案~

这一P动效是@PACO做的,很感谢良哥对我动效的指导和纠正,以至于抽帧抽到很少的情况下还能看起来自然~~~

63
1 2

作品信息

  • 创作时间

    2018/03/15

相关作品 收录收藏夹 TA的主页
H5/插画 租租车51-Project Summary
没有新消息

提示文案

提示文案

提示失败
提示成功