格子越深,表示该主题在这项指标上越高。
清晰90
说服70
密度50
制作成本38
作业适配80
工作适配86
低高
简短问答
什么时候选版式比例?
故事符合「讲义、课堂海报、简历标题」时选用。
什么时候避开?
遇到「每张幻灯片的随机点大小,无共享比例」就换形式。
谁发明或推广了它?
经典模块秤;现代 UI 在开放字体生态系统中不断发展
它编码什么?
比例上的相对字体大小(大三度、纯四度等)
广告能用吗?
在微信、抖音与展示广告里主张能一眼看见就可以;否则把图放在落地页。
老师会收吗?
实验报告与展板里有轴、单位、来源一行就可以。
版式比例把值编码为比例上的相对字体大小(大三度、纯四度等)。经典模块秤;现代 UI 在开放字体生态系统中不断发展。
工作报告、广告与作业中适合「讲义、课堂海报、简历标题」。若「每张幻灯片的随机点大小,无共享比例」,换一种形式。
软件
- Inter — 高度可读的 UI 字体通常用于产品和幻灯片正文文本。 · OFL-1.1 · github.com/rsms/inter
- Google Fonts catalog — 浏览 OFL 面孔;务必检查每个家庭许可证文件。 · OFL (varies) · github.com/google/fonts
- IBM Plex — 开放式企业类型系列适合报告和幻灯片。 · OFL-1.1 · github.com/IBM/plex
- Recursive — 可变字体从无字体到单字体,适用于混合 UI 和代码。 · OFL-1.1 · github.com/arrowtype/recursive
- Utopia core — 响应式布局的流体类型和空间比例。 · MIT · github.com/trys/utopia-core
导出
- 导出 1 — SVG
- 导出 2 — PDF
- 导出 3 — 把 EMF/SVG 放进幻灯(不要截图)
- 导出 4 — 网页用 SVG,印刷用 PDF
无障碍
- 无障碍 1 — 不要只靠色相。叠上纹理、标签和位置。
- 无障碍 2 — 正文对比 4.5:1,大标记 3:1。
- 无障碍 3 — 图上写短替代文本。数字也做成 HTML 表。
- 无障碍 4 — 动效只用于强调。尊重 prefers-reduced-motion。
版式比例:守住比例上的相对字体大小(大三度、纯四度等),「每张幻灯片的随机点大小,无共享比例」时换图。