这是 Google Material Design 里最基础但也最强大的排版工具——一句话总结：界面上所有元素的尺寸和间距，都应该是8的倍数。
8、16、24、32、40、48……就这么简单。
为什么是8？因为8是目前主流屏幕分辨率的最大公约数——不管是1x、2x还是3x屏幕，8dp的倍数都能完美对齐像素网格，不会出现半像素模糊的问题。
这个系统解决了什么问题？
→ 间距选择不再纠结——不用在24和26之间犹豫，统一用24 → 设计稿自动对齐——所有元素都在同一个网格上，视觉上天然整齐 → 设计与开发无缝对接——开发不用猜”这个间距到底是23还是25” → 设计系统易于维护——所有数值都有规律可循，不会越做越混乱
看起来是一个很小的规则，但一旦你在项目里严格执行，你的设计稿会立刻”上一个档次”——更整齐、更一致、更专业。
Apple 的 HIG 也有类似的网格概念（虽然不强制8的倍数，但同样强调一致的间距体系）。
我在【PPM-UI/UX 系统化学习文档】里对这些排版系统做了详细的中文解读和视频演示——不只是讲规则，还讲”怎么在实际项目里灵活运用”。加上色彩、动效、用户体验、AI设计等全链路内容。
1000+篇文章、1500分钟视频、100期播客，全平台覆盖，永久更新。
👉 别再凭感觉定间距了。下面这份文档帮你掌握最专业的排版网格体系，出图又快又稳。
