模块网格 · Modular Grid
英文：Modular Grid
网格与版式难度：入门 ★
🗣️一句话大白话
纵栏与横行交叉成可复用模块，图像、文字和编号按模块组合，适合高密度系统化信息。先看跨模块的大元素，再按模块群组扫描局部信息；网格是底层关系，不必把每条线都画出来。
🖼️样图参考
🎬真实场景
瑞士风格、信息设计、活动日程、展览、系列视觉
📮你可以这样说
「【图像模型版】竖版 3:4 海报，主题为[主题]。采用 4×6 模块网格：约 80% 的元素按模块归位对齐，标题区跨 2×2 模块成为焦点，图片、数据、说明各占整数模块；模块间距一致，网格线隐含不描出。避免画出所有格线、避免元素半格错位。Keywords: modular grid, matrix layout, grid modules, systematic design. 【HTML/CSS 版】容器 display:grid，grid-template-columns:repeat(4,1fr)，grid-auto-rows:minmax(72px,auto)，gap:20px；标题 grid-column:span 2、grid-row:span 2，其余元素各占 1×1 或 2×1；用 gap 而不是 border 制造模块感。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸网格是底层关系，画出全部格线会显得机械
- ▸80% 元素归位之后，才谈得上破格
🧩常见变体
4×6 标准模块方形模块模块+跨区标题
💡小贴士
- ✦下册作者推荐：只试一个就试模块网格，它最容易翻译成 HTML
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系
🔗相关术语
🛠️关联 AI 绘图知识
在「AI 绘图工作台」查看该术语的提示词与案例（需本地启动工作台，端口 5345）