留白、排版及其他

有一次一个朋友问我，国画里面什么最难画，我想了想，是云吧。云是山水画不可或缺的组成部分，在构图上也可以起到以虚衬实的作用。云无常形且轻柔，以有形画无形，难。国画有一种技法叫做烘云法，所谓烘云托月，其实就是留白。也就是利用了 whitespace。

再举一个例子，新建一个 word 文档，默认四边留白，左右各 2.54cm，上下各 3.17cm，标题即正文段落各自有间距和留白。一般论文要求四周留白不小于 2 cm，如左侧需要装订，则需要预留更多空白。如果我们文档四边不留白，别说打印机可能打印不出来，看的人也觉得紧密的透不过气来。

下面是一份简历的 25% 缩略图：

从缩略图上可以看出来，有的地方整齐，有的地方灵动，不死板。内容被有逻辑的划分为几个区域，姓名、联系方式和简历正文一一区别。

中文和英文不同之处在于以下两点（参考小论中英文网站的设计差异）：

• 中文是字间折行，英文是词间折行；这就造成中文小方块字很容易形成更大的方块，而英文由于单词长短不同，折行非常灵动；
• 中文字体都是等宽字体，而英文则多变：衬线、无衬线、等宽等等；这样中文排版的留白问题则需要更加重视；

上次在南京 WUD 上也谈及行距问题。一般是取值是 1~2em，更多的行距意味着阅读时更多的思考。比如在书刊上，可以采取 2~2.5em 的行距，而对于 web 用户扫描式阅读时，以不超过 2em 的行距为宜。而段前空 2em 或者段后空 1em，基本成了 web 排版的原则。

(X)HTML 本身有默认的样式，已经很好的控制了基本的文本排版。但是由于浏览器的不同，大部分设计师在写 CSS 的时候，一上来就是 *{margin: 0;padding: 0} 这样所有浏览器就统一了。LukeW 曾经写过一篇文章：Developing the Invisible，谈论到 whitespace 的问题，其实就是 margin/padding/alignment。最近也有一篇文章比较火，叫做web 设计 95% 是排版。

留白、排版及其他 本文结束