SuperAPI AI 工具集

theme-factory

设计与创作

查看项目

更新于 10-15 08:47

技能介绍

用途

Theme Factory 是一个为各类产物套用统一视觉主题的工具包。这里的产物包括演示文稿(幻灯片)、文档、报告、HTML 落地页等。它的核心目标是让不同格式的内容拥有一致、协调的视觉风格,涵盖颜色、字体排印与样式。

主要能力

  • 提供 10 个预设主题,可直接套用。
  • 支持生成自定义主题:根据品牌输入(主色、Logo、品牌规范)生成协调的配色、字体搭配与样式。
  • 将主题定义为抽象令牌(颜色、字体、间距),再生成针对不同格式的实现(如 CSS、PPTX 样式、docx 样式),从而在多种格式间保持视觉一致。
  • 支持深色/浅色模式变体。
  • 关注颜色可访问性,强调对比度比例(WCAG AA 最低要求)。

使用方式

套用预设主题

  1. 选择目标产物(幻灯片、文档、HTML)。
  2. 从可用预设主题中选择一个。
  3. 提取当前内容结构。
  4. 将主题颜色应用到标题、正文、背景。
  5. 设置字体排印(字体、字号、字重)。
  6. 按主题调整间距与布局。
  7. 检查视觉一致性。

生成自定义主题

  1. 收集品牌输入(主色、Logo、品牌规范)。
  2. 生成互补配色方案。
  3. 选择字体搭配(标题字体 + 正文字体)。
  4. 定义间距尺度与组件样式。
  5. 创建主题配置文件。
  6. 应用到目标产物。
  7. 根据反馈迭代。

多格式主题应用

  1. 将主题定义为抽象令牌(颜色、字体、间距)。
  2. 创建针对具体格式的实现(CSS、PPTX 样式、docx 样式)。
  3. 按产物类型套用对应实现。
  4. 确保跨格式视觉一致。
  5. 记录主题使用规范。

何时使用

  • 为演示文稿或文档套用一致的品牌形象。
  • 用专业配色方案为 HTML 页面设置样式。
  • 根据品牌规范创建自定义主题。
  • 将普通产物转换为主题化版本。
  • 为新项目生成配色方案。
  • 确保颜色选择具备可访问性。
  • 创建深色/浅色模式变体。
  • 为报告和数据可视化设置样式。

何时不使用

  • 从零设计 UI 组件 → 使用 ui-designer。
  • 构建完整 Web 应用 → 使用 frontend-design。
  • 创作视觉艺术或图形 → 使用 canvas-design。
  • 专门套用 Anthropic 品牌 → 使用 brand-guidelines。

决策框架

面对主题化需求时,可按以下方向选择:

  • 企业品牌 → 使用品牌色 + 已批准字体。
  • 快速专业效果 → 套用预设主题。
  • 自定义主题 → 从主色 + 风格生成。
  • 可访问性 → 确保 WCAG 对比度比例。
  • 深色模式 → 反转并调整颜色。
  • 适合打印 → 针对纸张输出优化。

最佳实践

  • 从可访问的颜色对比度比例开始(WCAG AA 最低要求)。
  • 将配色限制在 3–5 种颜色以保持协调。
  • 使用一致的间距尺度(4px、8px、16px 等)。
  • 有意图地搭配字体(形成对比或互补)。
  • 在真实内容上测试主题,而不是用占位文本。
  • 尽可能提供浅色与深色模式变体。

反模式

  • 颜色过多 → 限制为主色、辅助色、强调色 + 中性色。
  • 忽略对比度 → 始终验证可访问性比例。
  • 间距不一致 → 使用已定义的间距尺度。
  • 随机搭配字体 → 选择具有明确关系的字体。
  • 脱离内容做主题 → 始终用真实内容测试。

适用场景

适合需要为演示文稿、文档、报告、HTML 页面等产物统一视觉风格,或需要从品牌规范生成主题、生成配色方案、制作深色/浅色变体、关注颜色可访问性的场景。

限制

资料未提供具体的预设主题名称、安装命令、收费方式、支持平台及效果数据,这些内容暂未提供。