winson-magazine-skill

从内容到杂志封面的系统化生成方法论——让每一张封面都成为观点的视觉宣言。

核心能力：标题设计、视觉隐喻构建、配色架构、排版层级、4:3比例输出、AI图像生成协同。

Use this skill when the user needs to: create magazine cover, design journal cover, generate publication cover image, or mentions '杂志封面'/'期刊封面'/'cover design'/'magazine cover'.

Trigger keywords: 杂志封面, 期刊封面, 封面设计, magazine cover, cover design, publication cover, 4:3封面, 商业杂志.

一、核心哲学（必读）

1.1 唯一铁律

> 封面不是装饰，是观点的视觉宣言。

一张好的杂志封面，读者在3秒内就能理解：这是什么杂志、这期讲什么、为什么要读。封面是杂志与读者的第一次对话，必须言之有物。

1.2 三个底层认知

1.3 封面生成公式

内容输入（主题/观点/摘要）
  → 标题设计（主标题+副标题+摘要）
    → 视觉隐喻构思（概念→图形→配色）
      → 布局规划（非对称网格/黄金分割/视觉动线）
        → 配色架构（基础色→主题色→强调色）
          → AI图像生成（背景图/主视觉）
            → 排版合成（文字层+图像层）
              → 输出4:3封面图

二、完整执行流程

Phase 1：需求澄清（动手前必做）

Step 1.1：核心信息确认

必须向用户确认以下信息：

Step 1.2：比例选择

必须向用户确认封面比例：

选择建议：
- 内容以文字为主、需要展示数据图表 → 选 4:3横版
- 人物摄影、情感表达、移动端优先 → 选 3:4竖版

Step 1.3：图片风格选择

必须向用户确认主视觉风格：

风格与主题匹配指南：

Step 1.4：排版选择（按杂志类型预设）

根据杂志类型选择预设版式：

类型A：商业期刊（Business Journal）

• 布局特征：非对称网格，左文右图
• 视觉动线：Z字形，品牌→标题→图像
• 留白比例：40%文字区 + 60%图像区
• 配色方案：红白蓝 / 黑白金
• 字体系统：思源黑体 Heavy + Playfair Display
• 适用杂志：哈佛商业评论、财经、福布斯

┌─────────────────────────────────┐
│ [品牌标识]              [期号] │
├─────────────────────────────────┤
│   [主标题]           [主视觉]   │
│   [副标题]                      │
│   [摘要]                        │
├─────────────────────────────────┤
│ [条形码]              [定价]    │
└─────────────────────────────────┘

类型B：学术杂志（Academic Journal）

• 布局特征：居中对齐，对称平衡
• 视觉动线：F字形，从上到下
• 留白比例：50%文字区 + 50%图像区（或纯文字）
• 配色方案：米白深蓝 / 灰白绿
• 字体系统：思源宋体 + Times New Roman
• 适用杂志：Nature、Science、各类学报

┌─────────────────────────────────┐
│         [品牌标识]              │
├─────────────────────────────────┤
│                                 │
│         [主标题]                │
│         [副标题]                │
│         [作者/机构]             │
│                                 │
├─────────────────────────────────┤
│      [卷期信息]  [年份]         │
└─────────────────────────────────┘

类型C：新闻周刊（News Weekly）

• 布局特征：人物大图为主，文字叠加
• 视觉动线：对角线，眼神引导
• 留白比例：30%文字区 + 70%图像区
• 配色方案：高对比度（黑底白字或白底黑字）
• 字体系统：粗黑体 + 无衬线体
• 适用杂志：Time、Newsweek、南方周末

┌─────────────────────────────────┐
│ [品牌标识]                      │
├─────────────────────────────────┤
│                                 │
│         [人物大图]              │
│         [眼神接触]              │
│                                 │
│ [主标题叠加]                    │
├─────────────────────────────────┤
│ [日期]  [多条封面故事]          │
└─────────────────────────────────┘

类型D：生活方式（Lifestyle）

