# principles.md > 49 条来自 S 档样本组 / A 档样本组 / 影片式样本组 / 互动样本组 / 杂志样本组 / 情感样本组的硬规则，以及历轮 critic-report 反推。 > 每条规则去掉案例仍然成立；写网站前对照一遍，写完再对照一遍。 > 编号区段：审美 P-001~P-011；结构 P-012~P-017；动效 P-018~P-024；媒体 P-025~P-027；anti-pattern P-028~P-035；critic-fed 反虚高 P-036~P-039；互动状态机 P-040~P-044；判分元规则 P-045~P-049。 --- ## 审美原则（视觉 / 配色 / 字体 / 留白） ### P-001 · 优先深色底 - 规则：拿不准时一律用深色底（黑/暖黑/深棕），浅色底只有在文案本身极强、且作者字体功底很硬时才用。深色更容易出"高级感"，浅色驾驭不住就变塑料。 - 反例：默认白底 + 现代无衬线 + 浅灰副标题 → 出来像企业官网模板，无记忆点。 - 来源：S 档样本组深色占比约 65%；风格库 "约 70% 是深色系" - 关联：S1, S2, S7 ### P-002 · 红色强调色不许用纯红 - 规则：暗黑宣言风的"血红"必须用 #d6321f / #e23b22 / #e63329 / #c01a16 一族，绝不使用 #ff0000。纯红在屏幕上会过饱和、像告警弹窗，毁掉宣言气质。 - 反例：用 #ff0000 当主色 → 视觉刺眼、廉价感、不像宣言像大字报。 - 来源：S 档样本组 (S1 暗黑宣言) - 关联：S1 ### P-003 · 暖金点缀不超过 1 个元素 - 规则：S2/S7 类风格里暖金 #c9a86a / #d8aa58 只允许出现在 logo、罗马数字、章节号、单一边框这类小点缀位，绝不大面积铺背景或填段落。 - 反例：用暖金做整段背景或大块边框 → 风格从"克制电影感"塌成"廉价金属感"。 - 来源：S 档样本组 (S2/S7) + 杂志样本组 - 关联：S2, S7 ### P-004 · 宣言型大标题字号 ≥ clamp(60px, 11vw, 140px) - 规则：宣言/海报/影片式的主标题字号下限 60px、视口比例 ≥ 11vw、字重 ≥ 900（或 Impact / 思源黑体 Heavy / PingFang 1000）。字号字重不够，宣言就立不住。 - 反例：用默认 h1 字号 32px + 字重 700 做"宣言" → 看上去像普通博客标题。 - 来源：S 档样本组 (S1) + 单屏海报样本组 - 关联：S1, T6 ### P-005 · 字体敏感风格必须引 Google Font CDN - 规则：S2、S3、S7 这三类对字形敏感的风格，必须用 link 引入对应 Google Font（Fraunces / Cormorant Garamond / JetBrains Mono / Noto Serif SC / Ma Shan Zheng），不允许只 fallback 到 system serif/sans/mono。 - 反例：用 system 字体栈替代 Fraunces → fallback 成 PingFang/思源/SF，气质全变。 - 来源：复刻样本组自评共识 - 关联：S2, S3, S7, T7 ### P-006 · 三字体系统专属杂志/文学风 - 规则：S4/S7 类做"杂志或文学体例"时，必须配齐三套字体并明确分工——衬线大标题（Fraunces/Noto Serif SC 900）+ 中文细字体（Noto Sans SC 100/300 疏排）+ 等宽小字（JetBrains Mono 做 label / 数据 / 时间码）。少一套就会塌成"普通中文页"。 - 反例：全文用思源黑体 → 没有罗马数字、没有 label 节奏、不像杂志像微信公众号导出。 - 来源：杂志样本组 - 关联：S4, S7, T7 ### P-007 · 等宽字体是 HUD 风的入场券 - 规则：S3 赛博 HUD 风必须用 JetBrains Mono / Space Mono / IBM Plex Mono 做数据、时间码、标签、tag chip。没有等宽字体就只是一张深色页，不是 HUD。 - 反例：HUD 风用思源黑体做所有文字 → 缺少"仪器/终端"质感，变成普通深色页。 - 来源：HUD 样本组 - 关联：S3, T8 ### P-008 · 荧光色降饱和 - 规则：S3 的荧光蓝/绿/红用低饱和版本（#6ad4ff / #39d353 / #ff4d3d），禁用纯饱和的 #00ffff / #00ff00。低饱和才像示波器/仪表，过饱和像 90 年代网页。 - 反例：用 #00ffff 当主荧光 → 屏幕泛蓝、对比刺眼、与"高级 HUD"反向。 - 来源：HUD 样本组 - 关联：S3 ### P-009 · 暗黑底必配 grain + 暖光 radial - 规则：暗黑底（S1/S2/S7）必须叠两层 fixed pointer-events:none 的覆盖层——SVG feTurbulence 噪点（opacity 0.04~0.22）+ 一团暖色 radial-gradient 光晕。纯净的 #0a0a0a 底会显得贫血。 - 反例：纯 #000 底无噪点无光晕 → 屏幕像没渲染完、缺质感。 - 来源：S 档样本组 (S1/S2/S7) - 关联：S1, S2, S7, T6 ### P-010 · 视觉单元 ≤ 5（单屏海报） - 规则：单屏海报型（无滚动）的视觉单元数量不超过 5 个（一个大标题 + 一个肖像/数字 + 一行副标题 + 一个 label + 一个 PLAY/CTA）。S2 单屏海报的力量来自"删到不能再删"。 - 反例：单屏堆 1 个 hero + 4 个小卡片 + 一个数据条 + 一个 footer → 看起来像 dashboard，不像海报。 - 来源：单屏海报样本组 (S2) - 关联：S2 ### P-011 · 留白是故意的 - 规则：每一块大块留白必须能说出"留白在隔什么 / 让眼睛去哪"。不能解释的留白就是错位、是没排好。 - 反例：标题下方留 40vh 空白只是因为忘了填内容 → 用户向下滚才发现还有东西。 - 来源：审美验收共识 - 关联：— --- ## 结构原则（章节 / 首屏 / 节奏） ### P-012 · 滚动叙事最佳章节数 5-7 - 规则：长 scroll 多章节型网站的章节数应落在 5-7 之间。少于 5 章用户没进入状态就结束（建议改单屏海报），多于 14 章必须切到 sticky chapter 模式（T13）否则节奏散掉。 - 反例：4 个章节做"完整成长故事" → 每章节奏未展开就被下一章打断。 - 来源：章节数分布统计（S 档主集中区间 5-7） - 关联：T13 ### P-013 · 影片式时长甜区 60-135 秒 - 规则：影片式短片时长应落在 60s-135s。<60s 信息密度太密用户抓不住；>150s 没有极强节奏密度会从 A 档掉到 B 档。 - 反例：做 200s 影片但每 30s 才一个章节切换 → 用户耐心耗尽、评分腰斩。 - 来源：影片式样本组时长分布表 - 关联：T1 ### P-014 · 首屏 3 秒法则 - 规则：打开网站后 3 秒内必须出现一个明确的视觉焦点（巨型标题/海报肖像/PLAY 按钮/正在动的元素）。3 秒内是"白屏 + 一行小字加载"就已经输了。 - 反例：首屏只有顶部 logo 和"欢迎"两个字 + 浅灰副标题 → 用户直接划走。 - 来源：审美验收共识 + 影片式样本组 loader - 关联：T12 ### P-015 · 每章必须有独立动效骨架 - 规则：影片式或长 scroll 章节式网站，每一章必须有一个区别于其他章的核心动效（词云收束 / 红环宣判 / 心跳脉冲 / 通知喷射 / 河流文字 …），不能所有章节都共享同一个 fade-up 入场。 - 反例：10 章全部 fade-up + opacity 0→1 → 用户第三章就疲劳、滑过剩下七章。 - 来源：S 档样本组 (影片式 + 多章节) - 关联：T1, T11 ### P-016 · 一屏一焦点 - 规则：滚动过程中任何一屏不允许同时出现 2 个争夺注意力的视觉焦点。要么大标题 + 几行支撑文字，要么一张大图 + 一行 caption，但不能"大标题 + 大图 + 大数字"全堆在一屏。 - 反例：同一屏放 100px hero + 80px 大数字 + 满屏粒子 → 用户不知道往哪看。 - 来源：审美验收共识 - 关联：— ### P-017 · 章节切换需 3-5 秒停顿 - 规则：每个章节切换后至少留 3-5 秒静止/慢动作，让读者消化。节奏过快没停顿会触发"信息密度过密"的复刻自评。 - 反例：每 1.5 秒切一章共 10 章 → 用户只记得"闪了好多东西"，记不住任何一章。 - 来源：影片式样本组共性 - 关联：T1 --- ## 动效原则（什么时候用哪类技术） ### P-018 · 影片式必用 T1 + T17，禁用 first-frame - 规则：影片式网站必须用 T1（时间轴 shot 切换 + audio.currentTime 或 performance.now 主时钟）+ T17（16:9 stage + grain + vignette）。只做 PLAY 首帧 + 静态海报不算影片式，会从 S 档塌到 62 分。 - 反例：复刻"影片式 24 幕"只做了 PLAY 首帧 → 评分 62 / 上一版被推翻。 - 来源：影片式样本组反例 - 关联：T1, T17 ### P-019 · 自定义光标只在桌面端启用 - 规则：T4 自定义双层光标必须用 `@media (hover: hover) and (pointer: fine)` 门控，移动端剥离。375px 触屏没有光标概念，强搬过去会留下死框或干扰滑动。 - 反例：T4 在移动端继续渲染 outer/inner 圆 → 浮动两个圆且不跟手，体验崩。 - 来源：复刻样本组自评共识 - 关联：T4 ### P-020 · canvas rAF 必须挂可见性清理 - 规则：所有用 requestAnimationFrame 的 canvas/Three.js 循环，必须在 `document.hidden`/`visibilitychange`/`beforeunload` 时调用 `cancelAnimationFrame` 暂停。否则切后台时 CPU 跑满、内存泄漏。 - 反例：rAF 永远在跑 + 切到别的标签页 → 风扇狂转、电池速降、移动端卡死。 - 来源：复刻样本组性能审计共性 - 关联：T3, T11, T16 ### P-021 · 影片式有 BGM 时 cue 用 phrase mapping - 规则：影片式如果有真实 BGM，shot 的时间码必须用 `{audioT, visualT}` 数组做 phrase mapping，不能直接拿 `audio.currentTime` 做线性等比拉伸。线性拉伸丢的不是节拍是情绪精度。 - 反例：把 0-8s 音频直接线性映射成 0-35s 视觉 → 节拍点对不上、情绪散。 - 来源：影片式样本组 (BGM 卡点) 自评共性 - 关联：T1 ### P-022 · 88+ 分必须有"1-2 个让人记住的小亮点" - 规则：想做到 88+ 分，必须有 1-2 个让人记住的差异化小动效（信封翻盖 / 骰子翻盘 / CTA 文字爆裂 / 自定义光标暖光晕 / count-up 数字 / 章节切场闪白 / 优惠券 flip）。全部"标准动效"是 75 分天花板。 - 反例：用 5 个技术族但全是大众动效（fade、scale、blur）→ "看起来不错但记不住任何一处"。 - 来源：S 档样本组 vs A 档样本组的差异点统计 - 关联：T10, T12, T15 ### P-023 · 章节切换需 flash/wipe/curtain 转场 - 规则：影片式每个章节之间必须有显式转场——首选 directorHit 闪白（fixed overlay opacity 0→0.6→0 / 180ms）、次选斜向 wipe（mix-blend:screen + cubic-bezier）、再次选黑场 curtain。没转场就会被评"普通"。 - 反例：章节切换直接换 DOM，无任何过渡 → 像翻页 PDF。 - 来源：影片式样本组转场频率统计 - 关联：T1 ### P-024 · 动效按章节分配，不堆首屏 - 规则：所有动效按章节阶段分配：入场用 loader（T12）→ hero 用 kinetic typo（T5）→ 中段用 sticky beat（T13）→ quote 屏用 scramble（T5）→ ending 用粒子爆炸（T3/T11）。不能 8 个动效全在第一屏触发。 - 反例：首屏同时跑 loader + kinetic + 粒子 + scramble + 跑马灯 → 用户头晕、3 秒后划走。 - 来源：建站决策树 anti-pattern 统计 - 关联：T5, T12, T13 --- ## 媒体原则（BGM / 视频 / 真人照片） ### P-025 · 影片式想进 S 档必须有 BGM - 规则：影片式短片要进 S 档（≥85），必须配真实 BGM——首选 base64 内联 mp3（哪怕 3MB+）、次选 Web Audio 程序合成 ambient drone（4 个 oscillator）、下策才是 `performance.now` 虚拟时钟。虚拟时钟能保节拍但丢情绪。 - 反例：影片式做完整 10 章但完全无音频 → 自评"少了什么"，外部反响平淡，封顶 75。 - 来源：影片式样本组 BGM 命中率统计 - 关联：T1, T15 ### P-026 · 真人照片不能用 CSS 渐变替代 - 规则：原作含真实人像 / 物品照片时，必须 base64 内联真实照片，不允许用 radial-gradient 拼"剪影"或纯色 placeholder。皮肤质感、物品重量、空间感这些"信号"是 CSS 渐变完全替代不了的。 - 反例：把原作的人物半身肖像换成 CSS radial-gradient 椭圆 → 风格塌一档，看起来像 mockup。 - 来源：复刻样本组自评共性 - 关联：— ### P-027 · 音频/视频按钮必须真的能播 - 规则：页面上出现 PLAY / 音符 / 喇叭按钮就必须接真实音频或 Web Audio 程序合成，禁止留死按钮当 placeholder UI。死按钮一被点破，整站气质塌掉。 - 反例：放了一个大 PLAY 按钮但点击什么都不响 → 用户从此不信任这个网站的任何交互。 - 来源：复刻样本组自评共性 - 关联：T15 --- ## Anti-pattern（绝对不要做） ### P-028 · 文字不许 placeholder / 编造 - 规则：网站正文必须 100% 用原始素材逐字搬运。不允许 lorem ipsum、不允许"代表性短句"补写、不允许 AI 改写"更通顺"的版本。文字含金量是 87+ 档的天花板。 - 反例：把原作"凌晨两点 / 路边的猫" 这类具体感官钩子裁掉换成"我经常感到孤独" → 情感扳机完全失效。 - 来源：复刻样本组共性 + 长文样本组反例 - 关联：— ### P-029 · 长文画面感细节句一句都不能删 - 规则：长文情感网站里那些"具体到时间地点感官"的细节句是情感扳机，必须一句不漏全文保留。这些句子是 80% 力量的来源。 - 反例：把长文裁短成"摘要版"删掉所有细节句 → 皮 1:1 但肉全失，没人会被打动。 - 来源：长文样本组自评共性 - 关联：— ### P-030 · 章节正文不许偷工 - 规则：长文章节的正文必须每章至少 6 段实质内容。一章只写一两句占位 + 一个章节号是结构失败，再好的视觉也撑不住。 - 反例：6 章节但每章只有标题 + 1 句 caption → 视觉再好也像 PPT 大纲，没分量。 - 来源：长文样本组反例 - 关联：— ### P-031 · 不许为 3D 而 3D - 规则：使用 Three.js 真 3D 必须先回答"3D 在叙事里承担什么功能"。回答不出来就用 Canvas 2D + grain + radial 替代，高分样本里只有极少数是真 3D。 - 反例：往个人介绍页硬塞一个旋转粒子球，与文案毫无关联 → 加载慢、移动端卡、看起来像 demo。 - 来源：建站决策树 anti-pattern 统计 - 关联：T2 ### P-032 · 红色不当背景大面积铺 - 规则：S1 暗黑宣言的红色（#e23b22 一族）只能做强调（关键词 / 章节号 / 标点 / 一行警句的底色），禁止当 hero 区背景大面积铺。一旦铺成大红墙就从"宣言"塌成"大字报"。 - 反例：整个首屏背景填 #e63329 + 白字 → 像 90 年代横幅广告，不像宣言。 - 来源：S 档样本组 (S1) 反例 - 关联：S1 ### P-033 · 章节少于 5 个就改单屏海报 - 规则：只有 3-4 章的内容不要做长 scroll，直接改成单屏海报（路径 E）。3-4 章的滚动叙事节奏永远撑不起来，用户没进入状态就结束。 - 反例：3 章节做"完整 IP 介绍" → 用户滑两下就到底，疑惑"就这？"。 - 来源：建站决策树 anti-pattern 统计 - 关联：— ### P-034 · 风格不许中途漂移 - 规则：一个网站从头到尾必须是同一人格——配色 / 字体 / 动效语言 / 排版密度全程一致。不允许第 1-3 章 S1 暗黑宣言，第 4-5 章突然切 S5 明亮极简。 - 反例：前半段红黑大字宣言，后半段切白底现代无衬线讲方法论 → 像两个网站拼接、画风突变。 - 来源：审美验收共识 - 关联：— ### P-035 · 不许长得像 AI 默认产物 - 规则：交付前自问一遍"这个网站发出去会不会被人一眼说『AI 随便做的』"。识别特征包括：紫色渐变 hero / 圆角卡片网格 / emoji 当 icon / "欢迎来到 XX" 当首屏 / 居中三栏 feature card / 灰扑扑的中间色。命中任何一条就回到风格库重选。 - 反例：紫色渐变 hero + 三栏 emoji 卡片 + 圆角按钮 + 居中布局 → 100% AI 模板气，零记忆点。 - 来源：审美验收共识 "终极一问" - 关联：— --- ## Critic-fed 反虚高（P-036 ~ P-039，从历轮 critic-report 反推） ### P-036 · 不许把具体钩子改写成抽象金句 - 规则：复刻 / 重建 / 原创长文时，"凌晨两点 / 咖啡凉掉 / 路边的猫 / 黑色的窗口"这类**具体到时间地点感官**的钩子句不允许被改写成"陌生的速度 / 成长的斜率 / 察觉就值得"这种抽象金句。抽象化是比删句子更隐蔽的删情感。 - 反例：把"凌晨三点你打开那个黑色的窗口"改写成"成长的斜率越来越陡" → 文案变得"工整漂亮"，但情绪扳机直接归零。 - 来源：critic-report 影片式 rebuild 差距（具象钩子被全部抽象化为宣言金句） - 关联：P-028, P-029 ### P-037 · 章节标题不许机械重复同一种高亮句式 - 规则：长文 / 杂志型 6-8 章的标题不许全用同一种"主标题 + 单词级 italic 高亮"模板。重复 5-6 次后变成 placeholder 套娃，再精致的字体也会失去张力。每章至少 2-3 章必须切换字体处理方式（整段衬线 italic epigraph / 全段黑体 / Fraunces 大数字 / 手写体签名）。 - 反例：8 章标题全部"Noto Serif SC 900 + Fraunces italic 单词高亮"句式 → 第 3 章用户就识破模板，剩下 5 章是阅读疲劳。 - 来源：critic-report 长文反思 8 章标题机械化削弱字体张力 - 关联：P-015, P-025 ### P-038 · 荧光色饱和度有明确阈值线 - 规则：S3 赛博 HUD 风的主荧光色必须落在低饱和族——**绿** `#39d353` / **蓝** `#6ad4ff` / **红** `#ff4d3d`，**禁用** `#39ff14` / `#00ff00` / `#00ffff` / `#39ff00` 这类 HSL 饱和度 ≥ 95% 或亮度 ≥ 90% 的"过饱和原色"。`#39ff14`（HSL 112°,100%,54%）已是红线边界，看上去会变成"90 年代 demo 网页"而非"仪器 HUD"。 - 反例：把主色定为 `#39ff14` → 屏幕泛绿、对比刺眼、和"高级 HUD"反向。 - 来源：critic-report HUD 配色饱和度违反 P-008 - 关联：P-008（这条是 P-008 的精确化执行规则） ### P-039 · Generator 自评天然 inflate +0.4~0.75 / 5 - 规则：generator（写网站的 agent）自评分一律 inflate +0.4~+0.75（5 分制）或 +0.8~+1.5（10 分制）。inflation 来自三个稳定来源——(a) C 维度品味题把"按食谱执行完成"误判为"S 档品味"；(b) "对齐用户需求"被当作 rubric 总分；(c) C 维度情绪扳机硬路径未自检就跳过。**任何 generator 自评 ≥ 8.0 / 10 的作品，真实档位应按 7.2~7.7 / 10 重估，对应 A 档而非 S 档**。 - 反例：generator 自评 8.0 / 8.5 / 9.2 三件作品，独立 critic 复评全部落在 7.2-7.7（A 档边缘），跨档虚标。 - 来源：3 份独立 critic-report 的共性结论（+0.8 / +1.5 / +1.3） - 关联：触发协议级反思（见 protocol-feedback.md） --- ## 互动状态机族（P-040 ~ P-044，从互动样本组 + 情感样本组 + 杂志样本组 good/bad pair 提炼） ### P-040 · 互动叙事必须是真状态机而非线性脚本 - 规则：互动叙事的最低门槛是**可循环、可输赢、可继承**的有限状态机（如 `bet → decide → result → bet` + stageclear / gameEnded 终止态），不是 `phase1 → phase2 → ... → phaseN` 的单向线性脚本。线性脚本即使有 7 个 phase 各带交互（pointer 穿字 / 长按充能 / 5 选 1 / 自动播放 / cross-fade）仍是"被推着走的观众体验"，不会被内行认可。 - 反例：7 phase 单向脚本，单文件几千行 + 每 phase 独立交互——dev 视角"想复刻"但 taste maker 零评价。 - 来源：互动样本组 good vs bad 对比 - 关联：P-022, P-043 ### P-041 · 状态机的台词/反馈是一等公民，数量阈值 ≥ 8 条 - 规则：互动状态机里的角色台词（庄家 / 旁白 / 反派 / NPC）必须按"桌/关 × 结果"组合穷举，数量阈值 ≥ 8 条独立台词（典型 S 档样本是 16 条 = 4 桌 × 胜/负/平/认怂/all-in）。台词数 < 5 条意味着用户在 2 轮内就会撞到重复，状态机的"系统感"会塌成"脚本感"。 - 反例：互动作品只写 3 条结果台词反复轮播 → 玩第 3 局用户就识破"哦原来就这几句"，"我服了"变成"就这？"。 - 来源：互动样本组 S 档（16+ 台词原文复用） - 关联：P-040 ### P-042 · 情感载体必须物理化（不是页面是物体） - 规则：情感作品（情书 / 信件 / 礼物 / 邀请）必须把载体做成"会动的物体"——信封折叠 → 拉封缄 → 抽信纸；优惠券 rotateY flip；骰子转动；按钮振动；邮戳 stamp pop。把"信件做成页面"是 anti-pattern；"信件做成物体"才有触觉记忆。每个关键交互都要对应一个真实物理场景。 - 反例：节日情书做成"渐变背景 + 爱心特效 + 动态文字"的单屏宣告页 → 外部反应"操作不错"（在夸营销策略），内行评价停在一句"GOOD"。 - 来源：情感样本组 good vs bad 对比（信封 3D + 优惠券 flip vs 单屏宣告） - 关联：P-022 ### P-043 · 诚实弧线（怀疑/低点/失败是必需而非可选） - 规则：宣言 / 影片 / portfolio / 互动叙事都必须包含"怀疑低点 / 失败可能 / 挫折一幕"。没有低谷的弧线只是吹牛——风险不真实，胜利就不真实。互动作品要有"真会输的概率"（比如对子 1/7.5）；影片宣言要有"动摇/停顿"一幕；portfolio 要有"那时我以为搞不定了"的具体场景。 - 反例：5 选 1 互动里 4 个错误选项被贴"错的"标签、1 个正确选项被引导高亮 → 这是选择题不是选择，用户没有"真输过"的体验，作品落到 B 档。 - 来源：互动样本组 bad（5 选 1 被引导） - 关联：P-040 ### P-044 · 栏目差异化：每章独立排版语言，不止动效 - 规则：杂志 / 长卷 / 多章节作品的"栏目差异化"必须做到**每章有独立排版语言**——不止动效不同（P-015），还包括字体处理（衬线 vs 黑体 vs 等宽 vs 手写体）、版式（满版 vs 居中 vs 双栏 vs 边注）、节奏密度（疏 vs 密）、装饰元素（页码 vs 罗马数字 vs 章节戳）。6 章对应 6 种文学体例的指纹才是真"杂志感"；6 章共用同一种排版语言只是 template skin。 - 反例：6 屏共用同一种"主标题 + 副标题 + 长段正文"的排版骨架 → 再精致也只是被精装的博客，配不上"杂志"二字。 - 来源：杂志样本组 good vs bad 对比（6 栏目对应 6 种文体 vs 6 屏一种语言） - 关联：P-015, P-037 --- ## 判分元规则族（P-045 ~ P-049，从 6 对样本配对反推 meta 判分线） > 这一族 principles 是抽象的"判分元规则"——它们不告诉你怎么写网站，而是告诉你**怎么读外部信号、怎么避免被高分数字骗到**。当你看到一件作品"红包很多 / 群众很热闹 / 路过的人都说好"时，先用这五条筛一遍。 ### P-045 · 内行人称赞分级（从最高到最低） - 规则：作品的外部反响有明确分级——**高位**：领域内行人主动发钱 / 主动连发语音赞美 / 主动转发并附上自己的延伸思考；**中位**：内行人文字赞美句 / 内行人一句 "GOOD" + 1-2 个象征性付款；**警戒位**：内行人沉默（看了但零评价零互动）；**最低位**：内行人吐槽 / 内行人主动 call-out anti-pattern。**吐槽比沉默更严厉**——沉默是"不打算说"，吐槽是"必须出来纠偏"。判分时不能把"中位"当"高位"。 - 反例：把内行人一句"GOOD" + 1 个象征性付款当作 S 档信号 → 真实档位是 A 档（中等偏上），离高位反响（5 条语音 + 大额连发）还差一个量级。 - 来源：S 档样本组 vs A 档样本组的外部反响对比 - 关联：P-046, P-049 ### P-046 · 红包/赞赏来源拆解（内行 vs 路人必须分开数） - 规则：作品的总赞赏数不等于作品的真实评分。必须按来源拆解——**内行人亲发的赞赏**是对作品工艺/品味的直接投票；**路人/外圈的赞赏**可能是 (a) 真被作品打动 / (b) 帮作者完成一次情感事件 / (c) 蹭热点凑数。S 档作品要么走 (a) 内行亲发占大头，要么走 (b) 路人集体被击中 + 陌生人驻足。**路人赞赏数高但内行沉默 = B 档作品被借势刷上来**——分数会撒谎。 - 反例：某件作品总赞赏数十个，但内行赞赏 = 0，路人大头是"帮作者完成一次社群表白"和"凑热闹众筹" → 作品本质是工具页，看似高分实为情感事件的副产物。 - 来源：作品 vs 工具壳样本组 good vs bad 对比 - 关联：P-045, P-047 ### P-047 · 外部讨论焦点：讨论作品 vs 讨论作者/事件 - 规则：外部评论的"焦点指向"是关键线索。**指向作品**的关键词：神了 / 我要哭了 / 卧槽这交互 / 真想学（学工艺）/ 路人驻足；**指向作者或外部事件**的关键词：太爱你了哥 / 太仗义了 / 想复刻（学技术）/ 太有操作了（夸营销策略）。讨论作品 = 作品本身被打动；讨论作者 = 作品被借用为情感事件的载体。判分时只能算前者。 - 反例：评论刷屏"作者太牛了"+"太爱你了"+"我饭钱都给你了" → 100% 指向情感事件本身，作品本身是工具页，离开外部故事就塌。 - 来源：作品 vs 工具壳样本组外部讨论焦点分析 - 关联：P-046, P-048 ### P-048 · "想学" vs "太有操作了" 的判分线 - 规则：外部反应里的"我是真想学"和"太有操作了"是**两个完全不同等级的语义**。"想学"是对**作品工艺**的认可（信封折叠怎么做、3D 翻牌怎么写）—— S 档信号；"想复刻"是对**交互编排技术**的认可（dev 看到 dev 玩具）—— A 档信号；"太有操作了"是对**营销动作/策略**的认可（借势节日、巧妙借力）—— **不是对作品的赞美，是对人的策略的赞美**，A/B 档信号。判分时这三个不能混。 - 反例：把"太有操作了"当作"作品反响极佳"写进 verdict → 实际是营销策略被认可，作品本身仍停在 A 档边缘。 - 来源：情感样本组 good vs bad 对比 ("我是真想学" vs "太有操作了") - 关联：P-042, P-047 ### P-049 · 作品必须在 HTML 内自我成立 - 规则：剥离一切外部上下文（作者是谁、社群里发生过什么、当天是什么节日、收件人是谁），作品仅凭 HTML 本身能不能撑起它的分数？这是"作品 vs 工具壳"的边界判分线。S 档作品 — 任何人打开都能读懂作品在讲什么，文字 + 数据 + 动效 + 切场全在 HTML 内自成体系；工具壳 — 离开外部故事就只剩输入框 + 按钮。**作品要在 HTML 内自我成立，不能靠外部故事撑分**。 - 反例：把"某后台 SDK 配置页"当作品发，骨架只有两个输入框 + 一个生成按钮 + 一个复制按钮，没有叙事、章节、BGM、动效编排 → 离开当时社群里发生的事件就是工具壳。 - 来源：作品 vs 工具壳样本组 good vs bad 对比 - 关联：P-030, P-046