Sketch栅格的类别

Sketch栅格类别有哪些?我们从 Figma 的 Layout Grid 可以看出，栅格的分类大致有四种：

网格式 Grid

网格式的栅格系统使用范例是 2x Grid System ，这是 IBM 设计的基础。无论使用何种设备或媒介，2x Grid System 都能提供足够的结构和指导，让设计师可以专注于自己的创意。

2x Grid System 的基础固定单元是 8px 的小方格，通过组合这些小方格，组成了rows、column、container、card 和 components，以及 margin 和 padding。

有些情况，就是网格形式的栅格系统，利用最小单元格计算出的 padding 和 margin 形成水槽。下图是 2x Grid System 的示例：

列式 Column

列式网格式常见的互联栅格形式，我们见到的大部分网页及开源组件库几乎都是列式的，(苹果的网页只用了相对值，保证在响应下的丝滑变化，这是需要很大的成本的，碰巧我的公司也是这样搭建，确实计算起来比较麻烦），下图是列式示例：

行式 Row

行式一般比较少，在栅格系统中，行式经常用于标定 header 和 footer 来使用。在网格系统中，我们之前讲过最小单位，为了方便设计，经常用行式栅格作为最小单位的”尺子”标记在画板，我用 FIgma 的在操作举例：

行式栅格更多的作用是来调整纵向的最小单位，比如我们设定 Mini Unit=8px，就可以在 Layoout Grid 设置 Count=1000+ ，Type=Top，Gutter=0，Height=8px（mini unit)。相信我，这一定会让我们的设计生涯轻松很多。

组合式 Compound (前三种方式混合使用)

在大部分情况下，前三种方式都是组合使用的，只不过我们经常不列出行式或者用辅助线来代替。

以上就是Sketch栅格类别有哪些的全部内容介绍了，关于更多Sketch教程信息，欢迎关注北极熊素材库，给你带来最丰富的素材图片和最有用的教程，更多最新资讯。