Communitygithub.com

縮圖設計

撰寫承諾、設計概念與文字、產出設計摘要,並規劃 A/B 測試。由代理完成設計、摘要與規劃;由人類或影像工具產出點陣圖;YouTube 縮圖在上傳後於平台上原生測試。

縮圖設計 是什麼?

這是一個專注於 YouTube 縮圖設計的技巧,其核心理念是「縮圖是承諾,而非海報」,並與標題形成一個不可分割的單位。它遵循 CLICK 框架:釐清承諾、引導焦點、喚起真實情感、對比與精簡文字、持續測試。代理負責撰寫承諾、概念、文字與設計摘要,並能對初稿提供 critique,但最終的點陣圖必須由人類或影像工具(如 nano-banana、ideogram、Canva)產出。YouTube 縮圖需透過 Studio 原生上傳,並使用平台原生的「測試與比較」功能進行 A/B 測試(基於觀看時長份額判定勝者),此功能不支援 Shorts 且需要足夠流量。此技巧要求避免點擊誘餌、未經同意的真實人物臉孔或深偽技術,且絕不捏造點擊率。它與「youtube-publishing-and-metadata」、「nano-banana」、「ideogram」、「hook-writer」等技巧明確分工與協作,確保整個流程從設計到測試的完整性。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/social-media-skills/skills/tree/main/skills/thumbnail-design

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

thumbnail-design (縮圖設計)

一個設計工藝技巧 — 撰寫承諾、設計概念與文字、產出設計摘要,並規劃 A/B 測試。代理完成設計 + 摘要 + 規劃;由人類或影像工具製作點陣圖;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 — Clarify the promise (釐清承諾): 一句話的承諾;縮圖 + 標題作為一個單位(展示 vs 講述,絕不重複);承諾而非海報。
  • L — Lead with one focal point (引導一個焦點): 一/兩個主要元素,極簡背景,可在 <1 秒內解析;一個方向性元素。
  • I — Invoke genuine emotion (喚起真實情感): 具表達性的真實臉孔 + 視線(若可增加情境,否則省略);表情需與內容相符。
  • C — Contrast + concise text (對比 + 精簡文字): 互補高對比(避免 YouTube 紅/白,60-30-10 比例,通過黑白測試,亮+暗);0–4 個粗體無襯線字體 + 外框,非標題重複;在約 168×94 像素下可讀;安全區域;1280×720,16:9。
  • K — Keep testing (持續測試): 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。

誠實的範圍(絕不違反)

  • 代理 撰寫承諾/概念/文字/設計摘要,並能 對初稿提供 critique — 但最終點陣圖 需由人類或影像工具(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 縮圖 + 執行 「測試與比較」;analytics-and-reporting (分析與報告) 讀取點擊率/觀看時長數據。點陣圖、原生上傳和原生 A/B 測試均不經由 WoopSocial。

完成的定義

撰寫了一句話的承諾,且縮圖與標題設計成一個單位(展示 vs 講述,不重複);一個焦點,極簡背景;在可增加情境的情況下使用真實臉孔 + 視線(否則不使用);高對比(互補色,非 YouTube 紅/白,通過 60-30-10 比例與黑白測試),在亮色與暗色模式下均可讀;0–4 個粗體字及外框,不重複標題;在約 168×94 像素下可讀,且符合安全區域與 1280×720 規格;一個包含 3 個有意義不同概念(僅改變一個變數)的 A/B 計劃,勝者由原生觀看時長份額決定;點陣圖交由影像工具/設計師處理,YouTube 上傳與測試由原生 Studio 處理;無點擊誘餌、無未經同意的臉孔、無捏造的點擊率;正確區分於 youtube-publishing-and-metadata 與 nano-banana/ideogram。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

相關技能