938 lines
59 KiB
HTML
938 lines
59 KiB
HTML
<!DOCTYPE html>
|
||||
|
|
<html lang="zh-CN">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>编导AI对话记录整体复盘 — AI生成内容问题深度分析</title>
|
|||
|
|
<style>
|
|||
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|||
|
|
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; background: #f5f7fa; color: #1a1a2e; line-height: 1.6; }
|
|||
|
|
.container { max-width: 1400px; margin: 0 auto; padding: 0 24px; }
|
|||
|
|
.title-bar { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; padding: 40px 24px 48px; }
|
|||
|
|
.title-bar h1 { font-size: 28px; font-weight: 700; margin-bottom: 8px; }
|
|||
|
|
.title-bar p { font-size: 14px; opacity: 0.85; }
|
|||
|
|
|
|||
|
|
/* 顶部一级导航 */
|
|||
|
|
.sticky-nav { position: sticky; top: 0; z-index: 100; background: #fff; border-bottom: 1px solid #e8ecf1; display: flex; gap: 0; overflow-x: auto; max-width: 1400px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }
|
|||
|
|
.sticky-nav a { flex: 1; min-width: max-content; padding: 14px 20px; text-align: center; font-size: 14px; font-weight: 500; color: #64748b; text-decoration: none; border-bottom: 3px solid transparent; transition: all 0.2s; white-space: nowrap; }
|
|||
|
|
.sticky-nav a:hover { color: #667eea; background: #f0f0ff; }
|
|||
|
|
.sticky-nav a.active { color: #667eea; border-bottom-color: #667eea; font-weight: 600; }
|
|||
|
|
|
|||
|
|
/* 主布局:左内容 + 右案例导航 */
|
|||
|
|
.main-layout { max-width: 1400px; margin: 0 auto; padding: 0 24px; }
|
|||
|
|
.content-area { max-width: 1160px; }
|
|||
|
|
.case-sidebar { position: fixed; bottom: 24px; right: 24px; width: 135px; z-index: 90; }
|
|||
|
|
.case-sidebar-label { font-size: 8px; font-weight: 700; color: #94a3b8; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.3px; }
|
|||
|
|
.case-sidebar-nav { display: flex; flex-direction: column; gap: 4px; }
|
|||
|
|
.case-sidebar-nav a { display: flex; align-items: center; gap: 5px; padding: 5px 8px; font-size: 9px; font-weight: 500; color: #475569; text-decoration: none; border-radius: 5px; background: #fff; border: 1px solid #e8ecf1; transition: all 0.2s; }
|
|||
|
|
.case-sidebar-nav a:hover { background: #f0f0ff; color: #667eea; border-color: #667eea44; }
|
|||
|
|
.case-sidebar-nav a.active { background: #667eea; color: #fff; border-color: #667eea; }
|
|||
|
|
.case-sidebar-nav a.active .nav-count { color: rgba(255,255,255,0.8); }
|
|||
|
|
.case-sidebar-nav .nav-dot { width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0; }
|
|||
|
|
.case-sidebar-nav .nav-count { font-size: 7px; color: #94a3b8; font-weight: 600; margin-left: auto; }
|
|||
|
|
|
|||
|
|
.section { padding: 40px 0; scroll-margin-top: 60px; }
|
|||
|
|
.section-divider { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
|
|||
|
|
.section-divider .icon { font-size: 24px; }
|
|||
|
|
.section-divider h2 { font-size: 22px; font-weight: 700; color: #1a1a2e; white-space: nowrap; }
|
|||
|
|
.section-divider .line { flex: 1; height: 1px; background: linear-gradient(to right, #667eea33, transparent); }
|
|||
|
|
.section-desc { font-size: 14px; color: #64748b; margin-bottom: 20px; padding-left: 36px; }
|
|||
|
|
|
|||
|
|
.dashboard { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 20px; }
|
|||
|
|
.dash-card { background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); position: relative; overflow: hidden; }
|
|||
|
|
.dash-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
|
|||
|
|
.dash-card.c1::before { background: #667eea; }
|
|||
|
|
.dash-card.c2::before { background: #f093fb; }
|
|||
|
|
.dash-card.c3::before { background: #4facfe; }
|
|||
|
|
.dash-card.c4::before { background: #43e97b; }
|
|||
|
|
.dash-value { font-size: 32px; font-weight: 700; color: #1a1a2e; margin-bottom: 4px; }
|
|||
|
|
.dash-label { font-size: 13px; color: #64748b; margin-bottom: 2px; }
|
|||
|
|
.dash-sub { font-size: 11px; color: #94a3b8; }
|
|||
|
|
|
|||
|
|
table { width: 100%; border-collapse: collapse; font-size: 13px; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
|
|||
|
|
th { background: #f8fafc; font-weight: 600; color: #475569; padding: 10px 12px; text-align: left; border-bottom: 2px solid #e2e8f0; white-space: nowrap; }
|
|||
|
|
td { padding: 10px 12px; border-bottom: 1px solid #f1f5f9; vertical-align: top; }
|
|||
|
|
tr:hover td { background: #fafbff; }
|
|||
|
|
tr:last-child td { border-bottom: none; }
|
|||
|
|
.bar { display: inline-block; height: 8px; border-radius: 4px; vertical-align: middle; margin-right: 8px; }
|
|||
|
|
|
|||
|
|
.analysis-box { background: #f0f0ff; border-radius: 8px; padding: 14px 18px; margin-top: 16px; border-left: 4px solid #667eea; }
|
|||
|
|
.analysis-box .title { font-size: 13px; font-weight: 600; color: #667eea; margin-bottom: 6px; }
|
|||
|
|
.analysis-box .content { font-size: 14px; color: #475569; line-height: 1.8; }
|
|||
|
|
.analysis-box .content strong { color: #1a1a2e; }
|
|||
|
|
|
|||
|
|
/* 案例卡片 */
|
|||
|
|
.case-card { background: #fff; border-radius: 12px; padding: 24px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); border-left: 4px solid #667eea; }
|
|||
|
|
.case-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; flex-wrap: wrap; gap: 8px; }
|
|||
|
|
.case-title { font-size: 16px; font-weight: 600; color: #1a1a2e; }
|
|||
|
|
.case-tags { display: flex; gap: 6px; flex-wrap: wrap; }
|
|||
|
|
.tag { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; }
|
|||
|
|
.tag-classic { background: #fef3c7; color: #d97706; }
|
|||
|
|
.tag-representative { background: #e0e7ff; color: #4338ca; }
|
|||
|
|
.tag-unique { background: #fce7f3; color: #be185d; }
|
|||
|
|
.case-meta { display: flex; gap: 16px; font-size: 12px; color: #64748b; margin-bottom: 12px; flex-wrap: wrap; }
|
|||
|
|
.case-meta span { display: inline-flex; align-items: center; gap: 4px; }
|
|||
|
|
|
|||
|
|
/* 对话区域 */
|
|||
|
|
.dialogue { background: #f8fafc; border-radius: 8px; padding: 16px 20px; margin-bottom: 12px; }
|
|||
|
|
.dialogue-round { margin-bottom: 14px; }
|
|||
|
|
.dialogue-round:last-child { margin-bottom: 0; }
|
|||
|
|
.round-label { font-size: 12px; font-weight: 600; color: #667eea; margin-bottom: 6px; }
|
|||
|
|
.user-msg { background: #fff; border-left: 3px solid #667eea; padding: 10px 14px; border-radius: 0 6px 6px 0; font-size: 13px; color: #334155; margin-bottom: 6px; }
|
|||
|
|
.user-msg strong { color: #1a1a2e; }
|
|||
|
|
.ai-msg { background: #fff; border-left: 3px solid #cbd5e1; padding: 10px 14px; border-radius: 0 6px 6px 0; font-size: 13px; color: #64748b; }
|
|||
|
|
.ai-msg .label { font-size: 11px; color: #94a3b8; margin-bottom: 4px; }
|
|||
|
|
|
|||
|
|
.highlight-box { background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; padding: 12px 16px; margin: 10px 0; font-size: 13px; color: #dc2626; }
|
|||
|
|
.highlight-box strong { color: #b91c1c; }
|
|||
|
|
|
|||
|
|
/* 问题分类头部 */
|
|||
|
|
.prob-header { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; padding: 14px 20px; border-radius: 12px; }
|
|||
|
|
.prob-header h3 { font-size: 18px; font-weight: 700; }
|
|||
|
|
.prob-header .prob-def { font-size: 13px; color: #64748b; margin-top: 4px; }
|
|||
|
|
.ph-1 { background: #fff7ed; }
|
|||
|
|
.ph-2 { background: #fdf2f8; }
|
|||
|
|
.ph-3 { background: #f5f3ff; }
|
|||
|
|
.ph-4 { background: #eff6ff; }
|
|||
|
|
.ph-5 { background: #fef2f2; }
|
|||
|
|
.ph-6 { background: #fffbeb; }
|
|||
|
|
.ph-7 { background: #ecfdf5; }
|
|||
|
|
|
|||
|
|
/* 总结卡片 */
|
|||
|
|
.summary-card { background: #fff; border-radius: 12px; padding: 28px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
|
|||
|
|
.summary-card h3 { font-size: 18px; font-weight: 700; color: #1a1a2e; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 2px solid #667eea33; }
|
|||
|
|
.summary-card ul { list-style: none; padding: 0; }
|
|||
|
|
.summary-card li { padding: 8px 0; font-size: 14px; color: #475569; border-bottom: 1px solid #f1f5f9; }
|
|||
|
|
.summary-card li:last-child { border-bottom: none; }
|
|||
|
|
.summary-card li strong { color: #1a1a2e; }
|
|||
|
|
|
|||
|
|
.suggestion-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin-top: 20px; }
|
|||
|
|
.suggestion-card { background: #fff; border-radius: 12px; padding: 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
|
|||
|
|
.suggestion-card .icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 18px; margin-bottom: 10px; }
|
|||
|
|
.suggestion-card h4 { font-size: 15px; font-weight: 600; color: #1a1a2e; margin-bottom: 6px; }
|
|||
|
|
.suggestion-card p { font-size: 13px; color: #64748b; line-height: 1.7; }
|
|||
|
|
|
|||
|
|
.footer { text-align: center; padding: 32px 0; color: #94a3b8; font-size: 13px; border-top: 1px solid #e8ecf1; margin-top: 40px; }
|
|||
|
|
|
|||
|
|
@media (max-width: 1024px) {
|
|||
|
|
.case-sidebar { display: none; }
|
|||
|
|
}
|
|||
|
|
@media (max-width: 768px) {
|
|||
|
|
.dashboard { grid-template-columns: repeat(2, 1fr); }
|
|||
|
|
.suggestion-grid { grid-template-columns: 1fr; }
|
|||
|
|
}
|
|||
|
|
@media (max-width: 480px) {
|
|||
|
|
.dashboard { grid-template-columns: 1fr; }
|
|||
|
|
.title-bar h1 { font-size: 22px; }
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<div class="title-bar">
|
|||
|
|
<div class="container">
|
|||
|
|
<h1>📋 编导AI对话记录整体复盘 — AI生成内容问题深度分析</h1>
|
|||
|
|
<p>数据周期:2026-07-10 至 2026-07-15 · 2073条记录 · 570个会话 · 119位编导 · 14个精选案例</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="sticky-nav">
|
|||
|
|
<a href="#overview">数据概览</a>
|
|||
|
|
<a href="#cases">问题案例分析</a>
|
|||
|
|
<a href="#summary">总结与建议</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="main-layout">
|
|||
|
|
<!-- 主内容区 -->
|
|||
|
|
<div class="content-area">
|
|||
|
|
|
|||
|
|
<!-- Section 1: Overview -->
|
|||
|
|
<div class="section" id="overview">
|
|||
|
|
<div class="section-divider">
|
|||
|
|
<span class="icon">📊</span>
|
|||
|
|
<h2>数据概览</h2>
|
|||
|
|
<div class="line"></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="dashboard">
|
|||
|
|
<div class="dash-card c1"><div class="dash-value">2073</div><div class="dash-label">总对话记录</div><div class="dash-sub">2026-07-10 ~ 2026-07-15</div></div>
|
|||
|
|
<div class="dash-card c2"><div class="dash-value">570</div><div class="dash-label">总会话数</div><div class="dash-sub">119位编导</div></div>
|
|||
|
|
<div class="dash-card c3"><div class="dash-value">48.1%</div><div class="dash-label">问题会话占比</div><div class="dash-sub">274个会话存在问题</div></div>
|
|||
|
|
<div class="dash-card c4"><div class="dash-value">7</div><div class="dash-label">AI问题类别</div><div class="dash-sub">14个精选案例</div></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<table>
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th>问题类别</th>
|
|||
|
|
<th>问题会话数</th>
|
|||
|
|
<th>占问题会话比</th>
|
|||
|
|
<th>核心表现</th>
|
|||
|
|
<th>会话案例</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody>
|
|||
|
|
<tr><td><span class="bar" style="width:64px;background:#ef4444;"></span>骨架没搭好</td><td>176</td><td>64.2%</td><td>场景顺序不对、缺关键环节、脚本像拼凑</td><td style="font-size:12px;color:#64748b;">54508, 54511, 36290, 54127, 54556, 54069, 54117, 54081, 53616, 54597</td></tr>
|
|||
|
|
<tr><td><span class="bar" style="width:56px;background:#f97316;"></span>画面不到位</td><td>152</td><td>55.5%</td><td>画面细节与编导脑中画面不一致</td><td style="font-size:12px;color:#64748b;">53840, 54221, 54633, 54600, 54471, 54279, 53770, 54447, 38834, 50416</td></tr>
|
|||
|
|
<tr><td><span class="bar" style="width:52px;background:#eab308;"></span>语气不对</td><td>143</td><td>52.2%</td><td>对话太假太硬、角色说话不像那个人</td><td style="font-size:12px;color:#64748b;">36481, 53368, 54318, 54003, 51756, 53645, 53140, 53212, 53513, 54014</td></tr>
|
|||
|
|
<tr><td><span class="bar" style="width:43px;background:#a855f7;"></span>方向跑偏</td><td>117</td><td>42.7%</td><td>AI理解偏了,给了口播你要故事</td><td style="font-size:12px;color:#64748b;">48648, 53783, 54130, 53328</td></tr>
|
|||
|
|
<tr><td><span class="bar" style="width:27px;background:#14b8a6;"></span>节奏不对</td><td>75</td><td>27.4%</td><td>太拖了或者太赶了,时长不合适</td><td style="font-size:12px;color:#64748b;">53456, 53384</td></tr>
|
|||
|
|
<tr><td><span class="bar" style="width:17px;background:#3b82f6;"></span>故事讲不通</td><td>46</td><td>16.8%</td><td>前后矛盾、因果断裂、结局圆不回来</td><td style="font-size:12px;color:#64748b;">54148, 54449, 54236, 53549, 54268</td></tr>
|
|||
|
|
<tr><td><span class="bar" style="width:5px;background:#ec4899;"></span>AI处理复杂意图不全面</td><td>5</td><td>1.8%</td><td>编导说清楚了,但AI未全面处理所有维度</td><td style="font-size:12px;color:#64748b;">54491, 41556, 54186, 54778, 54792</td></tr>
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
<div class="analysis-box">
|
|||
|
|
<div class="title">整体复盘视角</div>
|
|||
|
|
<div class="content">
|
|||
|
|
本轮复盘聚焦<strong>AI生成内容本身的问题</strong>,而非编导表述是否清楚。从570个会话中精选了<strong>14个最具代表性、独特性和经典性的案例</strong>,覆盖7个问题维度。每个案例都包含原始对话摘录,直观展现AI在什么环节、以什么方式"翻车"。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 问题案例分析 大标题 -->
|
|||
|
|
<div class="section" id="cases">
|
|||
|
|
<div class="section-divider">
|
|||
|
|
<span class="icon">🔍</span>
|
|||
|
|
<h2>问题案例分析</h2>
|
|||
|
|
<div class="line"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="section-desc">以下7个类别按问题会话数从高到低排列,每类精选1-2个代表性案例,聚焦AI生成内容本身的问题</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Problem 1: 骨架没搭好 -->
|
|||
|
|
<div class="section" id="p1">
|
|||
|
|
<div class="section-divider">
|
|||
|
|
<span class="icon">🏗️</span>
|
|||
|
|
<h2>一、骨架没搭好</h2>
|
|||
|
|
<div class="line"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="section-desc">场景顺序不对、缺关键环节、脚本像拼凑的没有主线——AI没有抓住对标视频的结构核心</div>
|
|||
|
|
|
|||
|
|
<div class="case-card">
|
|||
|
|
<div class="case-header">
|
|||
|
|
<div class="case-title">案例1:甜筒 — "完全没有对标上"连发两轮</div>
|
|||
|
|
<div class="case-tags"><span class="tag tag-representative">代表性案例</span></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="case-meta">
|
|||
|
|
<span>📌 会话54556</span><span>👤 甜筒</span><span>🔧 创意灵感</span><span>🔄 4轮</span><span>🤖 豆包</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue">
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第1轮 · 编导给出对标视频并要求分析框架</div>
|
|||
|
|
<div class="user-msg">给我分析以下这个生活记录的爆款视频,视频框架和爆点是什么:00:00:00 之前有收到过叔叔这样的惊喜吗?00:00:02 没有过...00:00:07 她以为丈夫每天出门是去跑单,不知道今天她跑的这一单...(完整时间轴+台词)</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第2轮 · 编导给出详细事件内容,要求沿用框架写新脚本</div>
|
|||
|
|
<div class="user-msg">可以,现在我需要你<strong>沿用这个爆点思路和框架</strong>,但是事件内容和人物需要改变...我去街上抓人问要实现愿望还是要钱...想给自己的数学老师画一幅画送给他...(编导给了300字的新事件内容)</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第3轮 · 编导发现完全跑偏</div>
|
|||
|
|
<div class="user-msg"><strong>整个视频内容完全没有对标上参考视频内容的爆点,以及我提供的事件内容</strong>,不需要500块钱的选项</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第4轮 · 编导原话重复(终轮)</div>
|
|||
|
|
<div class="user-msg"><strong>整个视频内容完全没有对标上参考视频内容的爆点,以及我提供的事件内容</strong>,不需要500块钱的选项</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="highlight-box">
|
|||
|
|
⚠️ AI问题:编导第1轮给了完整的对标视频分析素材,第2轮给了详细的新事件内容并要求"沿用框架",AI的输出<strong>既没有对标上参考视频的爆点结构,也没有正确使用编导提供的事件内容</strong>,还自作主张加了"500块钱的选项"。编导第3-4轮原话重复,说明AI的输出与要求<strong>完全脱节</strong>。
|
|||
|
|
</div>
|
|||
|
|
<div class="analysis-box">
|
|||
|
|
<div class="title">根因分析</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<strong>AI在"对标→重构"过程中没有建立结构映射。</strong>编导要的是"提取对标视频的框架骨架→替换为新事件内容",但AI的做法是"自由发挥"——既没有准确提取原视频的爆点逻辑(悬念铺垫→反转揭示→情感升华),也没有忠实使用编导给的事件内容。<strong>AI缺乏"结构提取+内容替换"的对标重构能力</strong>,导致输出与要求双重脱节。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="case-card">
|
|||
|
|
<div class="case-header">
|
|||
|
|
<div class="case-title">案例2:云秸 — "完全抄袭"→"内容混乱"→10轮仍未收敛</div>
|
|||
|
|
<div class="case-tags"><span class="tag tag-unique">独特案例</span></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="case-meta">
|
|||
|
|
<span>📌 会话53576</span><span>👤 云秸</span><span>🔧 创意灵感</span><span>🔄 10轮</span><span>🤖 豆包</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue">
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第1轮 · 编导要求拆解对标</div>
|
|||
|
|
<div class="user-msg">请你拆解对标视频中的人设、框架、内容,并给我这条完整的分镜头脚本</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第3轮 · 编导发现AI在抄袭</div>
|
|||
|
|
<div class="user-msg">我是让你<strong>对标视频的内容框架,不是要让你完全抄袭</strong>链接所给的内容,而且是二创,不是完完全全抄袭</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第4-5轮 · 编导两次说"内容不是我想要的"</div>
|
|||
|
|
<div class="user-msg">内容不是我想要的,重新给我3版视频选题大纲,对标视频的链接</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第9轮 · AI的结构混乱到编导看不懂</div>
|
|||
|
|
<div class="user-msg">故事线是同学秀自己钢笔很贵,全县城只有三支,但是结尾又在说这笔袋是妈妈用粗布做的,<strong>我觉得内容有点混乱,我搞不清楚</strong></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="highlight-box">
|
|||
|
|
⚠️ AI问题:这个案例完整呈现了AI"骨架没搭好"的<strong>三阶段恶化</strong>:①先抄袭原文(第3轮纠偏)→②换内容但结构不对(第4-5轮两次"不是我想要的")→③结构混乱到编导"搞不清楚"(第9轮)。<strong>AI在10轮对话中始终没有建立起清晰的故事骨架</strong>,每轮都在换方向但每次都不对。
|
|||
|
|
</div>
|
|||
|
|
<div class="analysis-box">
|
|||
|
|
<div class="title">根因分析</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<strong>AI缺乏"先搭骨架再填内容"的结构化创作能力。</strong>编导要求对标二创,AI直接跳到细节内容生成,没有先确认故事骨架(主线→冲突→高潮→结尾)。当编导要求修改时,AI在内容层面反复修改但骨架始终不稳,最终导致"同学秀钢笔"和"妈妈做笔袋"两条线混杂在一起,逻辑断裂。<strong>AI应先输出结构大纲确认后再展开细节,而不是直接生成完整脚本</strong>。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Problem 2: 画面不到位 -->
|
|||
|
|
<div class="section" id="p2">
|
|||
|
|
<div class="section-divider">
|
|||
|
|
<span class="icon">🎬</span>
|
|||
|
|
<h2>二、画面不到位</h2>
|
|||
|
|
<div class="line"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="section-desc">AI给的画面细节和编导脑子里想的不一样——场景拍了不像,道具服装位置不对,反复修改仍达不到要求</div>
|
|||
|
|
|
|||
|
|
<div class="case-card">
|
|||
|
|
<div class="case-header">
|
|||
|
|
<div class="case-title">案例3:南丹 — "羊角怎么又变了!"13轮拉锯战</div>
|
|||
|
|
<div class="case-tags"><span class="tag tag-classic">经典案例</span></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="case-meta">
|
|||
|
|
<span>📌 会话53864</span><span>👤 南丹</span><span>🔧 创意灵感</span><span>🔄 13轮</span><span>🤖 豆包</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue">
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第2轮 · 编导要求</div>
|
|||
|
|
<div class="user-msg">头上加个白羊角,你再给我修改下提示词。</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第5轮 · 编导调整</div>
|
|||
|
|
<div class="user-msg">这个角大一点吧。羊角参考这个大小,还是给我提示词。</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第6轮 · 编导发现AI改错了</div>
|
|||
|
|
<div class="user-msg">角太卷了,你也可以不让人物靠墙站啊,角往后幅度大一点,大气一点。</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第7轮 · 同一问题再次出现</div>
|
|||
|
|
<div class="user-msg">角太卷了啊,然后你不要让人物站墙边了!</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第10轮 · AI又一次改错方向</div>
|
|||
|
|
<div class="user-msg">还是太卷了,这个羊角往外卷呢,不要往内卷。</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第12轮 · 编导情绪升级</div>
|
|||
|
|
<div class="user-msg">角怎么又变了!保持原本羊角向外弯曲的设定啊</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第13轮 · 编导崩溃(终轮)</div>
|
|||
|
|
<div class="user-msg">要原先那个羊角的样子,向外弯曲!!!!不要太卷了!!</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="highlight-box">
|
|||
|
|
⚠️ AI问题:编导从第6轮就明确说"角太卷了""往外卷不要往内卷",但AI在后续7轮中反复改变羊角的弯曲方向,甚至在第12轮"又变了"——说明AI<strong>无法稳定保持已确认的视觉特征</strong>,每轮生成时丢失了上下文中的约束。
|
|||
|
|
</div>
|
|||
|
|
<div class="analysis-box">
|
|||
|
|
<div class="title">根因分析</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<strong>AI的视觉特征记忆不稳定。</strong>编导在第5轮已确认了羊角的大小,第6轮只要求改弯曲方向,但AI在修改方向的同时把大小也改了。后续每一轮AI都在"重新生成"而非"在原基础上微调",导致已确认的视觉参数反复丢失。这是AI生成图像提示词时的经典问题:<strong>缺乏增量修改能力,每次都是全量重写</strong>。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="case-card">
|
|||
|
|
<div class="case-header">
|
|||
|
|
<div class="case-title">案例4:小对 — "按照我的格式和要求"重复10+次</div>
|
|||
|
|
<div class="case-tags"><span class="tag tag-representative">代表性案例</span></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="case-meta">
|
|||
|
|
<span>📌 会话54491</span><span>👤 小对</span><span>🔧 脚本创作</span><span>🔄 22轮</span><span>🤖 豆包</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue">
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第1轮 · 编导给出完整格式模板</div>
|
|||
|
|
<div class="user-msg">按照我的格式和要求,来写:我的格式,在前面加上固定词:EN: Barbie-inspired fantasy aesthetic, soft pastel palette of lavender purple, rose pink, champagne gold and ivory cream...(后接完整风格定义、负面提示词)</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第2轮 · AI未按格式输出</div>
|
|||
|
|
<div class="user-msg">按照我的要求和格式改一下:首先我觉得首先有问题,是这个猫咪撞上来的时候他没有表情不对...</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第5轮 · 编导再次完整重发格式</div>
|
|||
|
|
<div class="user-msg">按照我的格式和要求,来写:我的格式,在前面加上固定词:EN: Barbie-inspired fantasy aesthetic...</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第6-7轮 · 又连续重发</div>
|
|||
|
|
<div class="user-msg">按照我的格式和要求,来写:我的格式,在前面加上固定词:EN: Barbie-inspired fantasy aesthetic...</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第9轮 → 第14轮 → 第16-17轮 → 第20-21轮</div>
|
|||
|
|
<div class="user-msg">按照我的格式和要求,来写:我的格式,在前面加上固定词:EN: Barbie-inspired fantasy aesthetic...(<strong>编导在22轮对话中至少10次完整重发格式模板</strong>)</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="highlight-box">
|
|||
|
|
⚠️ AI问题:编导每次修改内容时都需要<strong>重新附带完整的格式要求</strong>,否则AI就不会遵守。这说明AI<strong>无法在多轮对话中记住并持续执行格式约束</strong>,编导被迫采用"每次都从头说一遍"的低效策略。
|
|||
|
|
</div>
|
|||
|
|
<div class="analysis-box">
|
|||
|
|
<div class="title">根因分析</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<strong>AI的多轮上下文记忆存在"格式约束丢失"问题。</strong>编导在第1轮明确了格式模板,但AI在后续轮次中逐渐忽略该约束。编导被迫在22轮中至少10次重发完整格式定义——这不是编导"没说清楚",而是AI<strong>无法持久化执行已确认的格式规则</strong>。同类问题在松扬(24轮)、咸柠(37轮)等会话中同样存在。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Problem 3: 语气不对 -->
|
|||
|
|
<div class="section" id="p3">
|
|||
|
|
<div class="section-divider">
|
|||
|
|
<span class="icon">💬</span>
|
|||
|
|
<h2>三、语气不对</h2>
|
|||
|
|
<div class="line"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="section-desc">对话太假太硬不自然,角色说话不像那个人——AI对人物性格的把握"过犹不及"</div>
|
|||
|
|
|
|||
|
|
<div class="case-card">
|
|||
|
|
<div class="case-header">
|
|||
|
|
<div class="case-title">案例5:南丹 — "只是说相对自恋,没有这么自恋"</div>
|
|||
|
|
<div class="case-tags"><span class="tag tag-representative">代表性案例</span></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="case-meta">
|
|||
|
|
<span>📌 会话53368</span><span>👤 南丹</span><span>🔧 创意灵感</span><span>🔄 3轮</span><span>🤖 豆包</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue">
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第1轮 · 编导明确人设</div>
|
|||
|
|
<div class="user-msg">人设是:素颜就很美,美而自知,自信有野心。目前不能用的话有:1.准备好了吗 2.来咯来咯!3.和我一起试试吧!...(列出8句不能用的话)你想几句新的</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第2轮 · 编导换一个人设</div>
|
|||
|
|
<div class="user-msg">另一个人的人设是<strong>社牛爱社交,相对自恋</strong>,气氛调节担当。你再帮我想几句...</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第3轮 · AI过度放大"自恋"特征(终轮)</div>
|
|||
|
|
<div class="user-msg"><strong>只是说相对自恋,没有这么自恋</strong>,这几句不行啊,是说给粉丝的。</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="highlight-box">
|
|||
|
|
⚠️ AI问题:编导说"相对自恋",AI理解成"极度自恋",生成的台词过于张扬。<strong>AI对人设描述的关键词存在"放大效应"</strong>——把"相对""有一点"等限定词忽略,直接按最极端的理解来写。这不是编导没说清楚,而是AI<strong>对程度副词的敏感度不足</strong>。
|
|||
|
|
</div>
|
|||
|
|
<div class="analysis-box">
|
|||
|
|
<div class="title">根因分析</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<strong>AI对人设特征的"度"缺乏精准控制。</strong>"相对自恋"≠"极度自恋","自信有野心"≠"狂妄自大"。AI在接收到人设关键词后,倾向于将其放大到最极端的表达——这在角色台词、达人风格模仿等场景中频繁出现。同类案例:南丹另一个会话(54014)中,编导要求AI偶像"亲民一点",AI先写了"专属福利"等过度营销话术,被纠正后才收敛。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="case-card">
|
|||
|
|
<div class="case-header">
|
|||
|
|
<div class="case-title">案例6:南丹 — AI偶像话术"收敛点吧"+"亲民一点好吗"</div>
|
|||
|
|
<div class="case-tags"><span class="tag tag-unique">独特案例</span></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="case-meta">
|
|||
|
|
<span>📌 会话54014</span><span>👤 南丹</span><span>🔧 脚本创作</span><span>🔄 3轮</span><span>🤖 豆包</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue">
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第1轮 · 编导参考其他星座风格,要求给射手座写一段</div>
|
|||
|
|
<div class="user-msg">帮我参考这个给射手座写一段话。比如:白羊座 报告!咱们的专属秘密基地今天正式建成啦!...五分钟速来集合...巨蟹座 之前总收到你们的私信说...(给了两个参考示例)</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第2轮 · AI语气过于正式+加了不必要的段落</div>
|
|||
|
|
<div class="user-msg"><strong>收敛点吧,这是ai偶像</strong>,中间那一段可以不用说。</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第3轮 · AI又加了"专属福利"等营销话术(终轮)</div>
|
|||
|
|
<div class="user-msg">没有什么专属福利,你就说<strong>很高兴大家加入</strong>这样的话,<strong>亲民一点好吗</strong></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="highlight-box">
|
|||
|
|
⚠️ AI问题:编导给的参考示例是活泼亲切的粉丝互动风格,但AI的输出偏正式+加了不必要的段落(第2轮纠偏),然后又加了"专属福利"等过度营销话术(第3轮纠偏)。<strong>AI在模仿语气时总是"加戏"——不是不够就是过头</strong>,很难精准命中编导想要的"恰到好处"。
|
|||
|
|
</div>
|
|||
|
|
<div class="analysis-box">
|
|||
|
|
<div class="title">根因分析</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<strong>AI对"参考风格"的模仿存在系统性偏差。</strong>编导给的参考是"亲切+活泼",AI的输出在"正式"和"营销感"之间摇摆,始终没有命中"亲民"这个目标。这说明AI在语气模仿时<strong>不是从参考文本中提取风格特征,而是从训练数据中调取"AI偶像"的刻板模板</strong>。连续3轮纠偏仍未到位,说明AI对"亲民""收敛"等抽象风格指令的理解力有限。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Problem 4: 方向跑偏 -->
|
|||
|
|
<div class="section" id="p4">
|
|||
|
|
<div class="section-divider">
|
|||
|
|
<span class="icon">🧭</span>
|
|||
|
|
<h2>四、方向跑偏</h2>
|
|||
|
|
<div class="line"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="section-desc">AI理解偏了——给了口播你要故事,给了韩风你要情歌,对标参考变成了照抄</div>
|
|||
|
|
|
|||
|
|
<div class="case-card">
|
|||
|
|
<div class="case-header">
|
|||
|
|
<div class="case-title">案例7:阿水 — "太夸张了啊"三连+"这不是抄袭?"</div>
|
|||
|
|
<div class="case-tags"><span class="tag tag-classic">经典案例</span></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="case-meta">
|
|||
|
|
<span>📌 会话54127</span><span>👤 阿水</span><span>🔧 脚本创作</span><span>🔄 7轮</span><span>🤖 豆包</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue">
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第1轮 · 编导需求</div>
|
|||
|
|
<div class="user-msg">生成一个相同爽感的短片,去掉结尾的公益内容,更换角色为我和我的千金闺蜜</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第2轮 · 编导发现AI只换了名字</div>
|
|||
|
|
<div class="user-msg">开头不要只换个名字啊 更换一点点剧情和话术</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第3轮 · 编导明确要求不要照抄</div>
|
|||
|
|
<div class="user-msg">不要一比一照抄故事,你要对标出核心,重新给到</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第4-6轮 · 编导三次重复同一句话</div>
|
|||
|
|
<div class="user-msg">太夸张了啊 重新写 内容要和原来一样 简单易懂</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第7轮 · 编导彻底崩溃(终轮)</div>
|
|||
|
|
<div class="user-msg">不要照搬原来的故事和情节啊,你换个场景就是你的故事了吗?这不是抄袭?</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="highlight-box">
|
|||
|
|
⚠️ AI问题:这是AI方向跑偏的<strong>教科书级案例</strong>。编导要求"相同爽感但换角色",AI理解为"只换名字"(第2轮纠偏);编导要求"不要照抄",AI理解为"大幅夸张"(第3-6轮三连纠偏);编导要求"简单易懂",AI仍然在照搬原故事(第7轮彻底崩溃)。<strong>AI在"对标参考"和"原创重构"之间找不到平衡点</strong>。
|
|||
|
|
</div>
|
|||
|
|
<div class="analysis-box">
|
|||
|
|
<div class="title">根因分析</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<strong>AI无法区分"对标核心逻辑"和"照搬具体内容"。</strong>编导要的是"提取爽感公式→换新故事",但AI的理解在两个极端之间摇摆:要么1:1照抄只改名字,要么完全偏离到夸张风格。连续3轮发完全相同的话"太夸张了啊 重新写",AI仍无法收敛到正确方向,说明<strong>AI对"适度"这个概念缺乏判断力</strong>。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="case-card">
|
|||
|
|
<div class="case-header">
|
|||
|
|
<div class="case-title">案例8:酸角 — "我只是给你讲了我的想法,没让你只有我的想法"</div>
|
|||
|
|
<div class="case-tags"><span class="tag tag-unique">独特案例</span></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="case-meta">
|
|||
|
|
<span>📌 会话54792</span><span>👤 酸角</span><span>🔧 创意灵感</span><span>🔄 2轮</span><span>🤖 豆包</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue">
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第1轮 · 编导详细描述了"一日约会"的完整情节</div>
|
|||
|
|
<div class="user-msg">你是一个顶级浪漫恋爱脑编导,现在我们要来写一个脚本,以一日约会为主题...老公端水进入房间,给老婆转5200...挤牙膏、准备面膜、做早饭...搭配衣服、卷头发...副驾驶车门一捧花...(编导输出了完整的情节大纲,约500字)</div>
|
|||
|
|
<div class="ai-msg">
|
|||
|
|
<div class="label">AI输出</div>
|
|||
|
|
AI几乎原封不动地将编导的情节大纲转成了脚本格式,没有补充任何新的创意细节或情绪升华。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第2轮 · 编导不满(终轮)</div>
|
|||
|
|
<div class="user-msg">你这个结束的也太草率了,我只是给你讲了我的想法,没让你只有我的想法</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="highlight-box">
|
|||
|
|
⚠️ AI问题:编导给了完整的情节框架,期望AI在框架基础上<strong>进行二次创作、补充细节、增强趣味性和情绪价值</strong>。但AI把编导的想法当成了"全部内容",只是做了格式转换,没有做任何创意扩展。<strong>AI缺乏"在用户输入基础上做加法"的意识</strong>。
|
|||
|
|
</div>
|
|||
|
|
<div class="analysis-box">
|
|||
|
|
<div class="title">根因分析</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<strong>AI对"参考素材"和"最终产出"的边界理解模糊。</strong>编导说"我的想法",AI理解为"这就是要写的内容"。实际上编导期望的是"以我的想法为骨架,填充血肉"。这个问题在云秸(会话53576)的案例中也出现过——"我是让你对标视频的内容框架,不是要让你完全抄袭"。<strong>AI在"参考→创作"的转化过程中,要么全盘照搬,要么完全偏离,缺乏"借鉴结构但替换内容"的中间能力</strong>。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Problem 5: 节奏不对 -->
|
|||
|
|
<div class="section" id="p5">
|
|||
|
|
<div class="section-divider">
|
|||
|
|
<span class="icon">⏱️</span>
|
|||
|
|
<h2>五、节奏不对</h2>
|
|||
|
|
<div class="line"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="section-desc">太拖了或者太赶了,时长不合适——AI对短视频节奏的感知与编导不一致</div>
|
|||
|
|
|
|||
|
|
<div class="case-card">
|
|||
|
|
<div class="case-header">
|
|||
|
|
<div class="case-title">案例9:开张 — "这一段有一点莫名其妙"</div>
|
|||
|
|
<div class="case-tags"><span class="tag tag-representative">代表性案例</span></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="case-meta">
|
|||
|
|
<span>📌 会话53456</span><span>👤 开张</span><span>🔧 脚本创作</span><span>🔄 2轮</span><span>🤖 豆包</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue">
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第1轮 · 编导给出完整故事脚本,要求精简到3-4分钟</div>
|
|||
|
|
<div class="user-msg">这是我的故事脚本帮我进行评价分析修改一下,我的要求是<strong>去除掉无关紧要的内容</strong>,我的剧本时长大概在<strong>3到4分钟</strong>...《等灯》林静走的那天,是个晴天。陈默从殡仪馆出来...(编导给了约2000字的完整故事)</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第2轮 · 编导给AI补充了结尾段落,但指出节奏问题</div>
|
|||
|
|
<div class="user-msg">(补充了结尾段落:陈默一年后的忌日去了老桥...)<strong>这一段有一点莫名其妙</strong></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="highlight-box">
|
|||
|
|
⚠️ AI问题:编导要求"去除无关紧要的内容"并控制时长在3-4分钟,但AI在修改时<strong>没有准确识别哪些是"无关紧要"的内容</strong>,保留了一些节奏拖沓的段落。编导补充的结尾段落本应是情感高潮,但AI的处理让这段"莫名其妙"——<strong>AI对故事的情感节奏缺乏判断力</strong>,不知道哪里该快、哪里该慢、哪里该留白。
|
|||
|
|
</div>
|
|||
|
|
<div class="analysis-box">
|
|||
|
|
<div class="title">根因分析</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<strong>AI对短视频的"情感节奏"缺乏感知能力。</strong>编导要求3-4分钟,AI在删减时按字数而非情绪弧线来控制节奏。结尾段落"陈默去老桥"是全篇情感高潮,但AI没有强化这段的节奏处理,导致从"日常叙事"到"情感爆发"的过渡显得突兀。<strong>AI把"精简"理解为"删字数",而非"提节奏"</strong>。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="case-card">
|
|||
|
|
<div class="case-header">
|
|||
|
|
<div class="case-title">案例10:松扬 — "改得过长过于拖沓"</div>
|
|||
|
|
<div class="case-tags"><span class="tag tag-classic">经典案例</span></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="case-meta">
|
|||
|
|
<span>📌 会话54530</span><span>👤 松扬</span><span>🔧 创意灵感</span><span>🔄 12轮</span><span>🤖 豆包</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue">
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第7轮 · 编导发现AI修改后变得拖沓</div>
|
|||
|
|
<div class="user-msg"><strong>改得过长过于拖沓</strong>,在原有基础之上修改即可:小男孩穿着新鞋,在巷子里跑来跑去。鞋底踩在石板路上,哒哒响。小男孩:"奶!你看!跑得快不快!"奶奶笑着看他。我看见她右手手腕上只剩一道浅浅的白印。</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="highlight-box">
|
|||
|
|
⚠️ AI问题:编导只要求"在原有基础之上修改",AI却把内容大幅扩充导致"过长过于拖沓"。<strong>AI在修改时倾向于"加内容"而非"调内容"</strong>——即使编导明确说"在原有基础之上修改即可",AI仍然做加法不做减法。这种"加法偏好"导致短视频脚本在多轮修改后越来越长,节奏越来越拖。
|
|||
|
|
</div>
|
|||
|
|
<div class="analysis-box">
|
|||
|
|
<div class="title">根因分析</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<strong>AI的修改模式存在"加法偏好"。</strong>当编导要求"修改"时,AI的默认行为是"在原有内容上增加更多细节",而不是"替换或精简现有内容"。这种偏好导致:①多轮修改后内容越来越长;②节奏越来越拖;③编导不得不反复要求"精简""删掉"。在短视频场景下,AI应该具备<strong>"等量替换"而非"增量添加"的修改能力</strong>。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Problem 6: 故事讲不通 -->
|
|||
|
|
<div class="section" id="p6">
|
|||
|
|
<div class="section-divider">
|
|||
|
|
<span class="icon">📖</span>
|
|||
|
|
<h2>六、故事讲不通</h2>
|
|||
|
|
<div class="line"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="section-desc">前后矛盾、因果关系断裂、结局圆不回来——AI生成了逻辑不自洽或事实错误的内容</div>
|
|||
|
|
|
|||
|
|
<div class="case-card">
|
|||
|
|
<div class="case-header">
|
|||
|
|
<div class="case-title">案例11:一舟 — "19年没出孤勇者,你自己查下"</div>
|
|||
|
|
<div class="case-tags"><span class="tag tag-unique">独特案例</span></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="case-meta">
|
|||
|
|
<span>📌 会话54597</span><span>👤 一舟</span><span>🔧 创意灵感</span><span>🔄 3轮</span><span>🤖 豆包</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue">
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第1轮 · 编导需求</div>
|
|||
|
|
<div class="user-msg">根据这个对标文档,我要参考出一个创意大纲,然后主体是10后男生,以10年出生为主观视角,全程围绕和父母的生活展开,覆盖了10-26年的年度大事件</div>
|
|||
|
|
<div class="ai-msg">
|
|||
|
|
<div class="label">AI输出</div>
|
|||
|
|
AI生成了2010-2026年的年度大事件大纲,其中在2019年节点写入了《孤勇者》作为时代记忆点。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第2轮 · 编导发现事实错误</div>
|
|||
|
|
<div class="user-msg">这个内容不对吧,<strong>19年没出孤勇者,你自己查下</strong></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第3轮 · 编导要求重新生成</div>
|
|||
|
|
<div class="user-msg">根据修改后的内容,生成完整版的大纲</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="highlight-box">
|
|||
|
|
⚠️ AI问题:《孤勇者》发行于2021年,AI将其放在2019年的节点。<strong>AI在生成"年度大事件"类内容时,没有联网验证事实准确性</strong>,直接用"大概印象"填充时间线。对于10后成长轨迹这种高度依赖真实时间线的创作,AI的事实错误会直接导致脚本不可用。
|
|||
|
|
</div>
|
|||
|
|
<div class="analysis-box">
|
|||
|
|
<div class="title">根因分析</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<strong>AI在生成涉及真实历史事件的内容时缺乏事实验证机制。</strong>虽然AI标注了"是否联网=是",但实际输出仍出现了明显的时间线错误(孤勇者2021年发行,非2019年)。这类问题在年度回顾、时代记忆等选题中尤为突出——<strong>AI用训练数据的模糊记忆替代了精确的事实查询</strong>,编导需要逐条核实纠错。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="case-card">
|
|||
|
|
<div class="case-header">
|
|||
|
|
<div class="case-title">案例12:豆子 — "男生留长发是娘"违背了男女互换世界观</div>
|
|||
|
|
<div class="case-tags"><span class="tag tag-classic">经典案例</span></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="case-meta">
|
|||
|
|
<span>📌 会话54318</span><span>👤 豆子</span><span>🔧 脚本创作</span><span>🔄 9轮</span><span>🤖 豆包</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue">
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第1轮 · 编导设定世界观</div>
|
|||
|
|
<div class="user-msg">根据这个脚本改写一篇"当世界颠倒后 bro来理发店理发"突出强调男女对换后的日常,主题为"女理发师"对"男客户"的审视。埋入梗点"男生还是长头发好看,短发太中性了"...</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第5轮 · 编导再次明确世界观</div>
|
|||
|
|
<div class="user-msg">整篇脚本的立意依旧是<strong>男女互换视角下的男性日常</strong>。</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第7轮 · 编导要求丰富内容</div>
|
|||
|
|
<div class="user-msg">保持这个风格,丰富脚本内容,时长要到3分钟。</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第8轮 · AI在扩充内容时违背了世界观设定</div>
|
|||
|
|
<div class="user-msg">镜号7,<strong>不要说男生留长发是娘</strong>,这里是<strong>男生普遍留长头发做发型的世界观</strong></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="highlight-box">
|
|||
|
|
⚠️ AI问题:脚本的核心设定是"男女互换世界观"——在这个世界里,男生普遍留长发。但AI在第7轮扩充内容时,写出了"男生留长发是娘"的台词,<strong>直接违背了脚本最核心的世界观设定</strong>。这说明AI在扩充内容时<strong>丢失了对核心设定的记忆</strong>,退回到现实世界的性别刻板印象。
|
|||
|
|
</div>
|
|||
|
|
<div class="analysis-box">
|
|||
|
|
<div class="title">根因分析</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<strong>AI在长对话中会逐渐遗忘核心设定。</strong>前5轮编导多次强调"男女互换世界观",AI也正确执行了。但到第7轮"丰富内容、扩到3分钟"时,AI在生成新内容的过程中<strong>退回到训练数据中的默认认知</strong>(现实世界中男生留长发被认为"娘"),而不是遵循脚本设定的颠倒世界观。<strong>AI的"世界观保持"能力随对话轮次增加而衰减</strong>。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Problem 7: AI处理复杂意图不全面 -->
|
|||
|
|
<div class="section" id="p7">
|
|||
|
|
<div class="section-divider">
|
|||
|
|
<span class="icon">🧩</span>
|
|||
|
|
<h2>七、AI处理复杂意图不全面</h2>
|
|||
|
|
<div class="line"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="section-desc">编导提出了多维度复杂需求且表述清楚,但AI未全面处理所有维度——遗漏格式、人设、逻辑等关键要求</div>
|
|||
|
|
|
|||
|
|
<div class="case-card">
|
|||
|
|
<div class="case-header">
|
|||
|
|
<div class="case-title">案例13:松扬 — "不要表格"说了9轮,AI还在给表格</div>
|
|||
|
|
<div class="case-tags"><span class="tag tag-classic">经典案例</span></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="case-meta">
|
|||
|
|
<span>📌 会话54186</span><span>👤 松扬</span><span>🔧 创意灵感</span><span>🔄 24轮</span><span>🤖 豆包</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue">
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第1轮 · 编导明确7个维度分析要求</div>
|
|||
|
|
<div class="user-msg">分析一下这个视频。按七个维度(内容选题,内容标签,核心看点,创意亮点,黄金三秒钩子,关键推进节点钩子,冲突制造点)分析下面这个视频,要求内容选题,核心看点,创意亮点,关键推进节点钩子需详细展开...</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第2轮 · 编导发现AI给了表格,强调"不要表格"</div>
|
|||
|
|
<div class="user-msg">分析一下这个视频,<strong>不要表格</strong>,给我纯文本。按七个维度(内容选题,内容标签,核心看点,创意亮点,黄金三秒钩子,关键推进节点钩子,冲突制造点)分析下面这个视频...</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第3轮 → 第9轮 · 编导连续7轮发送几乎完全相同的需求</div>
|
|||
|
|
<div class="user-msg">分析一下这个视频,<strong>不要表格</strong>,给我纯文本。按七个维度...(<strong>编导在第2-9轮连续8轮发送包含"不要表格"的相同需求</strong>)</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第10轮之后</div>
|
|||
|
|
<div class="user-msg">编导在24轮中反复调整表述方式,从"不要表格"到"给我纯文本"到"格式要规整",AI始终无法稳定输出纯文本格式的七维度分析。</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="highlight-box">
|
|||
|
|
⚠️ AI问题:这是AI处理复杂意图不全面的<strong>极端案例</strong>。编导同时提了两个要求:①七个维度的详细分析;②纯文本格式不要表格。AI能处理维度分析,但<strong>始终无法遵守"不要表格"这个格式约束</strong>。编导连续8轮重发包含"不要表格"的相同需求,AI仍然输出表格——这不是"没说清楚",而是<strong>AI在处理多维度需求时优先处理内容维度,丢弃格式维度</strong>。
|
|||
|
|
</div>
|
|||
|
|
<div class="analysis-box">
|
|||
|
|
<div class="title">根因分析</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<strong>AI在处理多维度需求时存在"维度丢失"问题。</strong>当需求包含内容维度(七维度分析)和格式维度(不要表格)时,AI倾向于优先满足内容维度而忽略格式维度。更严重的是,即使编导连续8轮强调同一个格式要求,AI仍无法稳定遵守——说明<strong>AI对否定式指令("不要XX")的执行力远弱于肯定式指令("要XX")</strong>。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="case-card">
|
|||
|
|
<div class="case-header">
|
|||
|
|
<div class="case-title">案例14:豆子 — 7个维度修改需求,AI遗漏格式和人设</div>
|
|||
|
|
<div class="case-tags"><span class="tag tag-representative">代表性案例</span></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="case-meta">
|
|||
|
|
<span>📌 会话41556</span><span>👤 豆子</span><span>🔧 创意灵感</span><span>🔄 6轮</span><span>🤖 豆包</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue">
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第3轮 · 编导发现AI遗漏内容</div>
|
|||
|
|
<div class="user-msg">还有遗漏,一句词都不要漏</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第4轮 · 编导一次性提出7个维度修改</div>
|
|||
|
|
<div class="user-msg">
|
|||
|
|
参考此对话信息把<strong>点痣事件换成拍证件照</strong>;<strong>主题</strong>:当刚毕业的你为了省钱去老照相馆拍证件照。把<strong>"县城老板娘"换成"照相馆老板娘"</strong>,<strong>"精神小妹"替换成"刚毕业,还在找工作,家里没钱的大学生"</strong>连带<strong>人物的穿搭、性格、说话语气</strong>等都要改变,<strong>贴合贫穷毕业生人设</strong>。"照证件照<strong>流程</strong>包含:化妆、老板娘看她穷一价全包,还教她如何精简护肤;拍证件照时会引导,红白蓝底都送了10张,才9.9元"。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第5轮 · 编导发现AI遗漏了格式要求</div>
|
|||
|
|
<div class="user-msg">照相馆店长和毕业生的口播<strong>分开2列写</strong></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialogue-round">
|
|||
|
|
<div class="round-label">第6轮 · 编导发现AI遗漏了人设贴合</div>
|
|||
|
|
<div class="user-msg">刚毕业的大学生<strong>性格应该是软弱,小心翼翼,加上没有钱的自卑</strong>,原文中的台词需要更改得贴合人设</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="highlight-box">
|
|||
|
|
⚠️ AI问题:编导在第4轮一次性提出了7个维度的修改需求(换事件/换主题/换人物/换穿搭/换性格/换语气/加流程),AI在输出时<strong>遗漏了"分两列写"的格式要求</strong>(第5轮补提醒),又<strong>遗漏了"贴合贫穷毕业生人设"的角色性格</strong>(第6轮补提醒)。<strong>AI在处理≥5个维度的复合需求时,会系统性丢失部分维度</strong>。
|
|||
|
|
</div>
|
|||
|
|
<div class="analysis-box">
|
|||
|
|
<div class="title">根因分析</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<strong>AI的多维度需求处理能力存在瓶颈。</strong>当编导一次性提出超过5个修改维度时,AI倾向于优先处理"内容类"维度(换事件、换人物),而丢失"格式类"维度(分列写)和"风格类"维度(人设贴合)。这不是编导"说得太多",而是<strong>AI在解析多维度需求时缺乏"需求清单"式的逐条确认机制</strong>。同类问题在豆子另一个会话(54318)中也出现:AI在9轮对话中反复忘记"男女互换世界观"的设定。
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Summary Section -->
|
|||
|
|
<div class="section" id="summary">
|
|||
|
|
<div class="section-divider">
|
|||
|
|
<span class="icon">📋</span>
|
|||
|
|
<h2>总结与建议</h2>
|
|||
|
|
<div class="line"></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="summary-card">
|
|||
|
|
<h3>AI生成内容的7大问题本质</h3>
|
|||
|
|
<ul>
|
|||
|
|
<li><strong>1. 视觉特征不稳定</strong>(画面不到位):AI无法在多轮对话中稳定保持已确认的视觉参数,每次生成都是"全量重写"而非"增量修改"</li>
|
|||
|
|
<li><strong>2. 对标与原创的平衡失控</strong>(方向跑偏):AI在"参考"和"创作"之间找不到平衡——要么1:1照抄,要么完全偏离,缺乏"提取核心+重构内容"的中间能力</li>
|
|||
|
|
<li><strong>3. 多维度需求处理瓶颈</strong>(复杂意图不全面):当需求≥5个维度时,AI系统性丢失部分维度,且对否定式指令("不要表格")的执行力远弱于肯定式指令</li>
|
|||
|
|
<li><strong>4. 事实准确性缺失</strong>(故事讲不通):AI用训练数据的模糊记忆替代精确查询,在年度事件、时间线等需要事实准确的内容上频繁出错</li>
|
|||
|
|
<li><strong>5. 结构化创作能力不足</strong>(骨架没搭好):AI缺乏"先搭骨架再填内容"的创作习惯,直接跳到细节生成,导致结构松散、逻辑断裂</li>
|
|||
|
|
<li><strong>6. 人设特征的"放大效应"</strong>(语气不对):AI对"相对""一点"等程度限定词不敏感,倾向于将人设特征放大到最极端的表达</li>
|
|||
|
|
<li><strong>7. 修改时的"加法偏好"</strong>(节奏不对):AI默认"修改=增加内容",多轮修改后内容越来越长,节奏越来越拖</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="suggestion-grid">
|
|||
|
|
<div class="suggestion-card">
|
|||
|
|
<div class="icon" style="background:#e0e7ff;">🔧</div>
|
|||
|
|
<h4>增强多轮上下文记忆</h4>
|
|||
|
|
<p>AI应在每轮生成时自动携带已确认的格式、人设、世界观等约束条件,避免编导反复重发。可引入"创作记忆"机制,将已确认的设定持久化存储。</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="suggestion-card">
|
|||
|
|
<div class="icon" style="background:#fff7ed;">📐</div>
|
|||
|
|
<h4>先出骨架再填内容</h4>
|
|||
|
|
<p>对于脚本创作类需求,AI应先输出结构大纲(主线→冲突→高潮→结尾),待编导确认后再展开细节,避免"直接生成完整脚本→编导大改"的低效循环。</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="suggestion-card">
|
|||
|
|
<div class="icon" style="background:#fce7f3;">🧩</div>
|
|||
|
|
<h4>多维度需求逐条确认</h4>
|
|||
|
|
<p>当编导一次性提出多个修改维度时,AI应先输出"需求清单"逐条列出理解,确认无遗漏后再执行,避免系统性丢失维度。</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="suggestion-card">
|
|||
|
|
<div class="icon" style="background:#ecfdf5;">✂️</div>
|
|||
|
|
<h4>支持"等量替换"式修改</h4>
|
|||
|
|
<p>当编导说"修改"时,AI应优先在原内容基础上做等量替换,而非默认做加法。增加"精简模式"开关,控制多轮修改后的内容膨胀。</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="suggestion-card">
|
|||
|
|
<div class="icon" style="background:#eff6ff;">🔍</div>
|
|||
|
|
<h4>关键事实联网验证</h4>
|
|||
|
|
<p>对于涉及真实历史事件、发行时间、公众人物等事实性内容,AI应自动触发联网验证,避免用训练数据的模糊记忆填充时间线。</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="suggestion-card">
|
|||
|
|
<div class="icon" style="background:#fffbeb;">⚖️</div>
|
|||
|
|
<h4>人设特征的"度"控制</h4>
|
|||
|
|
<p>AI应提升对"相对""一点""稍微"等程度副词的敏感度,在角色台词生成时建立"人设强度梯度",避免将所有特征都放大到最极端。</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="footer">
|
|||
|
|
编导AI对话记录整体复盘报告 | 数据周期:2026-07-10 至 2026-07-15 | 生成时间:2026-07-15
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div><!-- /content-area -->
|
|||
|
|
|
|||
|
|
<!-- 右侧案例分类导航 -->
|
|||
|
|
<div class="case-sidebar">
|
|||
|
|
<div class="case-sidebar-label">案例分类导航</div>
|
|||
|
|
<div class="case-sidebar-nav">
|
|||
|
|
<a href="#p1" data-target="p1">
|
|||
|
|
<span class="nav-dot" style="background:#ef4444;"></span>
|
|||
|
|
<span>骨架没搭好</span>
|
|||
|
|
<span class="nav-count">2</span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#p2" data-target="p2">
|
|||
|
|
<span class="nav-dot" style="background:#f97316;"></span>
|
|||
|
|
<span>画面不到位</span>
|
|||
|
|
<span class="nav-count">2</span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#p3" data-target="p3">
|
|||
|
|
<span class="nav-dot" style="background:#eab308;"></span>
|
|||
|
|
<span>语气不对</span>
|
|||
|
|
<span class="nav-count">2</span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#p4" data-target="p4">
|
|||
|
|
<span class="nav-dot" style="background:#a855f7;"></span>
|
|||
|
|
<span>方向跑偏</span>
|
|||
|
|
<span class="nav-count">2</span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#p5" data-target="p5">
|
|||
|
|
<span class="nav-dot" style="background:#14b8a6;"></span>
|
|||
|
|
<span>节奏不对</span>
|
|||
|
|
<span class="nav-count">2</span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#p6" data-target="p6">
|
|||
|
|
<span class="nav-dot" style="background:#3b82f6;"></span>
|
|||
|
|
<span>故事讲不通</span>
|
|||
|
|
<span class="nav-count">2</span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#p7" data-target="p7">
|
|||
|
|
<span class="nav-dot" style="background:#ec4899;"></span>
|
|||
|
|
<span>复杂意图不全面</span>
|
|||
|
|
<span class="nav-count">2</span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#summary" data-target="summary">
|
|||
|
|
<span class="nav-dot" style="background:#22c55e;"></span>
|
|||
|
|
<span>总结与建议</span>
|
|||
|
|
<span class="nav-count">—</span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div><!-- /main-layout -->
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
// 顶部导航高亮
|
|||
|
|
const topNavLinks = document.querySelectorAll('.sticky-nav a');
|
|||
|
|
const sections = document.querySelectorAll('.section');
|
|||
|
|
const sidebarLinks = document.querySelectorAll('.case-sidebar-nav a');
|
|||
|
|
|
|||
|
|
function updateActive() {
|
|||
|
|
let current = '';
|
|||
|
|
sections.forEach(sec => {
|
|||
|
|
const rect = sec.getBoundingClientRect();
|
|||
|
|
if (rect.top <= 80) current = sec.id;
|
|||
|
|
});
|
|||
|
|
if (window.scrollY + window.innerHeight >= document.body.scrollHeight - 50) {
|
|||
|
|
current = 'summary';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 顶部导航:p1~p7 统一高亮"问题案例分析"
|
|||
|
|
const topMap = { overview: 'overview', summary: 'summary' };
|
|||
|
|
const pIds = ['cases','p1','p2','p3','p4','p5','p6','p7'];
|
|||
|
|
const topCurrent = pIds.includes(current) ? 'cases' : (topMap[current] || current);
|
|||
|
|
topNavLinks.forEach(a => {
|
|||
|
|
a.classList.toggle('active', a.getAttribute('href') === '#' + topCurrent);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 右侧导航:精确高亮当前问题类别
|
|||
|
|
sidebarLinks.forEach(a => {
|
|||
|
|
a.classList.toggle('active', a.getAttribute('data-target') === current);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
window.addEventListener('scroll', updateActive);
|
|||
|
|
updateActive();
|
|||
|
|
|
|||
|
|
// 平滑滚动
|
|||
|
|
document.querySelectorAll('a[href^="#"]').forEach(a => {
|
|||
|
|
a.addEventListener('click', e => {
|
|||
|
|
e.preventDefault();
|
|||
|
|
const target = document.querySelector(a.getAttribute('href'));
|
|||
|
|
if (target) {
|
|||
|
|
const offset = 60;
|
|||
|
|
const top = target.getBoundingClientRect().top + window.scrollY - offset;
|
|||
|
|
window.scrollTo({ top, behavior: 'smooth' });
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|