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