本次会话的提示词整理

说明：

• 本文档只整理本次会话中和「图片生成 / 风格控制 / 输出约束」相关的提示词内容。
• 目标是保留可复用的 prompt 资产，不展开内部工具细节。
• 适用于后续继续批量生成白皮书配图、产品概念图、方案图、监控图、证书墙、联系卡等。

1. 用户原始要求

本次会话中，用户最核心的原始要求可以归纳为下面这组约束：

整体的风格应该是这种白色的，参考图片这种风格。然后主色是白色。
参考 README.md 的内容，对当前的图片重新设计。
图片不要顶部的标题之类的文案。
整体保持 16:9 单页的内容。
内容要简洁，突出主题。

后续还有两个明确的执行约束：

从第 17 张继续执行 @images 目录已有的图片。

以及：

本次会话的所有结果写入到 images-imagegen 目录。

2. 稳定风格约束

在整个会话里，最终沉淀出来的稳定风格约束如下。

视觉方向

• 白底主导
• 轻灰层次
• 克制蓝色点缀
• 单页 16:9
• 不使用顶部大标题横幅
• 内容简洁，不堆叠说明文字
• 突出一个核心主题主体
• 用 2-3 个辅助卡片表达功能补充

表达方式

• 原始后台截图，不直接保留整页界面
• 改造成白皮书风格的产品概念图 / 方案图 / 信息图
• 模块型内容更偏白底产品图
• 架构型内容更偏白底结构图
• 大屏 / 监控类内容允许局部出现深色预览屏，但整张图仍以白底为主

避免项

• 顶部标题文案
• 浏览器边框
• 左侧导航整页保留
• 密集后台截图感
• 长段营销文案
• 紫色系默认风格
• 过于赛博、过于发光的深色视觉

3. 会话中反复使用的通用 Prompt 模板

这是本次会话里最稳定、最可复用的一类图片生成模板。

Use case: ui-mockup / infographic-diagram / product-mockup
Asset type: whitepaper single-page feature illustration, 16:9
Primary request: redesign the current image into a clean white-background visual for PIG CLOUD / PIG AI, based on README content and the target reference style
Subject: <功能主题 / 架构主题 / 方案主题>
Style/medium: premium SaaS illustration / enterprise infographic / architecture diagram
Composition/framing: 16:9, centered composition, one main panel or one main architecture structure, 2-3 supporting cards, lots of breathing room, no browser chrome, no app header bar, no top title
Lighting/mood: bright, professional, trustworthy
Color palette: predominantly white with very light gray layers and restrained blue accents
Materials/textures: frosted glass cards, fine grid, soft depth, crisp UI typography
Text (verbatim): "<必须保留的少量关键词>"
Constraints: simplify heavily, preserve the concept, keep the page white, concise content, no watermark, no top title
Avoid: browser frame, side navigation, giant paragraphs, clutter, low-contrast text, dark full-screen layout

4. 结构图类 Prompt 模板

这类模板主要用于：

• 单体架构
• 微服务方案
• Nacos 集群
• 分布式事务
• 灰度发布
• 容器部署
• 链路拓扑
• 日志采集
• 分库分表
• DevOps 流程

模板如下：

Use case: infographic-diagram
Asset type: whitepaper architecture illustration, 16:9
Primary request: redesign the architecture / solution image into a clean white-background single-page concept diagram
Subject: <架构核心对象>
Style/medium: premium enterprise architecture infographic, white-dominant
Composition/framing: 16:9, centered flow / topology / layered structure, concise labels, 1 main structure + 2 side capability cards, lots of white space
Lighting/mood: bright, structured, reliable
Color palette: white dominant, pale gray layers, restrained blue accents, tiny green / orange only when status or traffic needs contrast
Materials/textures: frosted node cards, soft shadows, thin connector lines, subtle technical grid
Text (verbatim): "<少量结构关键词>"
Constraints: emphasize architecture clarity and business meaning; concise; no watermark; no top title banner; no clutter
Avoid: dark topology screen, crowded UML, browser chrome, giant paragraphs

5. 产品功能图类 Prompt 模板

这类模板主要用于：

