左右分屏 · Vertical Split
英文:Vertical Split
构图手法难度:入门 ★
🗣️一句话大白话
画面垂直分成两个对等或主次区域,用于对比、问答、前后或双主题。先读对比更强的一侧,再跨越中缝读取另一侧关系。
🖼️样图参考

🎬真实场景
对比型产品、双人、前后变化、观点碰撞、联名
📮你可以这样说
「【图像模型版】竖版海报采用左右分屏构图,左侧呈现[对象 A],右侧呈现[对象 B],通过色彩/材质形成鲜明对比;标题「[主标题]」跨越中缝或分别拆分在两侧,设置 60/40 主次比例;强调并置关系。避免两侧毫无关联、避免完全同权导致无焦点。Keywords: vertical split composition, dual-panel layout, juxtaposition, 60/40 balance. 【HTML/CSS 版】使用 5 列 CSS Grid,左区 3 列、右区 2 列;两侧独立背景与 content wrapper;跨缝标题设置 grid-column:2/5、z-index:2;移动端仍保留并排比例。」
通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解:平均分成两半就是对比。实际完全同权会没有焦点
- ▸两侧毫无关联时并置没有意义
🚫什么时候别用
- ✗需要单一强焦点、不希望视线被一分为二时
🧩常见变体
60/40 主次分屏跨缝标题前后对比分屏
💡小贴士
- ✦两侧必须有明确关系(对比/问答/前后)
- ✦用 60/40 主次比例,避免 50/50 无焦点
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系
🔗相关术语
🛠️关联 AI 绘图知识
在「AI 绘图工作台」查看该术语的提示词与案例(需本地启动工作台,端口 5345)