Design System · E. Motion
Motion · 动效体系与品牌片
一条缓动曲线管全站:慢起、轻浮、缓收,像蒸汽离开蒸笼的样子。禁弹跳、禁闪烁、禁廉价 swoosh。品牌片 30 秒六镜,讲完「现包」这一件事。
01 · Motion Tokens 动效规格
cubic-bezier(0.4, 0, 0.2, 1)「热气曲线」。所有过渡共用,包括 hover、入场、页面切换与视频转场的节奏参照。
240ms / 800ms / 600mshover 反馈 240ms;元素入场 800ms(阶梯延迟 120ms);页面级转场 600ms。不出现第四档。
慢起 → 轻浮 → 缓收位移 ≤14px、hover 位移 -2px;透明度与位移同步,永不弹跳回摆,像蒸汽不会往回掉。
三缕蒸汽 · 2.8s 循环 · 延迟 450ms 阶梯
-2px · 240ms · 低矮阴影
800ms · 阶梯 120ms(点击重播)
02 · Storyboard 品牌片《现包》30s 六镜
熊大爷
现包饺子
当日现包
一饺包四季
1000+ 门店 · 31 省
现包吃不腻
v3 全片场景移入熊大爷门店:明档现包(身后品牌招牌)→ 捏褶 → 蒸笼上汽 → 堂食收尾,帧链式无缝转场(每镜末帧即下一镜首帧,seedance2 图生视频 8s×4 镜 1080p 无声);旁白 MiniMax speech-2.8-hd 温润男声(发音字典正音),配乐 music-1.5 器乐 + sidechain ducking;片名水印、逐句字幕与片尾卡由 Remotion 合成。
同素材 ffmpeg 直拼版(xfade 融接 + 同一混音),适合投放平台自行压字幕的场景。历史版本存档:v2 字幕版 · v1 硬切版。