• 布局特征：自由构图，艺术感强
• 视觉动线：曲线或散点，引导探索
• 留白比例：灵活，强调氛围
• 配色方案：温暖色调 / 季节色
• 字体系统：手写体 + 衬线体混搭
• 适用杂志：Kinfolk、Monocle、生活类杂志

┌─────────────────────────────────┐
│    [艺术化品牌标识]             │
├─────────────────────────────────┤
│  [主视觉]    [主标题]           │
│              [诗意副标题]       │
│                                 │
├─────────────────────────────────┤
│      [季节/主题标签]            │
└─────────────────────────────────┘

检验标准：版式选择必须与杂志定位一致。商业期刊不做娱乐风，学术杂志不做网红风。

Phase 2：标题设计

Step 2.1：主标题设计原则

主标题是封面的核心观点，不是话题标签：

Step 2.2：副标题与摘要

Step 2.3：标题排版层级

层级递进（从大到小）：
├── 品牌标识（杂志名）→ 左上角锚点
├── 主标题 → 视觉中心，最大字号
├── 英文副标题 → 主标题下方，斜体衬线
├── 中文摘要 → 副标题下方，常规字号
└── 装饰元素（页码/期号）→ 边缘位置

Phase 3：视觉隐喻构思

Step 3.1：概念→图形映射

核心方法：将抽象概念转化为具象图形

Step 3.2：隐喻组合原则

单一隐喻太单薄，组合隐喻有张力：

Step 3.3：AI图像生成Prompt构建（按风格分类）

Prompt通用结构：

[用途]: [主体描述], [风格定义], [构图说明], [配色要求], [氛围关键词], [比例要求]

风格A：概念隐喻类 Prompt模板

Magazine cover background, conceptual metaphor design: [核心隐喻元素，如：white grid structure with 3D perspective, red spheres scattered and passing through], geometric abstraction, minimalist business aesthetic, high contrast color scheme, clean white background with ample negative space on left side for text overlay, professional editorial style, sophisticated visual metaphor, 4:3 landscape ratio

示例：
- 风险管理主题：white security net filtering red spheres, some blocked some passing through, representing risk management
- 增长趋势主题：ascending geometric stairs with glowing nodes, upward momentum visualization
- 网络连接主题：interconnected nodes and lines forming a brain shape, neural network metaphor

风格B：人物摄影类 Prompt模板

Magazine cover portrait photography: [人物描述，如：professional business executive, confident expression, direct eye contact], editorial lighting, shallow depth of field, neutral or gradient background, high-end magazine quality, sharp focus on eyes, professional attire, [配色要求], 4:3 landscape or 3:4 portrait ratio, ample space for masthead and cover lines

示例：
- CEO专访：Asian female CEO, confident smile, navy blazer, soft studio lighting, grey gradient background
- 领导力主题：silhouette of leader looking at horizon, dramatic backlighting, inspirational mood
- 团队主题：diverse professional team, collaborative pose, modern office background, warm lighting

风格C：插画手绘类 Prompt模板

Magazine cover illustration, hand-drawn artistic style: [主题描述，如：creative workspace with plants and design tools], watercolor texture, warm color palette, organic flowing lines, artistic brush strokes, cozy and inviting atmosphere, story-driven composition, [具体元素], 4:3 landscape or 3:4 portrait ratio, balanced composition with text space

示例：
- 创意产业：artist studio with scattered sketches, coffee cups, plants, warm sunlight through window
- 生活方式：cozy reading corner with books, tea, and soft blanket, hygge aesthetic
- 城市探索：hand-drawn city map with landmarks, bicycle route, coffee shop icons, vintage style

风格D：产品静物类 Prompt模板

Magazine cover product photography: [产品描述，如：minimalist tech gadget on marble surface], studio lighting, premium luxury aesthetic, shallow depth of field, elegant shadows, high-end commercial photography, [材质描述], [配色要求], clean composition, 4:3 landscape or 3:4 portrait ratio, space for typography

