栅格系统在页面排版布局、尺寸设定方面给了设计者直观的参考，它让页面设计变得有规律，从而减少了设计决策成本；提高了页面布局的一致性跟复用性。本文主要围绕什么是栅格系统，如何搭建栅格系统，栅格系统的应用 三个部分进行阐述，在项目中提前定义好栅格系统将有助于协作的设

编辑导语：对于设计师来说，栅格系统是一种可以更有逻辑地进行工作的布局思想。它有哪些优势？又是如何与前端联系的？本文作者对栅格系统进行了分析，希望能给你带来帮助。 一、栅格系统的定义 讲解栅格系统之前，先来了解一下什么是栅格系统。不妨来看看百度百科跟维基百科是怎