首屏动效预览

2026-09-27 · PawChibi · 预计 2 分钟读完 · 点图可放大

结论

预览版做好了:电脑上白胚刷成彩色、真狗抬头看它;手机只上色。线上还没动。

要你定:批不批上线。

去预览

打开预览版首页 ↗

建议用你电脑的 Safari 看一遍(我这边只测了 Chrome 内核)。看完点页面最下方黑条的 Exit preview,否则浏览器会一直停在预览版。

电脑:改前 → 改后

改前(现在)
改前(现在)
刚打开:白胚
刚打开:白胚
约 1 秒:开始上色
约 1 秒:开始上色
约 2.5 秒:刷完、狗抬头
约 2.5 秒:刷完、狗抬头
播完:回到原样
播完:回到原样

手机:只上色,不放视频

改前
改前
白胚
白胚
刷色
刷色
播完
播完

手机屏上狗眼不到 10 像素,看不出动作,所以只上色,也省流量。

改了什么

文件改动
首页区块首屏图上叠一张白胚图
首页脚本去掉一直循环的慢放大,换成只播一次的上色 + 抬头
首页样式末尾加白胚、视频的位置
新素材 3 个白胚 12KB、视频 570KB、遮罩 19KB

上线与回滚

  1. Austin 批了:再核对一次备份 → 写线上 → 电脑手机复查 → 删预览版。
  2. 设计规则 01 加一行「首屏动效」,改完要你说「发布 PawChibi」。
  3. 回滚:把备份里的 3 个原文件写回,就回到现在的样子。
风险与限制(3 条)
  • 白胚要请工作室确认真的长这样(没上色的树脂件)。
  • 视频是 AI 生成的,站上任何地方都不能写成实拍。
  • 页面刚打开的一瞬间,网速慢时可能先闪一下彩色手办再变白胚。
点任意处或按 Esc 关闭✕