破格网格 · Broken Grid
英文：Broken Grid
网格与版式难度：入门 ★
🗣️一句话大白话
先建立可感知的网格，再让少数关键元素跨线、错位或越界，以破坏制造强调。规则网格建立预期，破格元素因违背预期成为焦点；没有底层网格就没有破格，每个元素都错位只会混乱。
🖼️样图参考
🎬真实场景
先锋文化、设计展、科技、实验编辑、作品集
📮你可以这样说
「【图像模型版】竖版 3:4 海报，主题为[主题]。采用破格网格：先建立严格的 6 栏网格并让 80% 元素严格对齐，仅 1 个关键元素（标题或主视觉）跨出栏线、放大或轻微旋转；破格数量受控、对比强烈。避免所有元素都错位。Keywords: broken grid, intentional misalignment, grid disruption, controlled chaos. 【HTML/CSS 版】容器先按 6 栏 CSS Grid 排版；破格元素用 position:relative 加负 margin（如 margin-left:-32px）或 transform:rotate(-4deg) 跨线；只允许一个元素破格，其余保持对齐。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸没有网格的破格只是乱
- ▸破格元素超过一个，强调就被稀释
🧩常见变体
标题破格图片越界旋转错位
💡小贴士
- ✦一般保留一个主破格元素就够了
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系
🔗相关术语
🛠️关联 AI 绘图知识
在「AI 绘图工作台」查看该术语的提示词与案例（需本地启动工作台，端口 5345）