🎨 Theme Factory - 主题工厂

这是什么？

Theme Factory 是一个专业主题应用工具，为各类 artifacts（演示文稿、文档、网页等）提供精心设计的配色方案和字体配对。

核心价值：4 步流程 → 专业视觉效果 + 品牌一致性

能做什么？

核心功能一览

  • 🎨 10 种预设主题：涵盖商务、创意、科技、自然等多种风格
  • 👁️ 可视化展示：theme-showcase.pdf 直观预览所有主题
  • ⚡ 一键应用：快速应用颜色和字体到整个文档
  • 🔧 自定义生成：根据需求动态创建新主题
  • 📄 广泛支持：适用于幻灯片、文档、HTML 页面等

适合谁用？

  • 演讲者：美化演示文稿
  • 设计师：快速应用专业配色
  • 产品经理：创建一致的文档风格
  • 市场营销：制作品牌化内容
  • 开发者：为 Web 项目应用主题

10 种预设主题

主题风格适用场景色彩特点
Ocean Depths专业沉稳商务、科技海洋蓝、深蓝
Sunset Boulevard温暖活力创意、营销橙色、粉色
Forest Canopy自然接地环保、健康绿色、棕色
Modern Minimalist简洁现代设计、高端灰度系统
Golden Hour丰富温暖奢侈品、艺术金色、秋季色
Arctic Frost清爽凛冽科技、医疗冰蓝、白色
Desert Rose柔和精致时尚、美容尘土色、粉色
Tech Innovation大胆现代科技、初创科技蓝、绿
Botanical Garden清新有机自然、有机花园绿、植物色
Midnight Galaxy戏剧深色奢华、高端深色宇宙色

典型使用场景

场景 1：商务季度报告 📊

需求：公司业绩演示，需要专业正式的风格

推荐主题：Modern Minimalist

应用效果：

  • 背景：干净的白色/浅灰
  • 标题：深灰黑，现代无衬线字体
  • 正文：中灰色，易读字体
  • 强调：单一深蓝色

结果：简洁、专业、适合正式场合

场景 2：产品发布会 🚀

需求：新科技产品发布，需要创新感

推荐主题：Tech Innovation

应用效果：

  • 色彩：大胆的科技蓝和电子绿
  • 字体：现代前卫风格
  • 对比：高对比度设计
  • 视觉：动感的视觉元素

结果：充满活力和创新感

场景 3：环保品牌宣传 🌿

需求：有机食品公司的营销材料

推荐主题：Botanical Garden

应用效果：

  • 色彩：清新的花园绿、植物色
  • 字体：自然温暖的字体
  • 氛围：清新、有机、生态

结果：完美契合品牌理念

快速开始

4 步应用主题

步骤 1：展示主题选项

向用户展示 theme-showcase.pdf
让用户浏览所有 10 种主题
（不要修改展示文件）

步骤 2：询问偏好

询问："您更喜欢哪个主题？"
或："这份演示适合哪种风格？"

步骤 3：等待确认

等待用户明确选择：
"我选择 Ocean Depths"
或
"Modern Minimalist 看起来不错"

步骤 4：应用主题

# 读取主题文件
theme = read_theme('themes/ocean-depths.md')

# 应用到 artifact
apply_colors(theme.colors)
apply_fonts(theme.fonts)

# 确保一致性
check_contrast()
maintain_visual_identity()

自定义主题创建

当 10 种预设主题都不合适时：

生成流程

  1. 收集需求

    - 品牌色彩？
- 目标受众？
- 使用场景？
- 氛围感觉？

  2. 创建主题

    名称：Forest Yoga（森林瑜伽）

色彩：
- 深绿 #2D5016
- 米色 #F5E6D3
- 柔和白 #FAFAF8
- 木质棕 #8B7355

字体：
- 标题：优雅衬线体
- 正文：温暖无衬线

氛围：平静、接地、和谐

  3. 展示审核

    生成主题样本
向用户展示
等待确认

  4. 应用主题

    按照自定义主题规格
应用到 artifact

主题应用最佳实践

✅ 推荐做法

1. 始终先展示选项

流程：展示 → 询问 → 确认 → 应用
避免：直接应用（未经用户选择）

2. 保持一致性

✅ 所有标题使用相同字体和颜色
✅ 正文保持统一风格
✅ 强调元素遵循主题规则

❌ 不要混合多个主题
❌ 不要随意改变颜色

3. 验证对比度

检查：
- 文字和背景对比度足够
- 链接和按钮清晰可见
- 考虑色盲友好性

4. 适配使用场景

幻灯片：大胆色彩，较大字体
文档：保守配色，注重可读性
Web 页面：考虑交互元素配色

❌ 避免陷阱

  1. 不要修改 theme-showcase.pdf - 仅用于展示
  2. 不要混合太多主题 - 一个 artifact 一个主题
  3. 不要忽略对比度 - 确保可读性
  4. 不要未经确认就应用 - 始终询问用户
  5. 不要使用冲突的颜色 - 遵循主题调色板

主题详细信息

每个主题包含：

色彩调色板

主色：#XXXXXX（品牌主色）
辅助色：#XXXXXX（次要颜色）
强调色：#XXXXXX（CTA、链接）
中性色：#XXXXXX（文字、背景）

字体配对

标题字体：[字体名称]
- 用途：h1, h2, 重要标题
- 风格：[衬线/无衬线]

正文字体：[字体名称]
- 用途：段落、列表、说明
- 风格：[衬线/无衬线]

使用场景

适合：[场景 1], [场景 2], [场景 3]
不适合：[场景 X], [场景 Y]

主题变体（高级）

基于主题创建变体：

浅色/深色模式

浅色：白色背景 + 深色文字
深色：深色背景 + 浅色文字

高对比度版本

增强对比度
提升可访问性

主题混合（谨慎使用）

主色调：Ocean Depths 的蓝色
强调色：Sunset Boulevard 的橙色
字体：Modern Minimalist 的简洁字体

下一步

选择您的路径：

  • 深入学习：阅读 📖 完整指南 了解每个主题的详细规格
  • 查看展示：浏览 theme-showcase.pdf 文件
  • 自定义主题：学习如何创建符合品牌的自定义主题

相关技能：