栅格系统简介
1692年,法国国王路易十四命令成立一个管理印刷的皇家特别委员会,设计出科学、合理的、重视功能性新字体。尼古拉斯加宗领导的委员会以罗马体为基础,采用方格设计,每个字体方格分为64个基本方格单位,每个单位再分为36个小格,版面设计严谨。这是世界上最早的字体和版面科学实验,也是栅格系统最早的雏形。
栅格系统,即网格系统,是一种平面设计方法与风格,运用固定格子设计版面布局,风格工整简洁。在二战后广受欢迎,成为现代出版物设计主流风格之一。
在网页设计中,栅格系统以规则网格阵列指导和规范网页版面布局及信息分布。它不仅使网页信息美观易读、提升可用性,还使前端开发更加灵活规范。
设计栅格系统时,将宽度为“W”的页面分割成n个网格单元“a”,每个单元与单元之间间隙设为“i”。此时,“a+i”定义为“A”。它们之间的关系为:W =(a×n)+(n-1)i。由于a+i=A,可得出:(A×n) – i = W[1]。
上一篇:百度的问答是怎么带上链接
下一篇:Bootstrap栅格布局
多重随机标签