分屏布局 · Split-screen Layout
英文：Split-screen Layout
页面布局难度：入门 ★
🗣️一句话大白话
把页面分成左右两部分，信息与视觉同时成为主角。把页面分成左右两部分，常见形式是左边文字、右边视觉，或者一边固定、另一边滚动。它能让信息和视觉同时成为主角。
🖼️样图参考
🎬真实场景
个人首页、产品介绍、登录页、创意作品集、对比页面
📮你可以这样说
「为 Punk 的个人主页设计一个 Split-screen Hero， 左侧占 45%，展示姓名、身份、简介和两个操作按钮，右侧占 55%，展示抽象的网页界面与空间化视觉； 桌面端保持左右分屏，手机端改为上下结构，文字在前、视觉在后。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解：左右各占 50% 就平衡。实际通常 45/55 或 40/60 主次更清晰，手机端必须堆叠
🚫什么时候别用
- ✗内容很多、需要高效扫描的信息页
🧩常见变体
左文右图一边固定一边滚动
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系