ııı motion.md视频风格规范
Firecrawl / V122

Directory 免费招聘数据

头像依次围绕中央标题出现，头像大小接近并带简短身份标签。标题保留两行，品牌所在行用橙色。

构图与编排 可播放 · 可替换内容
整体编排规则示例
0.00 / 19.95 秒
动作与构图示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Directory 免费招聘数据 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#ffffff}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

动作与构图

局部动作 · 构图规则

01

用人物环说明检索对象

用人物环说明检索对象规则示例
0.00 / 3.60 秒
0.2–3.8 秒 · 动作示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Directory 免费招聘数据 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#ffffff}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="0.2" data-end="3.8"><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>

头像依次围绕中央标题出现，头像大小接近并带简短身份标签。标题保留两行，品牌所在行用橙色。

02

让查询自然展开为表格

头像退走后，只留一条搜索输入；提交后显示数据来源，再扩展为多行人才结果。表格滚动时固定列头，避免靠放大文字制造假变化。

03

从这一类数据退回完整目录

结果展示后拉出许多来源标签，再留下 Directory 与品牌。迁移时头像、查询条件和结果行必须属于同一人群。

SEQUENCE

段落与节奏

点击段落，定位到上方编排示意。

0.00 秒的构图参考
0.00s
3.42 秒的构图参考
3.42s
4.00 秒的构图参考
4.00s
10.00 秒的构图参考
10.00s
13.00 秒的构图参考
13.00s
18.00 秒的构图参考
18.00s

画面参考 · 离散静帧

KEEP THE RELATIONSHIPS

制作其他主题

  • 替换为客户、专家或职位检索，保持人群与搜索结果一致。

制作约束

环状头像 / 检索标题 / 搜索框 / 来源徽标 / 人才表格

  • 头像依次围绕中央标题出现，头像大小接近并带简短身份标签。标题保留两行，品牌所在行用橙色。
  • 头像退走后，只留一条搜索输入；提交后显示数据来源，再扩展为多行人才结果。表格滚动时固定列头，避免靠放大文字制造假变化。
  • 结果展示后拉出许多来源标签，再留下 Directory 与品牌。迁移时头像、查询条件和结果行必须属于同一人群。