@topmindspace/tms-skills 0.3.1 → 0.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +159 -0
- package/README.en.md +6 -76
- package/README.md +7 -75
- package/package.json +1 -1
- package/top-ppt-html/README.en.md +19 -20
- package/top-ppt-html/README.md +36 -90
- package/top-ppt-html/SKILL.md +65 -60
- package/top-ppt-html/references/charts.md +0 -15
- package/top-ppt-html/references/components.md +0 -18
- package/top-ppt-html/references/design-system.md +2 -2
- package/top-ppt-html/references/icons.md +2 -2
- package/top-ppt-html/references/infographics.md +1 -5
- package/top-ppt-html/references/modes.md +4 -4
- package/top-ppt-html/references/tech-design.md +3 -3
- package/top-ppt-html/scripts/build_examples.py +4 -4
- package/top-ppt-html/scripts/build_pptx.js +240 -59
- package/top-ppt-html/scripts/check_triggers.py +10 -2
- package/top-ppt-html/scripts/extract_model.py +16 -5
- package/top-ppt-html/scripts/gen_channel_a.js +55 -10
- package/top-ppt-html/scripts/hydrate_charts.py +68 -13
- package/top-ppt-html/scripts/negative_tests.py +1 -1
- package/top-ppt-html/scripts/prepare_images.py +1 -1
- package/top-ppt-html/scripts/recommend_layout.py +26 -3
- package/top-ppt-html/scripts/render_from_model.py +78 -13
- package/top-ppt-html/scripts/scaffold_report.py +43 -3
- package/top-ppt-html/scripts/sync_runtime.py +32 -4
- package/top-ppt-html/scripts/test_feedback_gates.py +24 -0
- package/top-ppt-html/scripts/validate_pptx.py +10 -1
- package/top-ppt-html/scripts/validate_report.py +43 -7
- package/topmind-cover/README.en.md +4 -17
- package/topmind-cover/README.md +5 -18
- package/topmind-cover/SKILL.md +28 -35
- package/topmind-cover/assets/examples/README.md +15 -26
- package/topmind-cover/assets/examples/big-type-wechat.png +0 -0
- package/topmind-cover/assets/examples/big-type.png +0 -0
- package/topmind-cover/assets/examples/brand-launch-wechat.png +0 -0
- package/topmind-cover/assets/examples/brand-launch.png +0 -0
- package/topmind-cover/assets/examples/gan-huo-wechat.png +0 -0
- package/topmind-cover/assets/examples/gan-huo.png +0 -0
- package/topmind-cover/assets/examples/ip-fun-wechat.png +0 -0
- package/topmind-cover/assets/examples/ip-fun.png +0 -0
- package/topmind-cover/assets/examples/magazine-wechat.png +0 -0
- package/topmind-cover/assets/examples/magazine.png +0 -0
- package/topmind-cover/assets/examples/minimal-wechat.png +0 -0
- package/topmind-cover/assets/examples/minimal.png +0 -0
- package/topmind-cover/assets/examples/news-flash-wechat.png +0 -0
- package/topmind-cover/assets/examples/news-flash.png +0 -0
- package/topmind-cover/assets/examples/overview.png +0 -0
- package/topmind-cover/assets/examples/tutorial-steps-wechat.png +0 -0
- package/topmind-cover/assets/examples/tutorial-steps.png +0 -0
- package/topmind-cover/references/cover-styles.md +275 -249
- package/topmind-wechat-post/README.en.md +49 -1
- package/topmind-wechat-post/README.md +48 -2
- package/topmind-wechat-post/SKILL.md +35 -37
- package/topmind-wechat-post/references/element-spec.md +1 -1
- package/topmind-wechat-post/references/known-pits.md +2 -3
- package/topmind-wechat-post/references/typography-rules.md +1 -1
- package/topmind-wechat-post/references/workflow.md +3 -3
- package/topmind-wechat-post/references/writing-quality.md +8 -32
- package/topmind-wechat-post/scripts/md2wechat.py +117 -41
- package/topmind-wechat-post/scripts/negative_tests.py +32 -0
- package/topmind-x-article/README.en.md +40 -1
- package/topmind-x-article/README.md +42 -4
- package/topmind-x-article/SKILL.md +11 -5
- package/topmind-x-article/references/x-format.md +13 -10
- package/topmind-x-article/scripts/md2x.py +220 -40
|
@@ -1,346 +1,372 @@
|
|
|
1
1
|
# 封面风格库(8 种)
|
|
2
2
|
|
|
3
|
+
> **原创铁律**:本库示例图均为原创,只演示抽象设计原则(标题是视觉重心、信息分层、留白呼吸感、数字与关键词强调),不临摹任何第三方封面;复用时版式与配色不得与第三方封面构成实质相似——只学原则,不学版式。
|
|
4
|
+
|
|
3
5
|
选风格先看题材,再看系列延续性。同一系列固定一个模板,只换主体与标题字。
|
|
4
6
|
选风格三步走:**先选风格 → 看 `assets/examples/` 对应示例图 → 按本库配方组 prompt**。
|
|
5
7
|
|
|
6
|
-
|
|
7
|
-
`{KEYWORDS}` 为需要彩色突出的数字/关键词占位符,其余占位符见各风格说明。
|
|
8
|
-
尺寸固定 1200×675、横构图 16:9。标题字逐字写进 prompt;生成后第一件事就是检查标题字。
|
|
8
|
+
prompt 配方为中英双语模板:`{TITLE}` 为标题文字占位符(短标题 4~8 字)、其余占位符见各风格说明。尺寸固定 1200×675、横构图 16:9。标题字逐字写进 prompt;生成后第一件事就是检查标题字。
|
|
9
9
|
|
|
10
10
|
## 安全区铁律(所有风格通用)
|
|
11
11
|
|
|
12
12
|
900×383 公众号版是从 1200×675 主图**中央裁剪**(上下各裁约 12.2%):
|
|
13
13
|
**标题字与关键主体必须落在画面中央垂直 60% 安全区内**
|
|
14
|
-
(上下各预留
|
|
15
|
-
选风格、组 prompt
|
|
16
|
-
|
|
14
|
+
(上下各预留 20% 不放标题字),否则公众号版会被裁掉。
|
|
15
|
+
选风格、组 prompt、检查成图时都要先过这一条。
|
|
16
|
+
|
|
17
|
+
## 原创铁律(所有风格通用)
|
|
18
|
+
|
|
19
|
+
本库的 prompt 配方沉淀的是**抽象设计原则**——标题是视觉重心、信息分层、
|
|
20
|
+
留白与呼吸感、数字与关键词的强调手法——**不是任何具体版式**。
|
|
21
|
+
**版式与配色也不得与第三方封面构成实质相似:只学原则,不学版式。**
|
|
22
|
+
禁止照抄任何第三方封面的文案、形象、版式结构与配色组合——包括但不限于
|
|
23
|
+
标题文字、数字、品牌词、IP 形象、署名,以及"左文右图""底部标签条""两行撞色标题"
|
|
24
|
+
这类可辨识的构图公式。`assets/examples/` 中的 16 张示例图均为原创设计,
|
|
25
|
+
其标题/数字/品牌/署名(如"深蓝 OS 2.0""提示词避坑指南""AI绘画挑战营""@阿狐画画")
|
|
26
|
+
均为虚构演示内容,仅用于演示设计原则。
|
|
27
|
+
用本库组 prompt 时,标题、形象、版式细节必须自己原创;
|
|
28
|
+
改图时只换主体与标题字,保留本风格的配色故事与设计原则。
|
|
17
29
|
|
|
18
30
|
---
|
|
19
31
|
|
|
20
32
|
## 1. gan-huo · 爆款干货
|
|
21
33
|
|
|
22
34
|
- **适用场景**:干货清单、评测、盘点、实测筛选类文章;"我替你试完了/筛完了"这类
|
|
23
|
-
|
|
24
|
-
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
-
|
|
28
|
-
|
|
29
|
-
|
|
35
|
+
第一人称实测文的默认选择。示例图:`assets/examples/gan-huo.png`(原创:"提示词避坑指南")。
|
|
36
|
+
- **设计语言(抽象原则)**:
|
|
37
|
+
- 标题是绝对视觉重心:居中大字,一眼即主题。
|
|
38
|
+
- 信息分层三层:顶部眉题小字(给上下文)→ 中央大标题(给主题)→ 角落印章小数字(给数据点)。
|
|
39
|
+
- 数字强调手法:数字不做彩色大字,收进印章/徽章做"小而精"的点睛。
|
|
40
|
+
- 留白与呼吸感:深色底 + 大面积空旷,克制干练。
|
|
41
|
+
- **配色故事**:深炭灰 `#2B2B30` 做主色(沉稳、可信);暖橙 `#FF8A3D` 只做细线点缀;
|
|
42
|
+
朱红印章做一处跳色;标题米白高对比。
|
|
30
43
|
- **标题写法规范**:
|
|
31
|
-
- 短标题 4~8 字,如"
|
|
32
|
-
|
|
33
|
-
-
|
|
34
|
-
品牌词(如 Muse、Manus)用蓝色。
|
|
35
|
-
- 底部标签条:蓝色圆角胶囊,内放 3 个标签,格式 `⚡四字词 | 📋四字词 | 📊四字词`
|
|
36
|
-
(如"实测筛选 | 长文精选 | 全流程实操"),字号约为标题的 30%。
|
|
44
|
+
- 短标题 4~8 字,如"提示词避坑指南";标题居中,字号约为画面高度 30%。
|
|
45
|
+
- 顶部眉题小字交代筛选口径(如"12种写法 · 逐条实测"),字号约为标题的 30%。
|
|
46
|
+
- 数据(如"18篇")放右上角朱红印章内,白字,不放大。
|
|
37
47
|
- **prompt 配方**:
|
|
38
48
|
```
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
EN: Chinese viral-listicle style cover,
|
|
46
|
-
|
|
47
|
-
title "{TITLE}"
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
elements within the central vertical safe zone,
|
|
52
|
-
|
|
49
|
+
中文:爆款干货风中文封面,深炭灰色(#2B2B30)背景,暖橙色(#FF8A3D)细线点缀。
|
|
50
|
+
中央米白色超大粗黑中文标题"{TITLE}"(逐字准确),居中构图;标题上方顶部眉题小字"{EYEBROW}";
|
|
51
|
+
右上角一枚朱红色方形印章,内写白色小字"{NUMBER}";左侧一只小尺寸原创小形象
|
|
52
|
+
({CHARACTER},占画面约15%,小巧不抢戏)。除标题、眉题、印章、形象外无其他文字;
|
|
53
|
+
所有文字与关键元素落在中央垂直60%安全区内,克制干练,横构图16:9,尺寸1200×675。
|
|
54
|
+
|
|
55
|
+
EN: Chinese viral-listicle style cover, deep charcoal-gray (#2B2B30)
|
|
56
|
+
background with thin warm-orange (#FF8A3D) line accents. Huge off-white bold
|
|
57
|
+
Chinese title "{TITLE}" (exact) centered, ~30% of frame height; small top
|
|
58
|
+
eyebrow text "{EYEBROW}" above the title; a small vermilion square seal at
|
|
59
|
+
top-right with white text "{NUMBER}"; a small original mascot ({CHARACTER},
|
|
60
|
+
~15% of frame) on the left, tiny and unobtrusive. No other text. All text
|
|
61
|
+
and key elements within the central vertical 60% safe zone, restrained and
|
|
62
|
+
crisp, landscape 16:9, 1200x675.
|
|
53
63
|
```
|
|
54
|
-
占位符:`{
|
|
55
|
-
|
|
64
|
+
占位符:`{EYEBROW}` 眉题(≤10 字)、`{NUMBER}` 印章内数字(如"18篇",必须真实)、
|
|
65
|
+
`{CHARACTER}` 原创小形象描述(如"纸飞机造型蓝色小机器人"),不得照抄任何现有 IP 形象。
|
|
56
66
|
- **避坑**:
|
|
57
|
-
-
|
|
58
|
-
-
|
|
59
|
-
-
|
|
60
|
-
|
|
67
|
+
- 数字放大上色是旧套路:本风格数字只进印章,标题里不再出现彩色大数字。
|
|
68
|
+
- 形象是配角:超过画面 20% 或挡住标题字,整张作废。
|
|
69
|
+
- 元素总数 ≤4(眉题+标题+印章+形象),多一件都是负担。
|
|
70
|
+
|
|
71
|
+
---
|
|
61
72
|
|
|
62
73
|
## 2. big-type · 巨字宣言
|
|
63
74
|
|
|
64
75
|
- **适用场景**:观点评论、深度长文、产品/版本发布宣言;"一句话立场"类文章的默认选择。
|
|
65
|
-
|
|
66
|
-
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
-
|
|
71
|
-
|
|
76
|
+
示例图:`assets/examples/big-type.png`(原创:"慢即是快")。
|
|
77
|
+
- **设计语言(抽象原则)**:
|
|
78
|
+
- 标题即画面:单行超大,字形本身做文章(书法笔意 / 描边 / 烫金质感均可)。
|
|
79
|
+
- 副标题是注解:陈述句,解释标题,不提问、不煽动。
|
|
80
|
+
- 明亮底色反衬:用"亮"制造宣言的从容感,而非暗黑压迫感。
|
|
81
|
+
- **配色故事**:奶油底 `#FAF3E7`(温暖、纸感);墨黑标题字;烫金 `#C9A227`
|
|
82
|
+
只做笔画点缀,一处即够。
|
|
72
83
|
- **标题写法规范**:
|
|
73
|
-
- 短标题 4~8
|
|
74
|
-
-
|
|
75
|
-
字号约为标题的 35%,左对齐。
|
|
76
|
-
- 右侧可加竖排小字装饰(如一句 slogan),字号小、不抢戏。
|
|
84
|
+
- 短标题 4~8 字,单行,横跨画面宽度约 80%,如"慢即是快"。
|
|
85
|
+
- 副标题用陈述句(如"慢公司的效率哲学"),字号约为标题的 25%。
|
|
77
86
|
- **prompt 配方**:
|
|
78
87
|
```
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
88
|
+
中文:巨字宣言风中文封面,明亮奶油色(#FAF3E7)背景,细腻纸纹。
|
|
89
|
+
画面中央单行超大中文标题"{TITLE}"(逐字准确),横跨画面约80%,
|
|
90
|
+
{TYPE_STYLE}(如墨黑书法体配烫金#FFD23F描边/空心描边字/竖排大字三选一),
|
|
91
|
+
极具冲击力;标题下方深灰色陈述句副标题"{SUBTITLE}";背景极淡的金色几何线条点缀,
|
|
92
|
+
不抢字。除标题与副标题外无其他文字;所有文字在中央垂直60%安全区内,
|
|
83
93
|
横构图16:9,尺寸1200×675。
|
|
84
94
|
|
|
85
|
-
EN:
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
vertical safe zone,
|
|
95
|
+
EN: Giant-type manifesto Chinese cover, bright cream (#FAF3E7) background
|
|
96
|
+
with subtle paper grain. Single-line oversized Chinese title "{TITLE}"
|
|
97
|
+
(exact) at center, spanning ~80% of frame width, {TYPE_STYLE} (ink-black
|
|
98
|
+
calligraphy with gold #C9A227 accents / outlined type / vertical type),
|
|
99
|
+
maximum impact; small dark-gray declarative subtitle "{SUBTITLE}" below;
|
|
100
|
+
very faint gold geometric line accents in background, unobtrusive. No other
|
|
101
|
+
text. All text within central vertical 60% safe zone, landscape 16:9,
|
|
102
|
+
1200x675.
|
|
92
103
|
```
|
|
93
|
-
占位符:`{
|
|
104
|
+
占位符:`{TYPE_STYLE}` 字形处理三选一(书法烫金 / 描边空心 / 竖排),
|
|
105
|
+
`{SUBTITLE}` 陈述句副标题(≤10 字,禁止问句)。
|
|
94
106
|
- **避坑**:
|
|
95
|
-
- 标题超过
|
|
96
|
-
-
|
|
97
|
-
-
|
|
98
|
-
|
|
107
|
+
- 标题超过 8 个字必翻车——先压缩再生成。
|
|
108
|
+
- 两行撞色标题是别人的版式:本风格只做单行(或竖排),不用两行撞色。
|
|
109
|
+
- 副标题一旦写成问句,整张的气质就垮了。
|
|
110
|
+
|
|
111
|
+
---
|
|
99
112
|
|
|
100
113
|
## 3. brand-launch · 品牌发布
|
|
101
114
|
|
|
102
115
|
- **适用场景**:产品发布、版本更新、官方最佳实践/白皮书;有明确品牌主体的内容首选。
|
|
103
|
-
|
|
104
|
-
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
-
|
|
109
|
-
|
|
110
|
-
图标底色用品牌色 10% 浅底。
|
|
116
|
+
示例图:`assets/examples/brand-launch.png`(原创虚构品牌"深蓝 OS 2.0")。
|
|
117
|
+
- **设计语言(抽象原则)**:
|
|
118
|
+
- 标题视觉重心居中置顶:品牌名就是标题,不藏不绕。
|
|
119
|
+
- 氛围代替写实:用发光线条/光影做产品氛围,不画写实产品大图(防 AI 乱码也防呆板)。
|
|
120
|
+
- 卖点信息分层:一排分隔符小字("更快 · 更稳 · 更懂你"),轻量不做图标条。
|
|
121
|
+
- **配色故事**:深海军蓝 `#0A1F44` 做全幅主色(深邃、专业);荧光绿 `#3DFF88`
|
|
122
|
+
做唯一强调色(发光描边、细线、分隔符小字都用它)。
|
|
111
123
|
- **标题写法规范**:
|
|
112
|
-
- 品牌词前置并上色:"
|
|
113
|
-
-
|
|
114
|
-
-
|
|
115
|
-
3~4 个,中文在上英文在下,英文仅装饰。
|
|
124
|
+
- 品牌词前置并上色:"深蓝"用荧光绿发光描边,其余白字;短标题 4~8 字。
|
|
125
|
+
- 标题下一条荧光绿细线收束视觉。
|
|
126
|
+
- 底部一排分隔符小字卖点,格式 `更快 · 更稳 · 更懂你`,浅灰白小字。
|
|
116
127
|
- **prompt 配方**:
|
|
117
128
|
```
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
(
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
129
|
+
中文:品牌发布风中文封面,深海军蓝(#0A1F44)全幅背景,荧光绿(#3DFF88)发光点缀。
|
|
130
|
+
顶部居中大号白色粗黑中文标题"{TITLE}"(逐字准确),其中品牌词"{KEYWORDS}"用荧光绿
|
|
131
|
+
描边发光、其余白色;标题下方一条荧光绿细线;画面中央下方一组荧光绿发光线条勾勒的
|
|
132
|
+
抽象产品氛围({PRODUCT},线框/光影,无可读文字);底部中央一排小字卖点
|
|
133
|
+
"{SELLING_POINTS}"(分隔符式,如"更快 · 更稳 · 更懂你");左上预留空白 logo 区。
|
|
134
|
+
除标题、卖点小字外无其他文字;所有文字在中央垂直60%安全区内,
|
|
135
|
+
横构图16:9,尺寸1200×675。
|
|
136
|
+
|
|
137
|
+
EN: Brand-launch style Chinese cover, full-bleed deep navy (#0A1F44)
|
|
138
|
+
background with fluorescent-green (#3DFF88) glowing accents. Large white bold
|
|
139
|
+
Chinese title "{TITLE}" (exact) centered at top, brand term "{KEYWORDS}" in
|
|
140
|
+
glowing fluorescent-green outline, rest white; a thin fluorescent-green rule
|
|
141
|
+
below the title; lower center an abstract product atmosphere drawn in glowing
|
|
142
|
+
fluorescent-green lines ({PRODUCT}, wireframe/light, no readable text);
|
|
143
|
+
bottom center one row of small separator-style selling points
|
|
144
|
+
"{SELLING_POINTS}" (e.g. "更快 · 更稳 · 更懂你"); empty logo area reserved
|
|
145
|
+
at top-left. No other text. All text within central vertical 60% safe zone,
|
|
146
|
+
landscape 16:9, 1200x675.
|
|
132
147
|
```
|
|
133
|
-
占位符:`{
|
|
148
|
+
占位符:`{KEYWORDS}` 品牌词、`{PRODUCT}` 产品氛围描述、`{SELLING_POINTS}` 分隔符小字(≤12 字);
|
|
134
149
|
真实 logo 必须后期贴图,绝不用 AI 生成 logo。
|
|
135
150
|
- **避坑**:
|
|
136
|
-
- 产品界面里的 UI 文字让 AI
|
|
137
|
-
|
|
138
|
-
-
|
|
139
|
-
|
|
151
|
+
- 产品界面里的 UI 文字让 AI 生成必出乱码:只要氛围线框,不要可读文字。
|
|
152
|
+
- 图标式卖点条是旧版式:本风格只用一排分隔符小字。
|
|
153
|
+
- 强调色只用荧光绿一种,第二种颜色出现即杂。
|
|
154
|
+
|
|
155
|
+
---
|
|
140
156
|
|
|
141
157
|
## 4. tutorial-steps · 教程步骤
|
|
142
158
|
|
|
143
|
-
-
|
|
144
|
-
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
-
|
|
150
|
-
|
|
159
|
+
- **适用场景**:教程、上手指南、分步实操、保姆级攻略。
|
|
160
|
+
示例图:`assets/examples/tutorial-steps.png`(原创:"从想法到产品")。
|
|
161
|
+
- **设计语言(抽象原则)**:
|
|
162
|
+
- 标题做视觉锚:墨色书法题字,一字千钧,镇住画面。
|
|
163
|
+
- 步骤沿横向时间线展开:一条线串起线框数字,数字是节奏点不是徽章。
|
|
164
|
+
- 东方留白:大面积宣纸空,步骤区只占底部一条。
|
|
165
|
+
- **配色故事**:宣纸米 `#F2EDE0` 做底(温润);墨黑书法标题;赭石 `#B5651D`
|
|
166
|
+
只做时间线与线框数字。
|
|
151
167
|
- **标题写法规范**:
|
|
152
|
-
-
|
|
153
|
-
-
|
|
154
|
-
-
|
|
155
|
-
- 步骤卡片内文字极简:序号 + 8 字以内短句(如"看懂平台与社区规则")。
|
|
168
|
+
- 大标题 4~8 字,墨色书法体,如"从想法到产品",占画面高度约 25%。
|
|
169
|
+
- 时间线:赭色水平细线 + 三个线框空心数字 `01 02 03`,每数字下一句极简短句(≤4 字)。
|
|
170
|
+
- 右上角小字点睛(如"先懂逻辑,再动手")。
|
|
156
171
|
- **prompt 配方**:
|
|
157
172
|
```
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
text at top-right.
|
|
171
|
-
|
|
173
|
+
中文:教程步骤风中文封面,宣纸米色(#F2EDE0)背景,淡墨纹理。
|
|
174
|
+
顶部中央墨色毛笔书法体大字标题"{TITLE}"(逐字准确),占画面高度约25%;
|
|
175
|
+
底部一条横向时间线:一根赭色(#B5651D)水平细线横贯画面下部,
|
|
176
|
+
线上三个线框空心数字"{N1}""{N2}""{N3}",每数字下方配极简短句"{S1}""{S2}""{S3}";
|
|
177
|
+
右上角小字点睛"{TIP}"。除上述文字外无其他文字;所有文字在中央垂直60%安全区内,
|
|
178
|
+
文人气、克制,横构图16:9,尺寸1200×675。
|
|
179
|
+
|
|
180
|
+
EN: Tutorial-steps style Chinese cover, rice-paper beige (#F2EDE0)
|
|
181
|
+
background with faint ink texture. Top center: large ink-brush calligraphy
|
|
182
|
+
title "{TITLE}" (exact), ~25% of frame height. Bottom: a horizontal timeline
|
|
183
|
+
— one thin ochre (#B5651D) horizontal line across the lower frame, with three
|
|
184
|
+
wireframe hollow numbers "{N1}" "{N2}" "{N3}" on it, each with a minimal short
|
|
185
|
+
phrase below ("{S1}" "{S2}" "{S3}"); small accent text "{TIP}" at top-right.
|
|
186
|
+
No other text. All text within central vertical 60% safe zone, scholarly and
|
|
187
|
+
restrained, landscape 16:9, 1200x675.
|
|
172
188
|
```
|
|
173
|
-
占位符:`{
|
|
174
|
-
|
|
189
|
+
占位符:`{N1..N3}` 线框数字(01/02/03)、`{S1..S3}` 短句(每句 ≤4 字,越短越安全)、
|
|
190
|
+
`{TIP}` 右上点睛(≤8 字)。
|
|
175
191
|
- **避坑**:
|
|
176
|
-
-
|
|
177
|
-
-
|
|
178
|
-
-
|
|
179
|
-
|
|
192
|
+
- 步骤超过 3 个立刻变说明书。
|
|
193
|
+
- 圆形实心序号章是旧版式:本风格只用线框空心数字。
|
|
194
|
+
- 红色笔刷横条不用:本风格的强调色只有赭石。
|
|
195
|
+
|
|
196
|
+
---
|
|
180
197
|
|
|
181
198
|
## 5. ip-fun · IP 趣味
|
|
182
199
|
|
|
183
|
-
-
|
|
184
|
-
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
-
|
|
189
|
-
|
|
200
|
+
- **适用场景**:实战案例、数据战报、复盘、系列连载(上/下篇)。
|
|
201
|
+
示例图:`assets/examples/ip-fun.png`(原创:狐狸画家 IP + "AI绘画挑战营")。
|
|
202
|
+
- **设计语言(抽象原则)**:
|
|
203
|
+
- 暖色氛围做主角情绪:整张的"热气"是第一眼记忆。
|
|
204
|
+
- 标题深色压住暖底:深棕/深色字在暖色底上形成对比重心。
|
|
205
|
+
- 数字收进角落印章:数据是注脚,不是标题。
|
|
206
|
+
- 署名做边角点缀:竖排小字,不进主视觉流。
|
|
207
|
+
- **配色故事**:橙黄暖色 `#FF9E2C → #FFC53D` 做主色(阳光、热闹);
|
|
208
|
+
标题与副标题用深棕 `#4A2C0A`(在暖底上最稳的重色)。
|
|
190
209
|
- **标题写法规范**:
|
|
191
|
-
-
|
|
192
|
-
|
|
193
|
-
-
|
|
194
|
-
- 副标题灰字说明结构:"从想法到成片 · 下篇";署名 "@Xanderwow" 放左下角小字。
|
|
210
|
+
- 大标题 4~8 字深棕粗黑,如"AI绘画挑战营";下方深棕小字副标题(如"每天一幅 · 进化看得见")。
|
|
211
|
+
- 数据(如"30天")放右下角圆形印章内小字,不放大。
|
|
212
|
+
- 署名(如"@阿狐画画")放左下角竖排小字。
|
|
195
213
|
- **prompt 配方**:
|
|
196
214
|
```
|
|
197
|
-
中文:IP
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
215
|
+
中文:IP 趣味风中文封面,暖橙黄色(#FF9E2C 渐变至 #FFC53D)主色背景,阳光感。
|
|
216
|
+
中央偏左深棕色(#4A2C0A)大号粗黑中文标题"{TITLE}"(逐字准确),
|
|
217
|
+
下方深棕色小字副标题"{SUBTITLE}";右侧原创趣味 IP 形象({CHARACTER},
|
|
218
|
+
如戴贝雷帽的狐狸画家在画架前作画,暖色调),生动,约占画面35%,不遮挡文字;
|
|
219
|
+
右下角一枚圆形印章,内写"{NUMBER}"小字;左下角竖排小字署名"{BYLINE}"。
|
|
220
|
+
除上述文字外无其他文字;所有文字在中央垂直60%安全区内,
|
|
201
221
|
横构图16:9,尺寸1200×675。
|
|
202
222
|
|
|
203
|
-
EN: Fun-IP style Chinese cover,
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
1200x675.
|
|
223
|
+
EN: Fun-IP style Chinese cover, warm orange-yellow (#FF9E2C to #FFC53D)
|
|
224
|
+
dominant background, sunny feel. Center-left large dark-brown (#4A2C0A) bold
|
|
225
|
+
Chinese title "{TITLE}" (exact), small dark-brown subtitle "{SUBTITLE}"
|
|
226
|
+
below; right side an original playful IP character ({CHARACTER}, e.g. a
|
|
227
|
+
beret-wearing fox painter at an easel, warm tones), vivid, ~35% of frame,
|
|
228
|
+
never covering text; bottom-right a small round seal with "{NUMBER}";
|
|
229
|
+
small vertical byline "{BYLINE}" at bottom-left. No other text. All text
|
|
230
|
+
within the central vertical 60% safe zone, landscape 16:9, 1200x675.
|
|
211
231
|
```
|
|
212
|
-
占位符:`{
|
|
213
|
-
|
|
232
|
+
占位符:`{SUBTITLE}` 副标题(≤12 字)、`{NUMBER}` 印章内数字(如"30天",必须真实)、
|
|
233
|
+
`{BYLINE}` 边角署名(如"@阿狐画画")、`{CHARACTER}` 原创趣味 IP 形象描述,
|
|
234
|
+
必须与主题道具绑定(如绘画主题 → 狐狸画家 + 画架),不得照抄任何现有 IP 形象。
|
|
214
235
|
- **避坑**:
|
|
215
236
|
- 数字造假是红线:封面上的每个数字必须在正文中有出处。
|
|
216
|
-
-
|
|
217
|
-
-
|
|
218
|
-
|
|
237
|
+
- 形象是配角:超过画面 20% 或挡住标题字,整张作废。
|
|
238
|
+
- 印章和署名是注脚:别放大、别进主视觉流。
|
|
239
|
+
|
|
240
|
+
---
|
|
219
241
|
|
|
220
242
|
## 6. news-flash · 资讯快报
|
|
221
243
|
|
|
222
244
|
- **适用场景**:资讯、快讯、热点解读、人物专访预告、"祛魅/揭秘"类选题。
|
|
223
|
-
|
|
224
|
-
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
-
|
|
229
|
-
|
|
245
|
+
示例图:`assets/examples/news-flash.png`(原创:"今日AI速览" + 纸纹底 + 俯视桌面静物)。
|
|
246
|
+
- **设计语言(抽象原则)**:
|
|
247
|
+
- 标题是绝对视觉重心:单色大字,一眼即主题,快讯的干脆来自"不加修饰"。
|
|
248
|
+
- 信息分层三层:顶部眉题小字(给栏目/时效)→ 中央大标题(给主题)→
|
|
249
|
+
右下角落生活静物(给"正在发生"的现场感)。
|
|
250
|
+
- 点缀手法:俯视桌面静物(报纸/咖啡/闹钟)给氛围,点缀不进文字区。
|
|
251
|
+
- 纸感来自质感:纸纹米底 + 大面积空旷,留白就是呼吸感。
|
|
252
|
+
- **配色故事**:纸纹米 `#F4F1E8` 做主色(纸感、阅读感);标题纯黑单色
|
|
253
|
+
(快讯的干脆,单色是本风格的魂);静物保留真实色彩(红闹钟是唯一跳色,小面积)。
|
|
230
254
|
- **标题写法规范**:
|
|
231
|
-
-
|
|
232
|
-
|
|
233
|
-
-
|
|
234
|
-
问句必须在正文中有答案,不做无答案的标题党。
|
|
235
|
-
- 右侧点缀可加小标签云(如书脊上的"Machine Learning/PyTorch"),丰富主题氛围。
|
|
255
|
+
- 短标题 4~6 字,纯黑粗黑单行,如"今日AI速览",字号约为画面高度 28%。
|
|
256
|
+
- 顶部眉题小字交代栏目/时效(如"晨间快讯 · 每日更新"),字号约为标题的 25%。
|
|
257
|
+
- 感叹号/问号至多一个;标题里不出现彩色字。
|
|
236
258
|
- **prompt 配方**:
|
|
237
259
|
```
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
260
|
+
中文:资讯快报风中文封面,纸纹米色(#F4F1E8)纸张质感背景,干净纸纹。
|
|
261
|
+
左上纯黑色超大粗黑中文标题"{TITLE}"(逐字准确),单行,干脆醒目;
|
|
262
|
+
标题上方顶部眉题小字"{EYEBROW}";右下角俯视角度的桌面静物点缀
|
|
263
|
+
({PROPS},如一叠报纸、一杯冒热气的咖啡、一只红色小闹钟),
|
|
264
|
+
生动真实但不遮挡文字。除标题、眉题、静物外无其他文字;
|
|
265
|
+
所有文字与关键元素落在中央垂直60%安全区内,横构图16:9,尺寸1200×675。
|
|
266
|
+
|
|
267
|
+
EN: News-flash style Chinese cover, paper-textured warm beige (#F4F1E8)
|
|
268
|
+
background, clean paper grain. Huge solid-black bold Chinese title "{TITLE}"
|
|
269
|
+
(exact) at upper-left, single line, crisp and direct; small top eyebrow text
|
|
270
|
+
"{EYEBROW}" above the title; bottom-right a top-down desk still life
|
|
271
|
+
({PROPS}, e.g. a stack of newspapers, a steaming coffee cup, a small red
|
|
272
|
+
alarm clock), vivid and real but never covering text. No other text. All
|
|
273
|
+
text and key elements within the central vertical 60% safe zone, landscape
|
|
274
|
+
16:9, 1200x675.
|
|
252
275
|
```
|
|
253
|
-
占位符:`{
|
|
254
|
-
|
|
276
|
+
占位符:`{EYEBROW}` 眉题(栏目/时效,≤10 字)、`{PROPS}` 桌面静物描述(2~3 件,
|
|
277
|
+
与主题相关,如报纸/咖啡/闹钟)。
|
|
255
278
|
- **避坑**:
|
|
256
|
-
-
|
|
257
|
-
-
|
|
258
|
-
-
|
|
259
|
-
-
|
|
279
|
+
- 单色标题是铁律:标题里出现彩色字,本风格立刻变味。
|
|
280
|
+
- 静物是氛围组:超过 3 件或进文字区,整张作废。
|
|
281
|
+
- 眉题必须真实:写"每日更新"就要真有更新节奏,不做无答案的标题党。
|
|
282
|
+
- 纸纹底怕"脏":要求"干净纸纹",防模型加污渍/做旧。
|
|
283
|
+
|
|
284
|
+
---
|
|
260
285
|
|
|
261
286
|
## 7. minimal · 极简留白
|
|
262
287
|
|
|
263
288
|
- **适用场景**:随笔、书评、轻观点、生活感悟;公众号"轻阅读"类文章,
|
|
264
289
|
或系列中需要"呼吸感"的穿插封面。
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
-
|
|
269
|
-
|
|
270
|
-
-
|
|
271
|
-
|
|
290
|
+
示例图:`assets/examples/minimal.png`(原创:"慢思考" + 水墨银杏叶点缀)。
|
|
291
|
+
- **设计语言(抽象原则)**:
|
|
292
|
+
- 留白是主角:≥60% 空旷,呼吸感就是信息。
|
|
293
|
+
- 点缀手法:一处微小水墨笔触(银杏叶),细节精致、位置克制。
|
|
294
|
+
- 标题写法:小字号 + 字距拉宽,轻、慢、稳——"慢"的味道全在字距里。
|
|
295
|
+
- 元素总数 ≤2(点缀+标题),多一件都是负担。
|
|
296
|
+
- **配色故事**:冷白 `#F5F6F4` 做主色(干净、冷静);淡墨只做点缀;
|
|
297
|
+
标题用深灰,不用纯黑(纯黑太"重",极简感全失)。
|
|
298
|
+
- **标题写法规范**:
|
|
299
|
+
- 短标题 4~8 字,如"慢思考";字距拉宽;字体用 Noto Sans SC Medium
|
|
300
|
+
(不用 Black,太重则极简感全失)。
|
|
301
|
+
- 不加副标题、不加标签条,克制到底。
|
|
272
302
|
- **prompt 配方**:
|
|
273
303
|
```
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
EN: Extreme minimalism cover,
|
|
280
|
-
space
|
|
281
|
-
center-right. Small dark-gray Chinese title
|
|
282
|
-
at the lower-left corner. Calm, airy,
|
|
283
|
-
landscape 16:9, 1200x675, no other text.
|
|
304
|
+
中文:极致极简主义封面,冷白色(#F5F6F4)背景,大面积留白。
|
|
305
|
+
画面右侧中央一处微小的水墨笔触(如一片精致的银杏落叶,淡墨色,细节细腻);
|
|
306
|
+
左下角(中央垂直安全区内)深灰色小字号中文标题"{TITLE}",字距拉宽,
|
|
307
|
+
呼吸感强,禅意,无其他元素;横构图16:9,尺寸1200×675,除标题外无其他文字。
|
|
308
|
+
|
|
309
|
+
EN: Extreme minimalism cover, cool-white (#F5F6F4) background with vast
|
|
310
|
+
empty space. One tiny ink-brush stroke (a delicate ginkgo leaf in light ink
|
|
311
|
+
wash, refined detail) near the center-right. Small dark-gray Chinese title
|
|
312
|
+
"{TITLE}" with wide letter-spacing at the lower-left corner. Calm, airy,
|
|
313
|
+
zen aesthetic, no other elements, landscape 16:9, 1200x675, no other text.
|
|
284
314
|
```
|
|
285
315
|
- **避坑**:
|
|
286
316
|
- 对"杂物"零容忍:prompt 明确"一处""微小""无其他元素",防模型加云加山。
|
|
287
|
-
-
|
|
288
|
-
-
|
|
317
|
+
- 标题字别贪大:字一大立刻变大字报;字距不拉宽就失去"慢"的味道。
|
|
318
|
+
- 点缀和标题尽量往中央安全区放,防公众号裁剪吃掉左右留白。
|
|
319
|
+
|
|
320
|
+
---
|
|
289
321
|
|
|
290
322
|
## 8. magazine · 杂志编辑风
|
|
291
323
|
|
|
292
324
|
- **适用场景**:深度访谈、人物特写、商业分析、年度盘点;需要"质感/信任感"时用它,
|
|
293
325
|
公众号长文首选。
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
-
|
|
301
|
-
|
|
326
|
+
示例图:`assets/examples/magazine.png`(原创:"创造者访谈" + 侧脸剪影 + 砖红细线)。
|
|
327
|
+
- **设计语言(抽象原则)**:
|
|
328
|
+
- 质感来自克制:大面积留白 + 一条细色线,就是杂志感。
|
|
329
|
+
- 人物手法:侧脸剪影(泛指描述),给"人"的存在感但不抢标题。
|
|
330
|
+
- 信息分层两层:细色线(定调)→ 标题(给主题)。
|
|
331
|
+
- 同一色调只用一种底:浅底/深底不混用。
|
|
332
|
+
- **配色故事**:暖灰 `#E9E5DB` 做主色(影棚质感);砖红 `#A63A2A` 只做一条细线点睛;
|
|
333
|
+
标题炭黑,沉稳。
|
|
334
|
+
- **标题写法规范**:
|
|
335
|
+
- 短标题 4~8 字,如"创造者访谈";字体用 Noto Serif SC Bold(宋体感)或思源黑体 Bold。
|
|
336
|
+
- 标题上方一条砖红细线是杂志感的灵魂,别省略。
|
|
302
337
|
- **prompt 配方**:
|
|
303
338
|
```
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
339
|
+
中文:杂志编辑风封面,暖灰色(#E9E5DB)影棚质感背景,大面积留白。
|
|
340
|
+
右侧三分之一处黑白质感人物侧脸剪影({SUBJECT},泛指描述,
|
|
341
|
+
如穿西装的人物侧脸剪影),沉稳不抢戏;左侧下方(中央垂直安全区内)
|
|
342
|
+
炭黑色典雅粗体中文标题"{TITLE}",标题上方一条砖红色(#A63A2A)细线;
|
|
343
|
+
克制高级,杂志封面美学,横构图16:9,尺寸1200×675,除标题外无其他文字。
|
|
344
|
+
|
|
345
|
+
EN: Editorial magazine style cover, warm-gray (#E9E5DB) studio-textured
|
|
346
|
+
background with generous negative space. Black-and-white profile silhouette
|
|
347
|
+
({SUBJECT}, generic description, e.g. a suited figure in profile) in the
|
|
348
|
+
right third, calm and unobtrusive. Dark charcoal elegant bold Chinese title
|
|
349
|
+
"{TITLE}" at lower-left, with a thin brick-red (#A63A2A) rule line above it.
|
|
350
|
+
Refined, minimal, magazine cover aesthetic, landscape 16:9, 1200x675, no
|
|
351
|
+
other text.
|
|
314
352
|
```
|
|
353
|
+
占位符:`{SUBJECT}` 人物泛指描述(职业/姿态,不得出现可识别的真实人物长相)。
|
|
315
354
|
- **避坑**:
|
|
316
|
-
- 人物肖像必须用"泛指"
|
|
355
|
+
- 人物肖像必须用"泛指"描述,不得出现可识别的真实人物长相。
|
|
317
356
|
- 留白处别手痒加装饰字——杂志风的力量全在克制。
|
|
318
|
-
-
|
|
357
|
+
- 浅底版和深底版不要混用。
|
|
319
358
|
|
|
320
359
|
---
|
|
321
360
|
|
|
322
|
-
## 通用组装公式(沿用)
|
|
323
|
-
|
|
324
|
-
```
|
|
325
|
-
{风格模板一句话},主体:{主体描述},
|
|
326
|
-
画面中央大标题"{≤10字标题}",{暗底亮字/亮底深字},
|
|
327
|
-
横构图16:9,主体占画面40%以上,四周留白8%,
|
|
328
|
-
极简,不堆砌元素,电影感光影
|
|
329
|
-
```
|
|
330
|
-
|
|
331
|
-
标题字逐字写进 prompt;生成后第一件事就是检查标题字。
|
|
332
|
-
示例图在 `assets/examples/`(`<style>.png` 1200×675 主图 + `<style>-wechat.png`
|
|
333
|
-
900×383 公众号裁剪版),选风格前先看图。
|
|
334
|
-
|
|
335
361
|
## 风格速查
|
|
336
362
|
|
|
337
363
|
| 风格 | 一句话 | 标题字号占比 | 首选题材 |
|
|
338
364
|
|---|---|---|---|
|
|
339
|
-
| gan-huo |
|
|
340
|
-
| big-type |
|
|
341
|
-
| brand-launch |
|
|
342
|
-
| tutorial-steps |
|
|
343
|
-
| ip-fun |
|
|
344
|
-
| news-flash |
|
|
345
|
-
| minimal |
|
|
346
|
-
| magazine |
|
|
365
|
+
| gan-huo | 深炭灰底 + 米白居中大标题 + 眉题 + 朱红印章 | ~30% | 干货清单/评测/盘点 |
|
|
366
|
+
| big-type | 标题即画面:墨黑书法烫金字,奶油亮底 | 35%~45% | 观点/深度/发布宣言 |
|
|
367
|
+
| brand-launch | 深海军蓝底 + 荧光绿细线 + 顶部居中品牌标题 | 20%~28% | 产品发布/版本更新 |
|
|
368
|
+
| tutorial-steps | 宣纸底 + 墨色书法题字 + 底部横向时间线 | ~25% | 教程/上手指南 |
|
|
369
|
+
| ip-fun | 暖橙底 + 深棕大标题 + 趣味 IP + 印章/署名注脚 | 数字进印章 | 实战案例/数据战报 |
|
|
370
|
+
| news-flash | 纸纹米底 + 纯黑单色大标题 + 俯视桌面静物 | ~28% | 资讯/快讯/热点解读 |
|
|
371
|
+
| minimal | 冷白大面积留白 + 水墨银杏叶 + 小字宽字距标题 | 8%~12% | 随笔/书评/轻观点 |
|
|
372
|
+
| magazine | 暖灰底 + 侧脸剪影 + 砖红细线 + 宋体感标题 | 14%~20% | 访谈/人物特写/商业分析 |
|