示例：
- 科技产品：sleek smartphone on concrete surface, dramatic side lighting, blue accent lighting
- 奢侈品：gold watch on black velvet, soft box lighting, reflection on surface
- 美食杂志：artisan coffee with latte art, wooden table, morning light, cozy atmosphere

关键参数对照表：

留白原则：无论哪种风格，必须确保文字区域有足够留白，文字与背景对比度≥4.5:1

Phase 4：布局规划

Step 4.1：非对称网格布局

经典商业杂志布局：

┌─────────────────────────────────┐
│ [品牌标识]              [期号] │  ← 顶部信息带（约10%高度）
├─────────────────────────────────┤
│                                 │
│   [主标题]                       │  ← 标题区（约25%高度）
│   [英文副标题]                   │     左侧对齐，右侧留白给图像
│   [摘要文字]                     │
│                                 │
├─────────────────────────────────┤
│                    [主视觉图像] │  ← 图像区（约55%高度）
│                    [视觉隐喻]   │     右侧占据，与标题形成对比
│                                 │
├─────────────────────────────────┤
│ [条形码] [ISSN] [定价]          │  ← 底部信息带（约10%高度）
└─────────────────────────────────┘

Step 4.2：视觉动线设计

Step 4.3：黄金分割应用

• 主标题位置：画面上方1/3处
• 主视觉焦点：右侧2/3处
• 文字与图像比例：约40:60

Phase 5：配色架构

Step 5.1：三层配色递进

Step 5.2：经典商业配色方案

Step 5.3：配色决策原则

1. 背景留白：商业杂志必须有足够留白，营造专业感
2. 强调色克制：强调色只用于视觉焦点，不超过画面10%
3. 品牌色一致：品牌标识颜色全篇统一，不因主题变化
4. 对比度保证：文字与背景对比度≥4.5:1，确保可读性

Phase 6：排版合成

Step 6.1：字体系统

Step 6.2：字距规范

Step 6.3：合成输出

输出格式：
- 比例：4:3（标准杂志封面比例）
- 分辨率：推荐 1200×900 或 1600×1200
- 格式：PNG（透明背景可选）或 JPG

合成步骤：
1. 生成背景/主视觉图像（AI生成或素材）
2. 创建文字层（HTML/CSS 或设计软件）
3. 叠加合成（确保文字可读性）
4. 添加装饰元素（条形码、期号等）

Phase 7：质量检验

Step 7.1：必检清单

Step 7.2：自检方法

• 3秒测试：让未看过封面的人3秒后说出：什么杂志、讲什么
• 缩略图测试：缩小到100×75像素，检查是否仍可识别
• 黑白测试：转为黑白，检查层级是否仍清晰

三、常见陷阱与避坑指南

四、场景适配指南

五、实战示例

示例：哈佛商业评论风格封面

输入：
- 杂志名称：哈佛商业评论
- 主题：网红经济的风险管控
- 受众：商业精英

输出：
- 主标题："网红的（风险&）多赢方案"
- 英文副标题："Winning at Influencer Marketing"
- 视觉隐喻：网格拦截红球（筛选机制vs不确定性）
- 配色：红白蓝经典商业配色
- 布局：非对称网格，左文右图

六、执行原则

1. 观点先于设计：没有观点的封面是装饰品，不是杂志封面。
2. 隐喻胜过直白：让读者参与意义构建，比直接告诉更有张力。
3. 层级即专业：混乱的信息结构=不专业的杂志。
4. 克制即高级：商业杂志的美学是减法，不是加法。
5. 一致性即品牌：配色、字体、风格必须与杂志定位一致。
6. 可读性是底线：再好的设计，如果文字不可读，都是失败。

七、工具依赖

本SKILL依赖以下工具协同：

八、署名规则

本SKILL生成封面后，可选择在回复末尾添加署名：

---
**by [作者名]**
📧 [邮箱]
[邀请语]

署名不写入封面文件内，仅在对话回复中显示。