• 审计日志
• 敏感词过滤
• 数据传输安全
• 代码生成
• 模板市场
• 工作台
• 表单设计器
• 流程设计器
• 支付
• 接口文档
• 报表
• 文件存储
• 动态路由

模板如下：

Use case: ui-mockup
Asset type: whitepaper single-page feature illustration, 16:9
Primary request: redesign the feature image into a clean white-background product concept visual for PIG CLOUD
Subject: <功能模块主题>
Style/medium: premium SaaS illustration mixed with crisp realistic UI mockup
Composition/framing: 16:9, one central white card or panel, 2 compact supporting cards, generous whitespace, no browser frame, no app shell, no top title banner
Lighting/mood: bright, efficient, professional
Color palette: mostly white, soft gray, restrained blue accents
Materials/textures: frosted cards, soft shadows, fine grid, thin dividers
Text (verbatim): "<界面中的少量关键词>"
Constraints: highlight the feature concept, simplify the UI heavily, concise content, no watermark
Avoid: full dashboard screenshot, dense tables, browser chrome, side nav, giant paragraphs, dark background

6. 证书 / 报告 / 认证类 Prompt 模板

这类模板主要用于：

• 检测报告
• 权威认证
• 信创认证

模板如下：

Use case: product-mockup
Asset type: whitepaper certification illustration, 16:9
Primary request: redesign the certification / report image into a clean white-background single-page formal visual
Subject: report summary / authority certification / ecosystem compatibility endorsement
Style/medium: premium enterprise certification-wall concept, white-dominant
Composition/framing: one hero certificate or report card in the center, 3-4 supporting badges or supporting cards, lots of white space
Lighting/mood: bright, formal, authoritative
Color palette: white dominant, pale gray layers, restrained blue accents, tiny gold / red only for seal accents
Materials/textures: paper-like cards, soft shadows, subtle security patterns
Text (verbatim): "<认证关键词>"
Constraints: emphasize trust and formal recognition; concise; no watermark; no top title banner; no clutter
Avoid: crowded certificate collage, giant paragraphs, dark background, browser chrome

7. 联系方式 / 二维码类 Prompt 模板

这类模板主要用于：

• 小程序二维码
• 微信联系

模板如下：

Use case: product-mockup / ui-mockup
Asset type: whitepaper contact illustration, 16:9
Primary request: redesign the QR-code contact image into a clean white-background single-page contact visual
Subject: QR entry / WeChat consultation / mobile access
Style/medium: premium enterprise contact-card illustration
Composition/framing: centered QR code card, 1 support-info card, 1 service-scope or entry card, plenty of white breathing room
Lighting/mood: bright, approachable, professional
Color palette: white dominant, pale gray layers, restrained blue accents, tiny green for online or verified state
Materials/textures: frosted cards, soft shadows, crisp QR block, subtle floor grid
Text (verbatim): "<扫码 / 联系 / 咨询相关关键词>"
Constraints: emphasize direct access and easy conversion; concise; no watermark; no top title banner; no clutter
Avoid: busy poster layout, dark background, browser chrome, giant paragraphs

8. 会话中的代表性 Prompt 示例

下面是本次会话中最有代表性的几类 prompt 摘要版。

示例 1：审计日志

Use case: ui-mockup
Asset type: whitepaper single-page feature illustration, 16:9
Primary request: redesign the current image into a clean white-background product concept visual for PIG CLOUD data audit
Subject: audit log and field-level data auditing in an enterprise admin system
Style/medium: premium SaaS illustration mixed with realistic UI mockup
Composition/framing: one main floating audit log panel with 2-3 supporting cards, lots of breathing room, no browser chrome, no top title
Text (verbatim): "审计日志" "字段名称" "变更前值" "变更后值" "操作人" "操作时间"
Constraints: preserve the idea of data audit records and before/after field comparison; simplify heavily
Avoid: browser frame, side navigation, giant paragraphs, clutter

示例 2：模板市场

Use case: ui-mockup
Asset type: whitepaper single-page feature illustration, 16:9
Primary request: redesign the template marketplace image into a clean white-background product concept visual for the PIG CLOUD code generation template market
Subject: template marketplace, online updates, and community contribution
Style/medium: premium SaaS illustration, polished marketplace UI with minimal enterprise cards
Composition/framing: central grid of template cards with clean categories, one small update card and one community contribution card
Text (verbatim): "模板市场" "在线更新" "社区贡献" "标准 CRUD" "微服务"
Constraints: emphasize extensibility, easy updates, and ecosystem
Avoid: crowded app store look, dark background, browser chrome

