| 1 | 这一页我们把抽象变具体。挑一个基本单位，比如 16 像素，然后所有其他尺寸都从它派生。安全边距 64 像素等于 4 个 16；列宽 264 像素是 16 的整数倍加八；列间距 32 像素等于 2 个 16；行高 96 像素等于 6 个 16；正文行高 27 像素是 1.5 倍正文字号；标题字号 32 像素等于 2 个 16。一旦这个基本单位确定下来，整个版面就成了一个可以计算的系统。右边这张图就是这场讲座所有内容页用的 4 列 6 行模数网格——红色高亮的两块是图像区，纯白色高亮的是文字区。设计师不再"画"版面，而是"建立系统并按系统落子"。 |