# 案例库

## 用途

建立审美标准，学习"镜头如何贴合内容"——不是用来抄镜头的菜单。

看案例的正确方式：理解作者为什么这样设计 → 看完忘掉具体镜头 → 为本期内容重新想意象。

## 入库规则

每个新案例必须配拆解说明，至少覆盖 2 个代表镜头，格式为：
**那句话 → 核心意象 → 视觉翻译**。
没有拆解说明的案例不准入库。

---

## 案例一览

### ① copy_driven_visual_short (33).html

**标题：** 不行动才是最大的风险
**风格：** 暗黑冲击·文案炸场型
**格式：** 16:9 / GSAP / 13 镜头
**适用：** 情绪冲击、行动召唤、"不做才是风险"类主题

**拆解：**

| 那句话 | 核心意象 | 视觉翻译 |
|---|---|---|
| "大多数人卡住是因为恐惧" | 恐惧的具象 + 被划掉的借口 | 巨型"恐惧"幽灵字 + 三项打叉清单 |
| "思考变成延迟暴露风险的机制" | 时间流逝、拖延 | CSS 沙漏：上室沙粒流向下室，动画持续流淌 |
| "不行动本身才是最大的风险" | 主题宣示、压迫感 | 居中粗体主文案 + 三圈同心脉冲光环 |

---

### ② porridge_truth_微信单文件版.html

**标题：** 养生粥到底养不养生
**风格：** 暖色科普·竖版克制型
**格式：** 4:5 微信竖屏 / 纯 CSS / 12 镜头
**适用：** 健康/生活/教程类，需要温和科普感而非冲击感

**拆解：**

| 那句话 | 核心意象 | 视觉翻译 |
|---|---|---|
| 逐步揭示营养真相 | 层层递进的科普叙事 | 暖纸色分屏 + 竖向场景切换 + 金/翠绿数据高亮 |
| 健康机制对比 | 两种做法的结果差异 | 左右分列，数值差异标色（金色 vs 红色） |

**注：** 本案例演示风格可以脱离暗黑高冲击。这里的金色/翠绿/暖纸色是为"养生科普"内容定制的情绪；换一期内容，配色也需重新考虑。

---

### ③ 地球就是一个巨大的陌生人社交游戏-动态短片.html

**标题：** 地球是陌生人社交游戏
**风格：** 电影感叙事·暗黑抒情型
**格式：** 16:9 / 纯 CSS / 14 场景
**适用：** 哲理/情感/社交观念类，叙事节奏缓而有力

**拆解：**

| 那句话 | 核心意象 | 视觉翻译 |
|---|---|---|
| "你向外做功，世界就开始看见你" | 三个维度同时成立 | 三个横向药丸标签（能量 / 印象 / 定价） |
| "语言、逻辑、标签、自我介绍" | 多维识别系统 | 五词标签云：机敏 / 流畅 / 清晰 / 精确 / 但不刻板 |
| "地球，就是一个巨大的陌生人社交游戏" | 宏观世界观框架 | 居中极简大字，无装饰，留白强调，段落间距拉宽 |

**注：** 本案例演示"朴素也可以很有力"——不是每句话都需要动画，主题句用留白和字重就足够震撼。

---

### ④ 动态视频网页素材.html

**标题：** 思考和执行 v5
**风格：** 暗黑高冲击·数据感型
**格式：** 16:9 / 纯 CSS / 17 cue
**适用：** 逻辑推演、对抗性概念、思维方式类内容

**特殊说明：** 本 skill 技术骨架（主时钟、HUD、字幕、pop/slam/glitch 入场动画）的设计原点。但它的具体镜头属于"思考vs执行"那一期，做新内容时不要搬用。

**拆解：**

| 那句话 | 核心意象 | 视觉翻译 |
|---|---|---|
| "不是两套能量，是同一条资源池" | 两者共用一个池子 | 水池动画：左蓝右红此消彼长，此涨彼落 |
| "高认知很脆弱" | 看着高大，一碰就碎 | 倾斜高塔 + 红色裂纹从顶端延伸 + 碎片飞散 |
| "思考必须以接触现实结束" | 一路冲向终点，撞上不可逾越的墙 | 小车沿轨道向右冲向标注"现实墙"的终点 |
| "模型一定是错的，让现实纠正它" | 校准、修正 | 十字准线轻微抖动、自动归位 |
