结尾卡:Logo、一句话、行动
Logo 揭示,口号在下方升起,一个行动按钮弹入并闪过一次高光;全部停住。
实时循环 · 6 秒 · 1920×1080 · 24 fps
参数
| 参数 | 类型 | 作用 |
|---|---|---|
| wordmark | string | 产品名 |
| mark | {parts: [{d, fill?}], box?} | false | 标志的 SVG 路径(100 单位方框);不填就用品牌色的默认胶片标志 |
| markSize | px默认: 168 | 标志高度;字标是它的 0.72 倍 |
| line / cta | string | endCard:那一句话和按钮文字;按钮只写产品动作,例如「开始做片」 |
| x / y | px | 整组标志的中心 |
| ease | {"<move>": ease} | 重调任一具名动作(见本条的动作表):预设名("out-expo")、三次贝塞尔 [x1, y1, x2, y2]、{spring: [频率, 阻尼]} 或 {trapezoid: [加速, 减速]}。动作名或曲线写错会直接报错,绝不悄悄退回默认。参考片里量出来的动作(复刻工作台 measure/*.json,按帧号存)不用手工转换:MV.fitEase(doc, "x", {from: 133, to: 142}) 或 motion-fit <文件> --measure x --from 133 --to 142 --ease 直接得到曲线 |
| brand | hex默认: #6B5BFF | 网站的品牌色;组件由它推出强调色(在舞台上对比度 ≥ 3:1)、面板色和文字色 |
| stage | "dark" | "light"默认: "dark" | 组件所在的舞台:深色或浅色 |
| display | font stem默认: "Inter-Bold" | 标题字体;在调用里写出它的名字,运行时才会加载 |
| body | font stem默认: "Inter-Regular" | 界面 / 正文字体;在调用里写出它的名字,运行时才会加载 |
| start_ms | ms默认: 300 | 组件开始的时间,镜头内的毫秒数 |
| background | boolean默认: false | 画出舞台背景(关闭时透明,叠在镜头自己的背景上) |
| place | {x, y, w, h, z?} | 组件在镜头布局里的位置:把它 1920x1080 的构图缩放进这个舞台矩形(居中、保持比例);z 决定组件之间的前后。默认整个舞台 |
动作与缓动曲线
每个动作都有自己的缓动。用 ease: { "<动作>": <曲线> } 重调其中一个,可写曲线名或贝塞尔手柄。
| 动作 | 曲线 | 作用 |
|---|---|---|
| lockup.sharpen | out-cubic | 标志从模糊里变清晰,同时从 0.9 倍长到原大 |
| ring.grow | out-cubic | 光环从标志向外扩散 |
| ring.fade | out-quad | 光环边扩散边淡去 |
| line.rise | out-expo | 口号从遮罩里升起 70 px |
| button.pop | {"spring":[1.82,0.86]} | 按钮从 0.86 倍弹出,轻微过冲 |
| shine.sweep | in-out-sine | 高光扫过按钮 |
本演示的取值
| variant | "blurUp" |
|---|---|
| wordmark | "LaunchReel" |
| line | "你的产品,动起来。" |
| cta | "开始做片" |
| brand | #6B5BFF |
| stage | dark |
<script src="/vendor/motion-vocab.js"></script>
MV.bind("s3", MV.endCard(el, {"variant":"blurUp","wordmark":"LaunchReel","line":"你的产品,动起来。","cta":"开始做片","brand":"#6B5BFF","stage":"dark","display":"NotoSansSC-Bold","body":"NotoSansSC-Regular"}));在发布片里什么时候用
每部片子的最后一镜:Logo、口号、下一步做什么。
为什么有效
一句话一个行动:结尾卡是一个决定,不是一张菜单。
不要和这些一起用
- 在句子或按钮里写价格、套餐、试用天数或货币
- 超过一个按钮
在片中的作用
自然时长
3.2–5.0 秒