● ● ●SLIDE 08 / 09 · 2026年9月25日 · 约 1 分钟
精选FEATURED

随笔#版式 #教程

用网格系统拯救你的幻灯片版式

大部分"看起来不高级"的 PPT,问题都出在版式没有对齐到网格。

备注:细节决定高级感。1920 × 1080

“高级感”不是玄学,它大多来自秩序感。而秩序感最 cheap 的来源,就是网格。

12 列网格是起点

商业幻灯片推荐 12 列网格:

  • 左右页边距:页面宽度的 6%
  • 列间距:列宽的 20% 左右
  • 标题区固定占 3 列,内容区占 8-9 列

三个立刻能用的规则

  1. 所有元素对齐到某条网格线——宁可大留白,也不要半格错位
  2. 字号阶梯不超过 3 级:标题 / 小标题 / 正文
  3. 一页只讲一件事,讲不完就拆页

代码示例:计算网格

.slide {
  --margin: 6%;
  --columns: 12;
  --gutter: 1.2rem;
}

改到第 18 稿很正常,但每一稿都该比上一稿更“齐”。

目录—▾
● ● ●Q&A · THE END

Thanks

Q & A

看完别走 —— 关于我 · 全部文章 · RSS 订阅

备注:想合作?去「关于」页找我。1920 × 1080