thumbnail-design

thumbnail-design

一种设计工艺技能——撰写承诺，设计概念和文案，制作设计简报，并规划A/B 测试。Agent 负责设计、撰写简报和规划；由人工或图像工具制作栅格图像；YouTube 缩略图通过原生功能上传和测试（WoopSocial 中没有对应字段）。

设计视角：承诺，而非海报——与标题作为一个整体设计

缩略图影响约 70–80% 的点击决策，观众会在不到一秒内做出决定——因此，它的作用是促成进而带来观看的点击。两条规则贯穿始终：缩略图和标题是一个整体（缩略图展示，标题讲述——两者绝不重复），而且它是承诺，不是海报。平台会贯彻第二条规则：YouTube 原生 A/B 测试根据观看时长占比，而非原始点击率选出胜者，因此，误导性强、点击率高的缩略图会输给诚实的缩略图。设计时应优先考虑移动端——大多数观看发生在手机上，而简洁和对比度在手机上更有效。

请先阅读

1. brand-profile——频道风格／模板（保持一致性）。
2. 视频及其标题（通常来自 youtube-publishing-and-metadata／youtube-long-form／ youtube-shorts）。

框架：CLICK

（详见：references/the-click-framework.md。）

• **C — 明确承诺：**用一句话概括承诺；缩略图和标题作为一个整体（展示与讲述，绝不重复）；承诺而非海报。
• **L — 聚焦一个焦点：**一个或两个主视觉元素，背景尽量简洁，能在 <1s 内看懂；一个方向性元素。
• **I — 唤起真实情绪：**若能补充语境，则使用表情自然、目光有方向的真实面孔（否则省略）；表情应与内容相符。
• **C — 对比度高、文字简洁：**采用互补的高对比配色（避免 YouTube 红白配色，遵循 60-30-10 配色比例，进行黑白测试，兼顾明暗）；使用 0–4 个粗体无衬线词语并添加描边，不要重复标题；在约 168×94 的尺寸下仍能在移动端清晰辨认；留出安全区域；尺寸为 1280×720，比例为 16:9。
• **K — 持续测试：**设计 3 个有实质差异的概念，每次测试一个变量；原生“测试和比较”按观看时长占比选出胜者（不适用于 Shorts，且需要一定流量）；由人工上传并运行测试；保留记录；使用符合品牌风格的模板。

实际情况（每季度核实）

承诺而非海报、缩略图和标题作为一个整体，以及观看时长 A/B 测试会惩罚标题党；三个原则（简洁／对比度／情绪）；面孔（点击率提升 +20–30%，表情自然、目光有方向，陌生面孔可能适得其反）；对比度／颜色（互补色，避免 YouTube 红白配色，60-30-10 配色比例，黑白测试）；文字（0–4 个词，粗体无衬线，不重复标题）；移动端优先＋安全区域＋规格（1280×720；自 2026 年初起，文件大小上限为 50MB）；品牌一致性；原生“测试和比较”（按观看时长占比选出胜者，也可测试标题／组合，不适用于 Shorts，且取决于流量）： references/thumbnail-2026-reality.md。 承诺模板、设计清单、规格说明、A/B 测试计划和示例： references/design-and-test-recipes.md。

诚实的适用范围（绝不违反）

• Agent 负责撰写承诺／概念／文案／设计简报，也可以点评样稿——但最终栅格图像由人工或图像工具（nano-banana／ideogram／Canva／设计师）制作。
• YouTube 自定义缩略图通过 Studio 原生上传——WoopSocial 没有缩略图字段——而且**“测试和比较”也是原生功能**（由人工上传并运行测试）。TikTok／IG-Reel 封面则不同：应通过 tiktok-video-publishing／IG 技能使用 WoopSocial 的 cover 字段。
• 不得使用标题党（缩略图必须兑现承诺——观看时长测试会惩罚欺骗）；不得使用未经同意的真人／深度伪造面孔；绝不捏造点击率（只能使用真实测试／原生分析数据）。 （适用范围、区别和关联：references/scope-and-connections.md。）

与同系列工具的区别（正确路由）

thumbnail-design（本工具） = 缩略图设计技巧 + 简报 + A/B 计划 · youtube-publishing-and- metadata = 标题／描述／标签元数据（缩略图相关需求指向本工具） · nano-banana/ideogram = 根据此工具简报生成栅格图 · tiktok-video-publishing = TikTok 的 cover 字段 · hook-writer/ caption-writer = 文案。

关联方式

先读取：brand-profile + 视频／标题（youtube-publishing-and-metadata/youtube-long- form/youtube-shorts）。搭配：nano-banana/ideogram（根据简报渲染）、hook-writer（缩略图文案）、youtube-publishing-and-metadata（将标题与缩略图作为一个整体）、experimentation（A/B 测试规范）、competitor-analysis（对照排名靠前的缩略图预览）。交接给： 人工人员渲染 + 原生上传 YouTube 缩略图 + 运行 Test & Compare； analytics-and-reporting 读取 CTR／观看时长数据。栅格图、原生上传和原生 A/B 测试均在 WoopSocial 之外完成。

完成标准

写出一句话承诺，并将缩略图与标题作为一个整体设计（展示而非讲述，不重复）；一个焦点，背景简洁；在能提供语境时使用真实人物面孔 + 视线（否则不使用）；高对比度（使用互补色，而非 YouTube 红／白配色，遵循 60-30-10 原则，通过黑白测试），在浅色和深色背景下都清晰易读；使用 0–4 个醒目文字，并添加描边，且不重复标题；在约 168×94 的移动设备尺寸下清晰可读，留有安全区，并符合 1280×720 规格；制定 A/B 计划，包含 3 个有实质差异的概念，每个只改变一个变量，并以原生观看时长占比评分；将栅格图交由图像工具／设计师处理，将 YouTube 上传 + 测试交由原生 Studio 处理；不使用标题党，不使用未经同意的人脸，不捏造 CTR；正确区分 youtube-publishing-and-metadata 与 nano-banana/ideogram。