⚡

YouTube缩略图设计Skill youtube-thumbnail-design

本技能专注于使用AI图像生成工具设计和优化YouTube缩略图，提升视频点击率。涵盖关键尺寸、色彩策略、文本放置、面部表情心理学和A/B测试，帮助创建吸引人的视频封面图像。关键词：YouTube缩略图设计、AI图像生成、点击率优化、视频封面、设计指南、颜色对比、文本放置、表情心理学、A/B测试。

海报设计 0 次安装 0 次浏览 更新于 3/12/2026

name: youtube-thumbnail-design description: “YouTube缩略图设计，包含特定尺寸、对比度规则和移动预览优化。涵盖安全区域、文本放置、面部表情心理学和A/B测试。适用于：YouTube缩略图、视频封面图像、点击率优化。触发词：youtube缩略图、缩略图设计、视频缩略图、点击率、ctr优化、youtube封面、视频封面图像、缩略图制作器、缩略图技巧、youtube设计、视频预览图像” allowed-tools: Bash(infsh *)

YouTube缩略图设计

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

快速开始

curl -fsSL https://cli.inference.sh | sh && infsh login

# 生成一个缩略图
infsh app run falai/flux-dev-lora --input '{
  "prompt": "YouTube缩略图风格，人物特写，表情惊讶兴奋，看着发光的笔记本电脑屏幕，生动的蓝色和橙色配色方案，戏剧性的工作室灯光，浅景深，高对比度，电影感",
  "width": 1280,
  "height": 720
}'

安装说明：安装脚本仅检测您的操作系统/架构，从dist.inference.sh下载匹配的二进制文件，并验证SHA-256校验和。无需提升权限或后台进程。手动安装与验证可用。

规格

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

120像素测试

您的缩略图在移动端显示为大约120像素宽——这是大多数观众首次看到的方式。

在120像素下，观众必须能够识别：

  1. 情绪/情感（来自色彩和表情）
  2. 一般主题（来自构图）
  3. 文本（如有——仅当足够大时）

**测试：**在120像素宽度下查看您的缩略图。如果模糊不清，重新设计。

安全区域

┌─────────────────────────────────────────────┐
│                                             │
│   ✅ 适合文本和关键元素的安全区域         │
│                                             │
│                                             │
│                                             │
│                                             │
│                                       ┌───┐ │
│                                       │ ⏱ │ │ ← 时间戳覆盖（右下角）
│                              ┌────────┴───┘ │
│   ┌────┐                     │ 时长         │
│   │ CH │ 章节标记           └──────────────│
└───┴────┴────────────────────────────────────┘
     ↑ 左下角：章节/进度标记

避免将关键元素放置在：

  • 右下角（视频时长时间戳）
  • 左下角（章节标记、进度条）
  • 边缘极端位置（设备裁剪变化）

色彩策略

有效的高对比度组合

组合 情绪 最佳用途
黄色 + 黑色 紧急、注意 技术、商业、列表
红色 + 白色 能量、兴奋 娱乐、反应
蓝色 + 橙色 专业对比 教育、教程
绿色 + 白色 成长、金钱 金融、成功故事
紫色 + 黄色 高级、创意 设计、艺术、创造力
白色 + 深色 干净、极简 奢侈、极简频道

颜色规则

  • 背景和文本/主体应为互补色或高对比度
  • 避免相同色调的颜色接触（红色在橙色上 = 模糊）
  • 每个缩略图使用最多3种颜色
  • 饱和度高于现实生活——缩略图与明亮的UI竞争

缩略图上的文本

何时使用文本

  • 列表/数字：“7个技巧”、“前10名”
  • 强烈观点：“别再这样做了”
  • 结果：“30天赚1万美元”
  • 比较：两个事物之间的"vs"

何时不使用文本

  • 视频标题已说明（冗余）
  • 情感/视觉讲述故事
  • 无法使其大到在120像素下可读

文本规则

规则 原因
最多6个单词 在缩略图尺寸下的可读性
最小60pt等效 必须在120像素宽度下可读
粗体无衬线字体 细字体在小尺寸下消失
对比笔触/阴影 确保在任何背景下的可读性
无小文本 如果小不可读，去掉它

面部表情心理学

带面孔的缩略图比无面孔缩略图获得更高点击率。表情重要：

