youtube-thumbnail-design

安装 belt CLI 技能： npx skills add belt-sh/cli

YouTube 缩略图设计

通过 inference.sh CLI 使用 AI 图像生成，制作高点击率的 YouTube 缩略图。

快速开始

需要 inference.sh CLI（belt）。安装说明

belt login

# Generate a thumbnail
belt app run falai/flux-dev-lora --input '{
  "prompt": "YouTube thumbnail style, close-up of a person with surprised excited expression looking at a glowing laptop screen, vibrant blue and orange color scheme, dramatic studio lighting, shallow depth of field, high contrast, cinematic",
  "width": 1280,
  "height": 720
}'

规格

规格	值
尺寸	1280 x 720 px（最小）
推荐尺寸	1920 x 1080 px
宽高比	16:9
文件大小上限	2 MB
格式	JPG、GIF、PNG

120px 测试

在移动设备上，你的缩略图宽度大约为 120px——大多数观众第一次看到它时就是这个尺寸。

在 120px 尺寸下，观众必须能够辨认出：

1. 情绪／氛围（从颜色和表情判断）
2. 大致主题（从构图判断）
3. 文字（如有，且只有在足够大时）

**测试：**以 120px 宽度查看缩略图。如果画面模糊不清，就重新设计。

安全区域

┌─────────────────────────────────────────────┐
│                                             │
│   ✅ SAFE FOR TEXT AND KEY ELEMENTS         │
│                                             │
│                                             │
│                                             │
│                                             │
│                                       ┌───┐ │
│                                       │ ⏱ │ │ ← Timestamp overlay
│                              ┌────────┴───┘ │    (bottom-right)
│   ┌────┐                     │  DURATION    │
│   │ CH │ Chapter marker      └──────────────│
└───┴────┴────────────────────────────────────┘
     ↑ Bottom-left: chapter/progress markers

避免将关键元素放在：

• 右下角（视频时长时间戳）
• 左下角（章节标记、进度条）
• 最边缘处（不同设备上的裁切范围各异）

配色策略

效果出色的高对比度配色

配色	氛围	最适合
黄色 + 黑色	紧迫感、引人注意	科技、商业、清单
红色 + 白色	活力、兴奋	娱乐、反应类内容
蓝色 + 橙色	专业对比	教育、教程
绿色 + 白色	增长、金钱	金融、成功故事
紫色 + 黄色	高端、创意	设计、艺术、创意
白色 + 深色	简洁、极简	奢华、极简主义频道

配色规则

• 背景与文字／主体应采用互补色或高对比度配色
• 避免温度相近的颜色相邻（红色配橙色 = 一片混浊）
• 每张缩略图最多使用 3 种颜色
• 饱和度要高于现实场景——缩略图需要与鲜艳的界面元素竞争

缩略图上的文字

适合添加文字的情况

• 清单／数字：“7 个技巧”“十大”
• 鲜明观点：“别再这么做”
• 结果：“30 天赚 1 万美元”
• 对比：在两种事物之间使用“vs”

不适合添加文字的情况

• 视频标题已经表达了相同内容（重复）
• 情绪／画面本身已经讲清楚了故事
• 无法将文字放大到在 120px 尺寸下仍清晰可读

文字规则

规则	原因
最多 6 个词	确保缩略图尺寸下清晰易读
至少相当于 60pt	必须在宽度为 120px 时清晰可辨
粗体无衬线字体	细字体在小尺寸下会消失
使用对比色描边／阴影	确保在任何背景上都清晰可读
不要使用小字	小尺寸下读不清就删掉

面部表情心理学

有人脸的缩略图比没有人脸的缩略图 点击率更高。表情很重要：

表情	点击率影响	最适合
惊讶／震惊	最高	反应、揭晓、发现类内容
好奇	高	教程、操作指南、技巧
兴奋	高	开箱、评测、公告
担忧／忧虑	中高	警告、错误、问题类内容
自信	中等	专家建议、权威内容
中性	最低	除非品牌风格极简，否则应避免

面部构图规则

