关闭网格 显示网格

垂直栅格与渐进式行距

去年的时候,青云发表过关于栅格系统的文章 。我们知道网页的栅格系统是运用固定的格子设计版面布局,使其风格工整简洁。视觉上来说,栅格系统能够将大块区域分割成小区域,清楚地展示页面的布局,并能够引导视觉线在各个板块之间扫描、阅读。从信息上来说,栅格系统让信息的呈现方式更加直观,从而有效提高易读性。

二级标题

但是大部分栅格系统是在水平方向上的布局,其实,我们的垂直方向也是有栅格系统的。

排版学家Robert Bringhurst说:“排版中的空间就像是音乐里的节拍。”音乐的节拍虽然有许多变化,但是几乎每首歌都会有一个固定的节拍来掌握整个歌曲的节奏。这就是为什么栅格系统一般用固定宽度的网格阵列来指导和规范网页中的版面布局以及信息分布。

对于中文宋体来说,12px是能够清晰显示的最小字号。为了保证可读性,12px的1.5倍行距就是18px。同时12px/18px也是中文互联网上最常用的字号和行距。

Powered by HZ. Copyright © 2008 joyfulboy.cn, All Rights Reserved.