screenshot-framing.md 4.2 KB

截图美化语义规则

用于把用户提供的产品截图、网页截图、代码截图、设计稿截图处理成符合模板比例的图片资产。目标是类似 CleanShot X 的“截图居中 + 背景填充 + 统一比例”,而不是默认让 GPT-M 2.0 重画截图。

优先级

  1. 程序化适配优先:截图内容、文字、UI 细节需要保真时,不要重画;创建目标比例画布,把原截图等比缩放后放入画布。
  2. GPT-M 2.0 只做重构:只有原图过长、过窄、信息太乱、需要 UI 情景化或概念化表达时,才使用“截图再设计 / UI 情景图”。
  3. 模板槽位先行:先确定 slide 版式和图片槽位比例,再决定截图适配参数。

语义参数

每次处理截图前,先确定这 7 个参数:

参数 可选值 判断方式
ratio 21:9 / 16:10 / 16:9 / 4:3 / 1:1 跟随模板图片槽位,不要跟随原截图比例
background plain / gradient / wallpaper / blurred / grid / paper 跟随当前 PPT 风格和主题
padding compact / standard / spacious 普通截图 standard;文字密集或高截图 spacious;小图组 compact
inset none / subtle / balanced 截图需要从背景中浮出来时用 balanced;瑞士风多用 none/subtle
shadow none / soft / editorial Style A 可 soft/editorial;Style B 默认 none
corners square / small / medium Style B square;Style A small/medium
alignment center / top-left / top-right / bottom-left / bottom-right 跟随页面构图,不是永远居中

风格映射

Style A · 电子杂志风

  • 背景: paper / blurred / 低饱和 gradient
  • 质感:纸张、墨水、胶片颗粒、暖白、低对比
  • 截图:可用小圆角和轻微阴影,但不要像 SaaS 营销卡片
  • 推荐语义:

    ratio:16:10, background:paper, padding:standard, inset:balanced, shadow:editorial, corners:small, alignment:center
    

Style B · 瑞士国际主义

  • 背景: plain / grid / dot-matrix
  • 色彩:只允许当前锚点色作为极低占比强调;不要大面积亮色块
  • 截图:直角、无阴影、少量 hairline 或顶部 accent 线
  • 推荐语义:

    ratio:21:9, background:grid, padding:standard, inset:subtle, shadow:none, corners:square, alignment:center
    

背景强度规则

截图背景是“托底”,不是主视觉。

  • 如果 alignment 不确定,背景中心和四角都必须安静,不要放显眼色块。
  • 如果截图要放在右下角,右下角不能有强色块;其他位置同理。
  • 瑞士风锚点色只做 5%-8% 视觉占比的淡线、点阵或极浅几何场,不要生成高亮蓝条、大色块、霓虹渐变。
  • 背景不能有文字、logo、图标、人物、设备、边框、明显主体或方向性构图。
  • 背景必须 crop-safe:裁成 21:916:104:31:1 都不能暴露“被裁掉”的痕迹。

截图类型决策

原始素材 推荐处理
普通网页 / App / 桌面截图 程序化适配到目标比例
产品 UI 细节很重要 程序化适配,使用 fit-contain,不重画
长网页截图 截关键区域或拆成 2-3 张同尺寸面板
极窄 / 极高截图 先尝试 spacious + side alignment;仍太小时再重构
代码截图 Style A 用纸感背景;Style B 用浅网格背景;文字必须可读
概念解释用的 UI 情景图 可以 GPT-M 2.0 重新设计

生成背景图提示词

Style A 背景

16:9 crop-safe screenshot background for an editorial magazine / e-ink PPT system. Warm off-white paper texture, subtle ink wash, fine film grain, low contrast, quiet center and quiet corners, no text, no logo, no objects, no border, no focal subject. Suitable for cropping to 21:9, 16:10, 4:3, or 1:1.

Style B 背景

16:9 crop-safe screenshot background for a Swiss International Style PPT system. Pure off-white base, ultra-subtle 16-column grid and sparse dot matrix, one accent color only: [theme color], used at very low opacity as thin lines or tiny dots, no large bright color blocks. Quiet center and quiet corners, no text, no logo, no objects, no border, no focal subject. Suitable for cropping to 21:9, 16:10, 4:3, or 1:1.