栅格系统

              栅格系统
                              （陈子龙 2019/6/9）

栅格系统是设计前端，UI设计被应用的很广泛一套系统，但是却没有多少人使用栅格系统
栅格系统是指，将页面种布局划分为等宽的列，然后通过列数的定义来模块化页面布局。自从老师跟我们讲了栅格系统后，对于前端设计的一些东西，严格一些，没有以前那么松懈
网页端栅格系统的必要性
制定一套页面的基础规则，可以保持整体设计的一致性、专业性；避免无效的设计尝试，专注于有意义的设计方向。
遵循栅格系统的设计细节，无论是元素、模块或页面，都有规律可循，减少设计决策的时间、减少外部的沟通损耗，提升工作效率。
布局基础栅格系统的应用，可以作为响应式网页布局的基础。
在界面设计中底部导航栏的系统图标标准大小为4444px，所以就以4444px作为标准尺寸来定制系统图标栅格。

栅格是由一系列规律的小网格组成的网格系统，网格构成页面的最小单位
栅格系统有着规律性，是8为进度单位
下面的这个图片了每个黄色的形状的间距都是8