221 lines
8.5 KiB
Markdown
221 lines
8.5 KiB
Markdown
# MAOMOMO 推荐配图风格
|
||
|
||
需要选择、推荐、复用或调整配图风格时，读本文件。风格名要与 `scripts/maomomo_image_gen.py` 的 `--style` 保持一致。
|
||
|
||
## 风格参考文件
|
||
|
||
详细出图 brief 放在 `references/image-styles/`，需要使用某个风格生成图片前，优先读取对应文件：
|
||
|
||
- `references/image-styles/清爽专业风.md` -> `clean-professional`
|
||
- `references/image-styles/创意杂志风.md` -> `creative-magazine`
|
||
- `references/image-styles/暖橙金融教程风.md` -> `warm-fintech-guide`
|
||
- `references/image-styles/清爽编辑部风.md` -> `clean-editorial`
|
||
- `references/image-styles/数据仪表盘风.md` -> `data-card-dashboard`
|
||
- `references/image-styles/手绘便签风.md` -> `handdrawn-note`
|
||
- `references/image-styles/复古扁平插画风.md` -> `retro-flat-illustration`
|
||
- `references/image-styles/电子墨水杂志风.md` -> `e-ink-editorial`
|
||
- `references/image-styles/科研答辩风.md` -> `scientific-defense`
|
||
- `references/image-styles/麦肯锡简报风.md` -> `mckinsey-brief`
|
||
- `references/image-styles/小红书竖版攻略风.md` -> `xiaohongshu-vertical`
|
||
|
||
这些风格参考借鉴 `codex-ppt-skill` 的风格 brief 结构，但已改写为 MAOMOMO 文章配图场景：必须保留 MAOMOMO 标识、白橘猫品牌元素、中文可读性和“不伪造真实截图”的边界。
|
||
|
||
## 推荐顺序
|
||
|
||
默认优先推荐 `warm-fintech-guide` 或 `clean-professional`。如果文章明显更偏数字、对比、避坑、深度解释或小红书，再切换到更合适的风格。
|
||
|
||
| 风格名 | 优先使用场景 | 不适合 |
|
||
|---|---|---|
|
||
| `warm-fintech-guide` | 常规 MAOMOMO 文章、港卡、银行活动、返现攻略、开户教程 | 数字极密集的计算页、小红书竖版 |
|
||
| `clean-professional` | 正式规则整理、开户教程、保号教程、综合攻略 | 传播型封面、小红书竖版 |
|
||
| `data-card-dashboard` | 返现计算、费用测算、活动门槛、产品对比、时间线 | 情绪化避坑故事、截图驱动步骤 |
|
||
| `clean-editorial` | SEO 长文、总结盘点、品牌感封面、解释型文章 | 需要强步骤感或大量数字卡片的图 |
|
||
| `creative-magazine` | 活动盘点、传播型封面、观点总结 | 严肃规则核对、密集数据表 |
|
||
| `handdrawn-note` | 避坑经验、保号教程、操作步骤、实测提醒 | 严肃金融报告感、密集表格 |
|
||
| `retro-flat-illustration` | 轻松羊毛攻略、用卡姿势、经验分享 | 严肃合规解释、复杂来源核对 |
|
||
| `e-ink-editorial` | 深度解释、行业观察、观点长文封面 | 活动步骤教程、返现计算图 |
|
||
| `scientific-defense` | 条款核对、政策规则、证据链解释 | 轻松传播封面、小红书图 |
|
||
| `mckinsey-brief` | 多方案对比、路径选择、决策矩阵 | 情绪化故事、轻松插画 |
|
||
| `xiaohongshu-vertical` | 小红书、4 图看完、手机端竖版内容 | 常规网站横版封面和正文配图 |
|
||
|
||
## warm-fintech-guide
|
||
|
||
推荐语：
|
||
|
||
```text
|
||
我建议用 warm-fintech-guide，因为它最贴近 MAOMOMO 默认视觉：白底、暖橙、猫咪向导和金融教程卡片，适合大多数港卡、银行活动和返现攻略。
|
||
```
|
||
|
||
视觉要点：
|
||
|
||
- 明亮白底，暖橙色强调。
|
||
- 白橘猫作为向导、提示牌或角落品牌元素。
|
||
- 信息卡片清晰，数字、日期和步骤不拥挤。
|
||
- 适合 16:9 横版封面、总览图、流程图。
|
||
|
||
提示词片段：
|
||
|
||
```text
|
||
明亮白底，暖橙强调色，干净卡片布局，友好的白橘猫作为向导，现代 App 信息卡片质感，中文标题清楚，包含 MAOMOMO 标识。可见文字只允许出现指定业务文案、MAOMOMO 和已核对允许出现的品牌 / 支付标识。
|
||
```
|
||
|
||
## data-card-dashboard
|
||
|
||
推荐语：
|
||
|
||
```text
|
||
我建议用 data-card-dashboard，因为这篇重点是规则、门槛和金额，读者需要一眼看懂数字和限制。
|
||
```
|
||
|
||
视觉要点：
|
||
|
||
- 指标卡、对比表、时间线、计算公式。
|
||
- 数字层级强，适合“封顶”“门槛”“成本”“到账时间”。
|
||
- 猫咪比例较小，只做提示和品牌识别。
|
||
- 适合返现计算图、路线对比图、活动总览图。
|
||
|
||
提示词片段：
|
||
|
||
```text
|
||
白底，暖橙和蓝灰辅助色，使用指标卡、表格、时间线和计算公式展示关键信息，中文数字清晰可读，猫咪作为小型提示元素，包含 MAOMOMO 标识。可见文字只允许出现指定业务文案、MAOMOMO 和已核对允许出现的品牌 / 支付标识。
|
||
```
|
||
|
||
## clean-professional
|
||
|
||
推荐语：
|
||
|
||
```text
|
||
我建议用 clean-professional，因为这篇需要可信、清楚、像一份认真整理过的规则说明，但又不能像官方宣传稿。
|
||
```
|
||
|
||
详细 brief：`references/image-styles/清爽专业风.md`
|
||
|
||
## creative-magazine
|
||
|
||
推荐语：
|
||
|
||
```text
|
||
我建议用 creative-magazine，因为这篇更适合作为传播型封面，需要标题有吸引力，同时保持 MAOMOMO 的实操可信度。
|
||
```
|
||
|
||
详细 brief：`references/image-styles/创意杂志风.md`
|
||
|
||
## clean-editorial
|
||
|
||
推荐语：
|
||
|
||
```text
|
||
我建议用 clean-editorial，因为这篇更像站内解释型长文，需要封面干净、标题有传播感，但不要太像促销海报。
|
||
```
|
||
|
||
视觉要点：
|
||
|
||
- 大标题、留白、轻杂志感。
|
||
- 猫咪放在角落或标题区附近，不抢正文信息。
|
||
- 更适合封面、文章总结图、观点图。
|
||
- 画面克制，避免过度卡通。
|
||
|
||
提示词片段：
|
||
|
||
```text
|
||
白底大标题，轻杂志排版，暖橙点缀，留白充足，白橘猫作为角落品牌元素，适合中文金融经验文章封面，包含 MAOMOMO 标识。可见文字只允许出现指定业务文案、MAOMOMO 和已核对允许出现的品牌 / 支付标识。
|
||
```
|
||
|
||
## retro-flat-illustration
|
||
|
||
推荐语：
|
||
|
||
```text
|
||
我建议用 retro-flat-illustration，因为这篇偏轻松经验分享，用低饱和扁平插画能更亲和，但不会显得像银行广告。
|
||
```
|
||
|
||
详细 brief：`references/image-styles/复古扁平插画风.md`
|
||
|
||
## handdrawn-note
|
||
|
||
推荐语：
|
||
|
||
```text
|
||
我建议用 handdrawn-note，因为这篇是避坑 / 步骤教程，手绘箭头、便签和圈注更容易把翻车点讲明白。
|
||
```
|
||
|
||
视觉要点：
|
||
|
||
- 手绘箭头、便签、圈注、风险提示贴纸。
|
||
- 适合“不要这样做”“先做这一步”“最大坑点”。
|
||
- 信息密度中等，避免塞太多长句。
|
||
- 猫咪可以举提示牌或指向关键步骤。
|
||
|
||
提示词片段：
|
||
|
||
```text
|
||
白底纸感，暖橙便利贴，手绘箭头和圈注，白橘猫举提示牌，中文步骤清楚，适合避坑经验和保姆式教程，包含 MAOMOMO 标识。可见文字只允许出现指定业务文案、MAOMOMO 和已核对允许出现的品牌 / 支付标识。
|
||
```
|
||
|
||
## e-ink-editorial
|
||
|
||
推荐语：
|
||
|
||
```text
|
||
我建议用 e-ink-editorial，因为这篇更偏深度解释或观点长文，电子墨水杂志风会更克制、更有阅读质感。
|
||
```
|
||
|
||
详细 brief：`references/image-styles/电子墨水杂志风.md`
|
||
|
||
## scientific-defense
|
||
|
||
推荐语：
|
||
|
||
```text
|
||
我建议用 scientific-defense，因为这篇需要核对多份官方材料，重点不是好看，而是把证据、条件和结论讲清楚。
|
||
```
|
||
|
||
详细 brief：`references/image-styles/科研答辩风.md`
|
||
|
||
## mckinsey-brief
|
||
|
||
推荐语：
|
||
|
||
```text
|
||
我建议用 mckinsey-brief，因为这篇要帮读者在多个路径里做选择，用矩阵和取舍图会更直接。
|
||
```
|
||
|
||
详细 brief：`references/image-styles/麦肯锡简报风.md`
|
||
|
||
## xiaohongshu-vertical
|
||
|
||
推荐语：
|
||
|
||
```text
|
||
我建议用 xiaohongshu-vertical，因为用户要发小红书，应该重新做 9:16 竖图，而不是复用站内横版图。
|
||
```
|
||
|
||
视觉要点：
|
||
|
||
- 9:16 竖版，手机端可读。
|
||
- 大字少字，标题钩子强。
|
||
- 4 图系列统一：封面、核心拆解、操作流程、避坑总结。
|
||
- 每张图都有 MAOMOMO 标识或猫咪水印。
|
||
|
||
提示词片段：
|
||
|
||
```text
|
||
9:16 竖版，手机端可读，大标题，少量关键数字，暖橙白底，白橘猫水印，适合 4 图看完的中文金融攻略，包含 MAOMOMO 标识。可见文字只允许出现指定业务文案、MAOMOMO 和已核对允许出现的品牌 / 支付标识。
|
||
```
|
||
|
||
## 风格选择输出格式
|
||
|
||
向用户推荐时使用：
|
||
|
||
```text
|
||
我建议用 A，因为【一句话说明与文章类型的匹配】。
|
||
|
||
A. warm-fintech-guide（推荐）：【适合原因】
|
||
B. data-card-dashboard：【适合原因】
|
||
C. handdrawn-note：【适合原因】
|
||
|
||
你选哪个？也可以指定更偏简洁、数据感、手绘感或小红书感。
|
||
```
|
||
|
||
用户选择后，把风格名写入图片清单的 `风格` 字段或 manifest 的 `style` 字段。
|