网格在有规律的设计布局中是设计的一个基本原则，网格的应用能够让你的设计更有秩序、更有规律。简单的说，网格的使用就是用更科学的方法去排版。

网格设计是一种有效、有规律的布局方式，被广泛应用于杂志、画册、门户网站、UI设计等平面设计领域。通过将页面划分为无数统一尺寸的网格，可以让设计更有秩序、更有规律，从而用更科学的方法去排版。

在网格中，列是垂直部分，也可以理解为内容区域；行是水平部分，在网页设计中通常被省略。具有行和列的网格称为模块化网格，移动端行间距用的比较少可以忽略，一般在UI设计师中就是横向的间距。内容模块填充设计内容，由行和列交叉创建的空间单位；组合区域是形成组合元素的列、行或模块的分组。水槽列和行由水槽分隔，沟渠越紧则视觉张力越大。

定制一个科学标准的网格系统和骨架需要三个步骤：第一步是定最小设计单位；第二步是定边距和水槽大小；第三步是定横向间距。最小单位根据产品复杂程度而定，目前整体设计区域最小单位越来越大。边距和水槽大小需要保证单位是最小单位的倍数，并且保持留白不放置内容。横向间距可以运用费波那契数列来确定。

总之，在进行网格设计时需要保证每个设计元素都在框架内，并且遵循规则：边距不要出现内容，水槽不要放置内容。这样才能保证骨架的科学性和设计连续性。

国外已经有很多运用案例了，并且还有很多工具可以帮助我们进行网格制作，比如PS推荐辅助线工具guideguide以及Sketch推荐插件craft等。

掌握好移动端6列网格布局以及以上提到的基本原则与方法后，在实际项目中进行网格布局会事半功倍。