示例 3：Nacos 集群模式

Use case: infographic-diagram
Asset type: whitepaper architecture illustration, 16:9
Primary request: redesign the Nacos cluster mode image into a clean white-background single-page architecture diagram
Subject: registration and configuration center cluster with DNS, load balancing, and multiple Nacos nodes
Style/medium: premium enterprise architecture infographic
Composition/framing: centered vertical flow from DNS to load balancer to three cluster nodes, with side cards for high availability and config sync
Text (verbatim): "集群模式" "DNS" "负载均衡" "Nacos 节点" "配置同步"
Constraints: emphasize cluster availability and central config distribution
Avoid: dark topology screen, crowded UML, browser chrome

示例 4：权威认证

Use case: product-mockup
Asset type: whitepaper certification illustration, 16:9
Primary request: redesign the authority certification image into a clean white-background single-page certification visual for PIG CLOUD
Subject: authoritative certifications, ecosystem compatibility badges, and official endorsement summary
Style/medium: premium enterprise certification-wall concept
Composition/framing: central hero certificate with 3-4 supporting certification cards arranged cleanly
Text (verbatim): "权威认证" "兼容认证" "生态适配" "官方认可"
Constraints: emphasize trust and formal certification capability
Avoid: crowded certificate collage, giant paragraphs, dark background

示例 5：微信联系

Use case: product-mockup
Asset type: whitepaper contact illustration, 16:9
Primary request: redesign the WeChat contact image into a clean white-background single-page contact visual for PIG CLOUD
Subject: WeChat contact QR code, business consultation, and direct support entry
Style/medium: premium enterprise contact-card illustration
Composition/framing: centered elegant QR contact card with one support-info card and one service-scope card
Text (verbatim): "联系我们" "微信咨询" "扫码沟通" "产品演示" "方案交流"
Constraints: emphasize direct contact and consultation access
Avoid: busy poster layout, dark background, browser chrome

9. 本次会话的 Prompt 演进逻辑

本次会话里，prompt 的演进不是简单“换个文案”，而是逐步收敛到下面这套方法：

第一步：从截图思维切换到白皮书配图思维

不是保留原始后台界面，而是：

• 提取功能核心
• 改造成“中心主视觉 + 两侧辅助信息卡”
• 把产品截图转成更适合白皮书的概念表达

第二步：按主题选择图像类型

• 功能模块：ui-mockup
• 架构 / 方案 / 流程：infographic-diagram
• 认证 / 证书 / 联系方式：product-mockup

第三步：把深色内容收进局部，不让整页变暗

尤其对：

• 大屏设计
• 大屏展示
• 监控
• 图形结果

采用的策略是：

• 页面整体仍白底
• 深色只出现在局部展示屏或图表区域

第四步：控制文本密度

始终保留“少量关键词”而不是“原始整页文字”：

• 用于锁定主题
• 避免画面失焦
• 降低生成图里文字错误的概率

10. 可直接复用的最小提示词版本

如果后续还要延续这一轮风格，下面这段可以直接作为最小母 prompt：

请将当前图片重设计为白皮书风格的单页产品图。
要求：
- 白底为主色
- 16:9 横版
- 不要顶部标题横幅
- 内容简洁，突出主题
- 保留一个核心主体，搭配 2-3 个辅助信息卡
- 不保留完整后台截图感
- 使用轻灰层次和克制蓝色点缀
- 大量留白，画面干净
- 仅保留少量必要关键词
- 不要浏览器边框、侧边栏、长段文案、深色整页背景

11. 适合继续追加的方向

如果后续还要继续同风格生成，建议沿用下面的 prompt 方法：

• 先写清楚 Subject
• 再写清楚 Composition/framing
• 再写清楚 Text (verbatim)
• 最后明确 Constraints 和 Avoid

最关键的不是“描述得多”，而是：

• 白底主导
• 主题明确
• 结构简洁
• 文字少而准
• 不回到原始截图风格