首页作品关于我联系

知识年度账单动效

Bill Motion · Motion / H5
项目角色动效分镜 + 实现标注
服务对象知识年度账单 H5(动效延伸)
所属章节03 动效及设计赋能

01 项目背景

"知识年度账单 H5"的动效延伸:账单类 H5 的传播力一半来自动效叙事——数字翻滚、页面滑动连贯性、结尾海报的仪式感。动效要服务于"回顾一年"的情感曲线,而非炫技。

02 我的角色

负责全片动效分镜与实现标注。

03 动效设计

  • 翻页节奏:每页停留约 3s 自动顺滑滑动,也可手动上滑,过渡 500ms;
  • 数字情绪:关键数字以 count-up 登场(800ms,缓动 easeOutQuint),配合轻微缩放强调;
  • 结尾仪式感:专属海报以描边生长 + 粒子聚集呈现,给出"完成"的满足感。
【占位:补视频 / GIF——数字 count-up 与结尾海报演示】

04 成果与价值

  • H5 完整播放率【占位:xx%】;
  • 分享率【占位:xx%】。
【占位:如有可公开的数据来源,在此注明】