• 面部应占缩略图的 30-50%
• 眼睛看向文字或主体（引导观众注意力）
• 眼睛看向镜头 = 建立联系。眼睛看向物体 = 激发好奇。
• 将人物放在一侧（通常是左侧），文字或主体放在另一侧

# Generate a face-forward thumbnail
belt app run falai/flux-dev-lora --input '{
  "prompt": "close-up portrait of a man with genuinely surprised expression, mouth slightly open, raised eyebrows, looking at camera, left side of frame, vibrant teal background, dramatic rim lighting, YouTube thumbnail style, high contrast, cinematic",
  "width": 1280,
  "height": 720
}'

# Generate a face-looking-at-subject thumbnail
belt app run bytedance/seedream-4-5 --input '{
  "prompt": "person looking amazed at a glowing holographic chart showing upward growth, dramatic blue and green lighting, right side profile view, dark background, tech aesthetic, high energy",
  "size": "2K"
}'

不同内容类型的缩略图模板

教程／操作指南

belt app run falai/flux-dev-lora --input '{
  "prompt": "overhead flat lay of organized workspace with laptop showing code editor, colorful sticky notes, coffee cup, clean bright background, professional setup, tutorial style composition, warm lighting",
  "width": 1280,
  "height": 720
}'

前后对比

belt app run falai/flux-dev-lora --input '{
  "prompt": "split composition, left side dark and messy disorganized desk, right side bright clean organized minimalist workspace, dramatic contrast between chaos and order, clear dividing line in center, high contrast",
  "width": 1280,
  "height": 720
}'

产品评测／对比

belt app run falai/flux-dev-lora --input '{
  "prompt": "two products facing each other with dramatic lighting and sparks between them, competition battle concept, dark background with colorful rim lighting, versus comparison style, high energy, product photography",
  "width": 1280,
  "height": 720
}'

清单／数字

belt app run falai/flux-dev-lora --input '{
  "prompt": "dynamic arrangement of 7 different colorful objects floating in space against dark gradient background, each item distinct and clearly separated, energetic composition, vibrant saturated colors, studio lighting",
  "width": 1280,
  "height": 720
}'

A/B 测试

每次只测试一个变量：

变量	测试 A 与 B
有脸 vs 无脸	构图相同，画面中有人物或无人
表情	惊讶 vs 好奇
配色方案	暖色调 vs 冷色调
有文字 vs 无文字	有或没有文字叠加
背景	明亮 vs 深色
构图	主体面朝左 vs 面朝右

# Generate variant A
belt app run falai/flux-dev-lora --input '{
  "prompt": "..., bright yellow background, ...",
  "width": 1280, "height": 720
}' --no-wait

# Generate variant B (same prompt, different background)
belt app run falai/flux-dev-lora --input '{
  "prompt": "..., dark navy background, ...",
  "width": 1280, "height": 720
}' --no-wait

缩略图检查清单

• 最低 1280x720（推荐 1920x1080）
• 文件大小低于 2MB
• 通过 120px 眯眼测试
• 右下角（时间戳）和左下角（章节）不放关键元素
• 最多使用 3 种颜色，保持高对比度
• 文字（如有）最多 6 个词，使用粗体，并添加对比色描边
• 面部表情与内容的感染力相符（如适用）
• 不要重复视频标题
• 在周围的缩略图中脱颖而出（检查所在领域）
• 在 YouTube 的浅色和深色背景下均清晰可见

常见错误

错误	问题	修正方法
文字过多	缩略图尺寸下无法阅读	最多 6 个词，或不加文字
对比度低	在信息流中不显眼	使用互补色
构图杂乱	视线不知该看哪里	只设一个焦点
感觉像普通图库照片	缺乏个性，容易被跳过	使用真实的表情和独特的角度
细节太小	缩至 120px 后看不清	使用醒目、简单的形状
每个视频都用相同风格	观众容易审美疲劳	在品牌规范范围内变换风格
缩略图具有误导性	破坏信任，损害观众留存率	与实际内容相符

相关技能

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@image-upscaling
npx skills add inference-sh/skills@prompt-engineering

浏览所有应用：belt app list