表情 点击率影响 最佳用途
惊讶/震惊 最高 反应、揭示、发现内容
好奇心 高 教程、指南、技巧
兴奋 高 开箱、评论、公告
担忧/担心 中高 警告、错误、问题内容
自信 中等 专家建议、权威内容
中性 最低 除非品牌极简，否则避免

面部构图规则

  • 面部应填充缩略图的30-50%
  • 眼睛看向文本或主体（引导观众注意力）
  • 眼睛看向相机 = 连接。眼睛看向物体 = 好奇心。
  • 将面部放在一侧（通常左侧），文本或主体放在另一侧
# 生成面向相机的缩略图
infsh app run falai/flux-dev-lora --input '{
  "prompt": "特写照，男子真实惊讶表情，嘴巴微张，挑眉，看向相机，左侧帧，生动的蓝绿色背景，戏剧性边缘光，YouTube缩略图风格，高对比度，电影感",
  "width": 1280,
  "height": 720
}'

# 生成看向主体的缩略图
infsh app run bytedance/seedream-4-5 --input '{
  "prompt": "人物惊讶地看着发光的全息图，显示上升增长，戏剧性的蓝绿色照明，右侧侧面视图，深色背景，科技美学，高能量",
  "size": "2K"
}'

按内容类型的缩略图模式

教程 / 指南

infsh app run falai/flux-dev-lora --input '{
  "prompt": "俯视角平铺，有组织的办公桌，笔记本电脑显示代码编辑器，彩色便签，咖啡杯，干净明亮背景，专业设置，教程风格构图，温暖灯光",
  "width": 1280,
  "height": 720
}'

前后对比

infsh app run falai/flux-dev-lora --input '{
  "prompt": "分裂构图，左侧黑暗杂乱的办公桌，右侧明亮干净极简工作空间，混乱与秩序间的戏剧性对比，中心清晰分界线，高对比度",
  "width": 1280,
  "height": 720
}'

产品评论 / 比较

infsh app run falai/flux-dev-lora --input '{
  "prompt": "两个产品面对面，有戏剧性灯光和火花在中间，竞争战斗概念，深色背景彩色边缘光，对比风格，高能量，产品摄影",
  "width": 1280,
  "height": 720
}'

列表 / 数字

infsh app run falai/flux-dev-lora --input '{
  "prompt": "7个不同彩色物体的动态排列，漂浮在空间中，对抗深色渐变背景，每个物品独特清晰分隔，能量构图，生动饱和色彩，工作室灯光",
  "width": 1280,
  "height": 720
}'

A/B测试

一次测试一个变量：

变量 测试A vs B
有脸 vs 无脸 相同构图，带/不带人物
表情 惊讶 vs 好奇心
色彩方案 暖色调 vs 冷色调
有文本 vs 无文本 带/不带文本覆盖
背景 明亮 vs 黑暗
构图 左侧主体 vs 右侧主体 
# 生成变体A
infsh app run falai/flux-dev-lora --input '{
  "prompt": "..., 明亮黄色背景, ...",
  "width": 1280, "height": 720
}' --no-wait

# 生成变体B（相同提示，不同背景）
infsh app run falai/flux-dev-lora --input '{
  "prompt": "..., 深海军蓝背景, ...",
  "width": 1280, "height": 720
}' --no-wait

缩略图检查清单

  • [ ] 1280x720最小（1920x1080首选）
  • [ ] 文件大小小于2MB
  • [ ] 通过120像素眯眼测试
  • [ ] 无关键元素在右下角（时间戳）或左下角（章节）
  • [ ] 最多3种颜色，高对比度
  • [ ] 文本（如有）最多6个单词，粗体，有对比笔触
  • [ ] 面部表情匹配内容能量（如适用）
  • [ ] 不重复视频标题
  • [ ] 在周围缩略图中突出（检查您的细分领域）
  • [ ] 在YouTube浅色和深色背景下均有效

常见错误

错误 问题 修复
文本太多 在缩略图尺寸下不可读 最多6个单词或无文本
低对比度 在信息流中消失 使用互补色
构图杂乱 眼睛不知看哪里 一个焦点
通用库存照片感觉 无个性，被跳过 真实表情，独特角度
微小细节 在120像素下丢失 粗体，简单形状
每个视频相同风格 观众疲劳 在品牌指南内变化
误导性缩略图 破坏信任，损害留存 匹配实际内容

相关技能

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

浏览所有应用：infsh app list