Lovable / V042

https://t.co/OVuIhnRm6v → https://t.co/kyKWp8myFL https://t.co/DHPzoRv6Oh

以一句质疑开场，用一次现场操作制造反转，再回到原来的社交对话。整段只讲清一个问题，不旁逸到产品功能合集。

构图与编排可播放 · 可替换内容

整体编排规则示例

0.00 / 37.04 秒

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>https://t.co/OVuIhnRm6v → https://t.co/kyKWp8myFL https://t.co/DHPzoRv6Oh · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101013}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="sequence"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

画面元素社交贴文取景窗口地址栏产品输入回答回帖

MOTION LANGUAGE

动作与构图

局部动作 · 构图规则

质疑、证明、回应

先让观众读懂社交贴文中的疑问，再把视线移到域名和地址栏。打开网站、提出问题、得到答复之后，回到原贴文补上回应。

屏幕取景只跟着阅读对象移动

社交贴文、地址栏、网站和回复各有自己的取景范围。推近时保留可辨认的窗口或页面边缘，让观众知道仍在同一个使用过程里。

黑白界面提供阅读底色，彩色部分留给品牌或网站内容。疑问句和最终回应可用较大字重，地址和输入文字保持常规界面尺寸。

把反转留在最后一句

把反转留在最后一句规则示例

0.00 / 12.00 秒

23–35 秒 · 动作示意独立打开 ↗

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>https://t.co/OVuIhnRm6v → https://t.co/kyKWp8myFL https://t.co/DHPzoRv6Oh · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101013}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="23" data-end="35"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

网站出现后先留短暂辨认时间，再输入问题。答案中真正回应质疑的那一句要完整露出，随后再切回社交场景；提前露出最终回应会削弱反转。