“高级感”不是玄学,它大多来自秩序感。而秩序感最 cheap 的来源,就是网格。
12 列网格是起点
商业幻灯片推荐 12 列网格:
- 左右页边距:页面宽度的 6%
- 列间距:列宽的 20% 左右
- 标题区固定占 3 列,内容区占 8-9 列
三个立刻能用的规则
- 所有元素对齐到某条网格线——宁可大留白,也不要半格错位
- 字号阶梯不超过 3 级:标题 / 小标题 / 正文
- 一页只讲一件事,讲不完就拆页
代码示例:计算网格
.slide {
--margin: 6%;
--columns: 12;
--gutter: 1.2rem;
}
改到第 18 稿很正常,但每一稿都该比上一稿更“齐”。