熊大爷 现包饺子 Design System · E. Motion

Motion · 动效体系与品牌片

所有的动
都像热气上升

一条缓动曲线管全站：慢起、轻浮、缓收，像蒸汽离开蒸笼的样子。禁弹跳、禁闪烁、禁廉价 swoosh。品牌片 30 秒六镜，讲完「现包」这一件事。

01 · Motion Tokens 动效规格

Easing 唯一缓动cubic-bezier(0.4, 0, 0.2, 1)

「热气曲线」。所有过渡共用，包括 hover、入场、页面切换与视频转场的节奏参照。

Duration 三档时长240ms / 800ms / 600ms

hover 反馈 240ms；元素入场 800ms（阶梯延迟 120ms）；页面级转场 600ms。不出现第四档。

Rhythm 节奏语言慢起 → 轻浮 → 缓收

位移 ≤14px、hover 位移 -2px；透明度与位移同步，永不弹跳回摆，像蒸汽不会往回掉。

热气 Loader

三缕蒸汽 · 2.8s 循环 · 延迟 450ms 阶梯

按钮 Hover

-2px · 240ms · 低矮阴影

拨打加盟热线

入场节奏

800ms · 阶梯 120ms（点击重播）

02 · Storyboard 品牌片《现包》30s 六镜

0s30s

熊大爷
现包饺子

SHOT 01 · 开场0.0 – 3.5s
画面
暖墨底全黑起幅，三缕金色热气曲线自下而上依次升起（热气 loader 同款节奏），字幕淡入。
运镜
固定机位，纯图形动画。
转场
热气化作漫天面粉微粒，亮度渐升切入镜 2。
字幕
「熊大爷 · 现包饺子」宋体 600 白字居中，字距 0.28em，金色热气在字上方。
现包捏褶关键帧当日现包
SHOT 02 · 现包的手3.5 – 8.5s
画面
45° 特写：沾粉的双手捏出月牙饺最后一道褶，面粉在暖光里飘落，案板上一排月牙饺。
运镜
缓慢推近（dolly in ≤8%），对焦始终在指尖。
转场
动作匹配剪辑：捏合的手势 → 蒸笼盖揭开的手势。
字幕
「当日现包」左下角，宋体 600 白字 + 底部渐变压暗（同官网图注规格）。
出锅饺子关键帧一饺包四季
SHOT 03 · 出锅8.5 – 13.5s
画面
刚出锅的饺子特写，热气从食物本身升起；筷子夹起一只，皮微透、馅可见。
运镜
俯拍 45° 缓慢环移（orbit ≤15°），热气穿过光束。
转场
随热气上摇，虚焦过渡到门店暖光。
字幕
「一饺包四季」左下角，同规格。
门店空间关键帧1000+ 门店 · 31 省
SHOT 04 · 门店13.5 – 19.0s
画面
门店内景横移：开放现包档口里师傅在捏褶，暖光下食客落座，木格栅与吊灯。
运镜
水平横移（truck），速度恒定，像路过窗前。
转场
窗外灯光叠化到夜晚街角。
字幕
「1000+ 门店 · 31 省」数字用 Outfit 600，左下角。
社区街角关键帧现包吃不腻
SHOT 05 · 街坊19.0 – 24.0s
画面
黄昏社区街角，暖光门店前行人拎着外带袋走过，烟火气收束情绪。
运镜
固定机位，浅景深，人物穿过画面。
转场
亮度渐收，切米白收尾版。
字幕
「现包吃不腻」左下角，同规格。
现包
400-058-9198 · WWW.XIONGDAYE.COM
SHOT 06 · 收尾24.0 – 30.0s
画面
米白底，彩色 LOGO 以 800ms 入场淡入，绛红「现包」印章以盖章动作落下（缩放 1.15→1，无回弹），电话与官网淡入。
运镜
固定，纯图形动画；印章落下时轻微整幅下沉 2px 再复位（盖章的重量感）。
转场
无，直接收黑 400ms。
字幕
联系信息 Outfit 500，字距 0.12em，注释墨色。

成片 v1 · 30s

镜 2–5 由 seedance2 按各镜关键帧图生视频（1080p，运镜写进 prompt，环境声为 AI 同步生成）；镜 1/6 为图形动画（本页 CSS 规格直接录制，字体与 LOGO 均为真实资产）。v1 为硬切版；BGM 与混音待定稿后替换 AI 环境声，或采购版权曲精剪。