你将得到什么
做完这套流程，你会得到一张“可复用的海报网格模板”：有明确的列数、边距、基线间距、字体层级和按钮/标签组件。之后换文案、换图片、换配色，仍能保持统一的秩序感。
准备：新建画板与网格系统（5分钟）
- 新建画板：建议从 A4/海报尺寸开始，例如 1080×1350（常见竖版海报比例）。
- 设置 Layout Grid：选中画板 → 右侧 Layout grid → 点击 “+”。
- 类型选 Columns
- 列数：12
- Margin：80（根据画板大小可在 48-96 之间调整）
- Gutter：24
- 加一层 Rows 网格：再点一次 “+” → 类型选 Rows。
- Count 可留空（自动）
- Height：8 或 10（作为“基线单位”）
- Gutter：8 或 10
关键是：之后所有间距尽量都用 8/10 的倍数，视觉会更“稳”。
步骤一：确定信息结构（先排文字再放图）
很多海报做不高级，根源是“信息层级不清”。先写一个结构清单：
- 主标题（最重要）
- 副标题/一句解释（次重要）
- 3-5 个要点（辅助信息）
- 行动按钮/时间地点/二维码区（转化信息）
在 Figma 里你可以先用灰色矩形占位图片区，把文字结构摆稳定后再换真实图片。
步骤二：做一套“可复用”的字体层级（Type Scale）
给海报准备 4 个层级就够用，避免全都用同一个字号：
- H1 主标题：48-64px，行高 110%-120%
- H2 副标题：24-32px，行高 130%-140%
- Body 正文：14-16px，行高 150%-170%
- 辅助信息：12-13px，行高 150%-170%
做法：分别创建 4 段文字 → 设定字号/行高/字重 → 右侧 Text → 点样式下拉 → Create style。之后整个文件统一用样式管理，改一次全局生效。
步骤三：用 12 栅格搭出“主视觉区 + 信息区”两大区块
一个简单但稳定的版式分法：
- 左侧 7-8 列：主标题 + 副标题 + 要点
- 右侧 4-5 列：主视觉图片或色块形状
操作：打开网格显示（Shift+G）后，把内容的左边缘、右边缘对齐到列线。对齐比“差不多”重要。
步骤四：建立间距规则（Spacing System）
你可以直接照抄这套间距规则（单位以 8 为基线）：
- 模块内小间距：8 / 16
- 标题与副标题：16 / 24
- 段落之间：24 / 32
- 大模块之间：48 / 64
建议把常用间距写在一个小角落的“设计说明”里，做成团队/自己复用的规范。
步骤五：把按钮、标签、要点列表组件化（真正可复用）
- 按钮组件：画一个圆角矩形 + 文本 → 选中 → Create component。
- 左右内边距：16-20
- 上下内边距：10-12
- 按钮文本用 Body 或 的样式
- 要点列表组件：用 “● + 文本” 做一条 → 组件化 → 用 Auto Layout 纵向叠加。
- 标签/角标：小圆角矩形 + 文本 → 组件化，后续改颜色/文字更快。
如果你会 Auto Layout：按钮/列表一定要用 Auto Layout，让内容变化时版式自动撑开不崩。
步骤六：快速做“高级感”的细节（不花时间但有效）
- 对比：主标题字重更强，副标题更轻；不要全都 Regular。
- 留白：模块之间敢于拉开 48/64 的大间距，海报会立刻“呼吸”。
- 形状辅助：用一个大色块/渐变做背景承托文字区，增强层级。
- 统一圆角与阴影：如果用了圆角，就统一用 12 或 16；阴影尽量轻（低不透明度）。
常见问题排查（做完仍觉得乱？）
- 标题太长：把主标题拆成两行，或把关键信息放第一行。
- 对齐不齐：检查所有模块左右边缘是否落在同一列线。
- 信息太多：删掉“可有可无”的句子，让视觉只服务 1 个主信息。
- 风格不统一：字体不要超过 2 种；颜色不要超过 3-4 个主色/辅色。
最后：保存为模板，10秒复用
- 把画板命名为 “Poster Grid Template”。
- 把组件放进一个 Components 页面。
- 下次新海报：复制画板 → 替换文案与图片 → 保持网格与间距规则不动。
