画上线后，工作简单啦！利用18px和24px这两种行距，将文字的基线都挪到红色网格线上。

去掉网格看看吧：

回顾一下优化前的样子：

全部使用了18px或者24px的行距。其中，将右边模块的资讯条数由8条缩减为5条。甚至，我们可以继续发现，应用了垂直韵律之后，垂直的行数可以做自由得调整，而两个模块的高度可以保持高度一致。例如我们缩减了行数：

应用了垂直韵律之后，既美观又灵活，何乐不为呢？哇咔咔～

最后

当然，垂直韵律和渐进式行距还有很多应用的方法。总之，作为设计师，特别是网页设计师/交互设计师，我们不应当单纯地凭借感觉，应当专注到像素级别，严谨设计。
“严谨”一词，永远受用。送给我和大家。

原文：http://www.om19.cn/2009/06/29/vertical-rhythm-and-the-incremental-leading-2/

本文链接：http://www.blueidea.com/design/doc/2009/6834.asp　

出处：Taobao.com UED Team
责任编辑：bluehearts

上一页 垂直栅格与渐进式行距 [2] 下一页