：网格系统的困惑

你是不是曾优良奇，为何设计师们对4点网格系统情有独钟？在这玩意儿看似普通的版式设计工具背后隐藏着怎样的暗地？今天就让我们揭开这玩意儿谜团，探寻4点网格系统的魅力所在。

8点与4点的冲突

你是不是遇到过这样的情况：在进行UI设计时 面对8点网格和4点网格，你犹豫不决，不知该怎么选择？其实这并非孤立的个案。许许多设计师在8点网格和4点网格之间徘徊，纠结于怎么定义UI界面的网格系统。

正如上图所示， Google一边用4点网格系统，这让许许多人对4点网格和8点网格产生了混淆。那么4点网格系统究竟有何优势，让设计师们如此偏喜欢呢？

琢磨：4点网格系统的优势

4点网格系统相较于8点网格系统，优势显而容易见。先说说4点网格系统给了更巨大的灵活性和地方。

• 4点网格系统能选择更细的间距， 如12px，而8点网格系统则只能在8和16之间选择。
• 用4点网格系统，设计师能更加精准地控制元素之间的间距，从而提升界面美感。

还有啊，4点网格系统在一致性、许多平台适配等方面也表现出色。

正如上图所示，用4点网格系统定义的间距节奏感更优良，这在UI设计中至关关键。

逐步深厚入：网格系统的应用

那么怎么将4点网格系统应用于实际项目中呢？

案例一：网页设计

在网页设计中， 4点网格系统能帮设计师更优良地组织内容，提升页面布局的美感。

案例二：移动应用设计

在移动应用设计中，4点网格系统同样能发挥关键作用。

得出4点网格系统的以后

因为设计理念的不断进步，4点网格系统在UI设计中的应用将越来越广泛。在以后4点网格系统有望成为UI设计的主流工具。

当然 4点网格系统和8点网格系统并无绝对的优良恶劣之分，关键在于设计师怎么根据实际需求选择合适的网格系统。

4点网格系统以其独特的优势，赢得了设计师们的青睐。4点网格系统将成为设计师们打造优质界面的得力助手。

本文作者：

本文

---