第261期：用时约4分1495字

[排版设计]排版中的字号大小与设计比率

推荐：大概你和我一样我们经常用word，PPT，PS，Axure，等等这些软件但是我们从来都没有注意过字号之间的关系，其实他们的设计很巧妙据说是四百年前就设计成型了。本篇带你细细研究字号大小和设计比率关系

01什么是字号梯度

字号梯度最早被称为印刷比例尺，它们是一组字符比列的有序排列。 它们以一种有意义的方式相互关联，以此来创建出具有一致性、和谐性和对比性的效果。 例如使用黄金比率，通过乘除 1.618 得到一套比率的值。

02经典印刷比例的由来

印刷术者用金属切割字体时，出于实际原因选择了这些 6-72 的字体大小。 印刷工人可选择的字体范围很小。 并且由于他们还需要根据当时实际印刷的需要，选择更多种类的小字体。 印刷术者逐渐将可用的尺寸范围定下来，并且制定了一套规则。 较小字体大小之间的缩放比例小于较大字体大小。 小尺寸将增加 +1（尺寸为 6 至 12 ），然后下一个系列将增加 +2（尺寸为 12 至 18 ），然后增加 +3（尺寸为 21 至 24 ），然后再增加 +12（尺寸为 24 至 72 ），依此类推。

03音乐和视觉上的和谐： 音乐、和声、比例

实际上，建立印刷比例的起源不仅来自实际需要，还来自审美判断。 排字员将可用的尺寸范围定下来的时候，就考虑了如何让这些字号组合起来更加和谐。

好的比例吸引我们的目光的原因在某种程度上和音乐和声取悦我们的耳朵是相同。 他们同样也都可以表达为： 构图，和声，节奏，重复，形式，主题； 甚至颜色，纹理和色调。

屏幕设计中旋律是设计的内容，内容的布局和排列是和谐的。 我们也可以认为，当设计中不同元素之间的互相影响是令人愉悦、平衡或成比例的，并且旋律被设计所恰当地传达或表现出来时，它就是和谐的。

通过对 6-72 印刷比例尺与八度音阶进行研究，发现这套比率的结构和音乐的基础结构是可以换算出来的。 假定 a=12pt，在印刷比例尺中，将 12 和 24 之间分为五个步骤，这与音符的频率组成不谋而合，我们假定印刷比例是五音阶（带有五个音符）。

这就包含了我们目前公认的绝大部分和谐的比率，比如斐波那契数列，卢卡斯数，五角数系列或任何其他美妙的序列。你会发现绝大部分优秀的设计在都这套范围之中。

04如何运用到实际案例中

当然，布局、文字、图片大小等不一定都只使用一套固定的比率，具体还是要看你要表达的是什么。 比如说：1.体现活泼： 那等差数列明显过于平缓不够跳跃、等比数列跳跃过大，黄金比既满足活泼的同时也更加具有韵律； 2.体现安静： 等比和黄金比都过于跳跃，等差又过于平稳，那就可以介于小二度 —— 大六度之间再去对比更合适的比率；

我们以设计Banner为例：

1.选择合适的比率 ：假定我们这里选择了斐波那契数列，即黄金比率，因为本文大部分内容都是基于经典的印刷比例的研究，并寻求传统的经验的指导，而恰好黄金比率（1： 1.618）就是最具有历史和文化联系的比率，文艺复兴时期作品中的文本比例大多也是也基于黄金比率，所以黄金比率应用于本次案例非常合适。

2.根据选定比率计算排列 ：确定比率后，我们首先需要确定整体布局，我们以黄金比率为基准来计算本次案例的设计组成部分： 布局、字号、间距、图形......当然一套作品中，你是可以选择多套比率，但是最好是这些比率之间你能找到最佳的组合效果，如下图，我们使用黄金比率来进行布局的留白计算、图文占比、元素占比等，使用增强四度来进行内容的计算。

3.将选的序列应用与调试 ：在最后使用的过程中，或多或少的也会发现有一些序列是不合适的，那么我们可以在数列的基础上灵活选用，如果觉得比率计算的数列较为密集，我们也可以跨级选取。 但要确保最终的节奏和韵律是相对统一的。

参考阅读：

1.《版式风格要素》罗伯特·布林赫斯特；

2.《印刷比例尺》西蒙森·斯宾塞；

3.《类型量表》杰里米·丘奇；

4.《为什么模块化比例是好方法》Wenting Zhang；

5.《探索响应量表》约瑟夫·穆勒

Powered by Froala Editor