图上叠字 · Type over Image
英文：Type over Image
网格与版式难度：入门 ★
🗣️一句话大白话
文字与图像共享同一空间，通过遮挡、穿插和对比建立一体化主视觉。图像与标题几乎同时进入，再通过前后层级辨认关系；必须明确字在前、字在后或字穿插，半透明一盖了之通常发灰。
🖼️样图参考
🎬真实场景
时尚、人像、杂志、电影、音乐、文化活动
📮你可以这样说
「【图像模型版】竖版 3:4 海报，主题为[主题]。采用图上叠字构图：标题「[主标题]」与[人像或物体]形成明确前后关系——字在主体之后被遮挡，或字在主体之前局部压住；文字与主体对比强烈，穿插位置精确。避免半透明蒙层糊字。Keywords: type over image, interleaved typography, foreground-background layering, integrated title. 【HTML/CSS 版】容器 position:relative；主标题分两层：底层 z-index:1 全量文字，顶层放主体抠图（z-index:2），利用遮挡做出字穿在主体后面的效果；可用 mix-blend-mode:difference 做反色穿插，谨慎使用。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸半透明色块一盖，字和图都发灰
- ▸穿插关系不明确就只剩乱
🧩常见变体
字后主体（遮挡）字前压图前后穿插
💡小贴士
- ✦先决定字在前还是字在后，再动手
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系
🔗相关术语
🛠️关联 AI 绘图知识
在「AI 绘图工作台」查看该术语的提示词与案例（需本地启动工作台，端口 5345）