一个说不清道不明的“顺眼”
做设计的人大概都遇到过这种情况：一个版面排完了，说不出哪里特别好，但就是“顺眼”。元素之间的位置关系看着舒服，文字块的大小和间距配合得恰到好处，图片和文字的配比让人读起来不费劲。你问设计师为什么这样排，他可能也说不出太多道理，就是觉得“这样看着对”。
这种“看着对”的感觉，背后往往藏着一个东西——比例。
比例这件事，在版式设计中处于一个很微妙的位置。它不像对齐那样有明显的对错，不像对比那样能制造强烈的效果，也不像网格那样有一套可以照着做的方法论。它更像是一种“手感”，一种对“多少”和“多大”的直觉判断。但正是这种直觉，决定了一个版面是“还行”还是“讲究”。
这篇文章想聊的，就是比例和尺度。它们不显眼，但它们在暗处决定了很多东西。
比例不是数学，是感受
一说到比例，很多人首先想到的是黄金分割——1:1.618，或者斐波那契数列。这些数学比例确实在历史上被大量讨论过，也确实在一些经典设计中留下了痕迹。但如果把比例设计等同于套用黄金分割，那就把这件事看窄了。
黄金分割是一个数学关系，而版式设计中的比例，是一个视觉关系。数学上的精确比例，不一定在视觉上看起来舒服；而视觉上看起来舒服的比例，不一定符合任何已知的数学公式。约瑟夫·米勒-布罗克曼在《平面设计中的网格系统》中讨论比例时，强调的是“视觉上的和谐”，而不是“数学上的精确”。他用的方法是通过几何作图来构建比例关系，而不是套用现成的数字。
这个区分很重要。因为当你把比例理解成数学公式时，你会试图去“计算”一个版面；而当你把比例理解成视觉感受时，你会去“观察”一个版面。前者是机械的，后者是直觉的。好的比例设计，是直觉在前，工具在后——先用眼睛判断，再用参考线去校准。
比例系统：让“刚刚好”变得可复制
虽然比例是直觉的，但设计师不可能每次做设计都靠“感觉”从零开始。所以需要一种东西，把那些被验证过的“刚刚好”固定下来，变成可以重复使用的系统。这个东西就是比例系统。
最常见的比例系统有这么几种。
等差系统是让尺寸按照固定的差值递增或递减。比如字号从10pt到12pt到14pt到16pt，每次增加2pt。等差系统的节奏是均匀的，适合信息层级比较简单、需要平稳过渡的版面。但等差系统的问题在于，它不能很好地处理跨层级的关系——从正文到主标题，如果用等差递增，需要的步数太多，最终的大小可能超出合理范围。
等比系统是让尺寸按照固定的比例递增或递减。比如字号从10pt到12.5pt到15.6pt到19.5pt，每次乘以1.25。等比系统的节奏是加速的，层级之间的差异会越来越大，适合需要强调主要层级、弱化次要层级的版面。等比系统比等差系统更常用，因为它能在一两步之内就拉开明显的差距。
模数系统是选定一个基准单位，所有尺寸都是这个单位的倍数或分数。比如以8pt为基准，那么间距可以是8pt、16pt、24pt、32pt，字号可以是8pt、16pt、24pt。模数系统的优点是整版统一，所有元素之间都有一种内在的数学关系，版面看起来会非常“整”。但模数系统也有一个风险：如果基准单位选得不好，或者内容的结构和模数不匹配，版面会显得僵硬。
米勒-布罗克曼在《平面设计中的网格系统》中大量使用了模数思维。他的海报设计中，文字块、图片、留白之间的尺寸关系，往往都是某个基准单位的整数倍。这种做法的结果是，版面看起来非常精确、非常理性，但又不失活力。因为他在模数系统的基础上，有意识地打破了一些规律，让版面有了变化。
尺度感：东西“应该”多大
比例处理的是“之间的关系”，尺度处理的是“绝对的大小”。这两个概念经常被混淆，但它们是不同的。
一个版面上，标题比正文大，这是比例。但标题具体是24pt还是48pt，这是尺度。比例对了，尺度不一定对。一个版面可能层级关系很清晰，但所有东西都太大或太小，读起来就是不舒服。
尺度感的核心是：什么东西“应该”多大。这个“应该”不是由版面的内部关系决定的，而是由使用场景决定的。一本书的正文应该多大？这取决于读者和书本之间的距离。一张海报的标题应该多大？这取决于观众和海报之间的距离。一个手机界面的按钮应该多大？这取决于手指的触摸精度。
艾米尔·鲁德在《文字设计》中专门讨论过尺度问题。他指出，文字的大小不是任意的，它必须和阅读距离、阅读时间、阅读环境相匹配。一个需要在三米外看清的标题，和一个需要在三十厘米处阅读的正文，它们的大小逻辑完全不同。设计师不能只考虑版面内部的比例关系，还要考虑版面最终被使用的真实场景。
尺度感还有一个容易被忽略的层面：元素的大小应该反映它的“重要性”和“使用频率”。一个每天都要点击的按钮，不应该太大；一个偶尔才需要查看的辅助信息，也不应该太大。但一个最核心的操作按钮，应该足够大，让用户一眼就能看到。这种判断不是纯视觉的，它涉及对用户行为的理解。
比例与内容的内在逻辑
比例设计有一个根本原则：版面上的比例关系，应该反映内容的内在逻辑。
如果内容里主标题和正文的重要性差距很大，那版面上主标题和正文的尺寸差距也应该很大。如果内容里三个信息块是并列关系，那版面上三个信息块的尺寸应该接近。如果内容里有一个核心观点和几个辅助论据，那版面上核心观点所占的视觉比重应该明显大于辅助论据。
这个原则听起来简单，但在实际操作中经常被忽略。设计师有时会为了“好看”而调整比例，把某个元素放大或缩小，结果视觉上的比例关系和内容上的逻辑关系对不上。读者看到的是一个“有层次”的版面，但这个层次是错的——它引导读者去看了一个不重要的地方，忽略了真正重要的信息。
扬·奇肖尔德在《新文字设计》中反复强调，排版的核心是“清晰”。而清晰的前提是，版面上的视觉关系必须和内容的信息结构一致。比例是实现这种一致的主要手段之一。当比例对了，读者不需要思考就能理解信息之间的关系；当比例错了，读者需要费力地去猜测“这个和那个是什么关系”，阅读体验就打了折扣。
比例中的“留白比例”
聊比例不能不聊留白。因为留白本身就是一种比例关系——它和内容之间的关系，它在整个版面中所占的比重，都会影响版面的气质。
一个版面上，内容占多少，留白占多少，这个比例关系决定了版面的“密度感”。内容占比高、留白占比低的版面，密度感强，信息量大，但阅读压力也大。内容占比低、留白占比高的版面，密度感弱，信息量小，但阅读体验更从容。
密度感没有绝对的好坏，它取决于内容和使用场景。一份需要快速浏览的新闻简报，密度可以高一些；一本需要慢慢品读的书籍，密度应该低一些；一张需要在远处吸引注意力的海报，密度应该更低，因为远距离阅读需要更大的字号和更少的干扰。
留白比例还影响版面的“呼吸感”。留白太少，版面会显得拥挤、紧张；留白太多，版面会显得空旷、松散。好的留白比例，是让版面既有足够的信息量，又有足够的呼吸空间。这个“足够”的标准，取决于内容的气质和读者的预期。
比例与视觉重量
比例和视觉重量是紧密相关的。一个元素的大小，直接决定了它在版面中的视觉重量。大元素重，小元素轻。但比例对视觉重量的影响不止于此——它还影响视觉重量的分布方式。
在一个版面上，如果几个元素的尺寸差异很大，视觉重量就会集中在大元素上，小元素会被忽略。如果几个元素的尺寸差异很小，视觉重量就会比较均匀地分布在版面上。如果几个元素的尺寸形成了一种递进关系——大、中、小——视觉重量就会沿着这个递进关系流动，形成一种引导。
这种“比例引导”是版式设计中很常用的一种手法。通过控制不同元素的尺寸比例，设计师可以精确地控制读者的视线路径。读者的眼睛会自然地沿着“大→中→小”的顺序移动，这个顺序就是设计师预设的阅读顺序。
但比例引导也有一个风险：如果比例关系太复杂，读者会感到困惑。比如，版面上有五种不同大小的元素，读者可能不知道哪个最大、哪个第二大、哪个第三大。比例关系越简单、越清晰，引导效果越好。通常来说，一个版面有三到四个尺寸层级就足够了。
几个常见的比例问题
在实际工作中，我见过不少比例失效的案例，其中最常见的错误有这几个。
第一个问题是“比例拉不开”。 标题和正文的尺寸差太小，读者看不出层级关系。这个问题很常见，尤其是初学者，往往不敢把标题做得足够大，怕“不协调”。但事实上，比例关系需要拉得足够开，才能形成清晰的层级。如果标题和正文只差两号，那等于没有层级。
第二个问题是“比例拉得太开”。 和第一个问题相反，有些设计师把标题做得巨大，正文缩得很小，结果版面显得头重脚轻，正文变得难以阅读。比例拉得太开，不仅影响阅读，也会让版面失去平衡感。
第三个问题是“比例关系太多”。 版面上出现了太多不同大小的元素，读者找不到规律。比例关系应该尽量简单——三到四个层级，每个层级之间的差距是清晰的、一致的。如果每个元素的大小都不一样，读者就失去了判断的依据。
第四个问题是“比例与场景不匹配”。 一个在印刷品上看起来舒服的比例关系，放到手机上可能因为尺寸缩小而变得难以辨认。一个在屏幕上看起来合适的比例，放到户外广告上可能因为距离太远而失去层级。比例设计必须考虑最终的呈现媒介和阅读场景。
如何培养比例感
比例感是一种需要长期培养的能力。它不能靠记住几个公式来获得，它需要通过大量的观察和练习来积累。
观察好的设计。 看到让你觉得“顺眼”的版面时，不要只是欣赏，试着去测量。标题是正文的几倍大？边距是栏宽的几分之一？留白占了版面的多少比例？把这些数字记下来，积累多了，你的直觉就有了依据。
用参考线校准。 在设计时，先用参考线标出比例关系，再放内容。参考线可以帮你看到那些“差一点点”的地方。如果你觉得某个元素“应该再大一点”，试着把它放大到参考线标注的位置，看看效果是否更好。
缩小测试。 把设计稿缩小到很小，比例关系会变得更明显。在小视图下，大小差异会被放大，层级关系会变得直观。如果你在小视图下看不出层级，那在实际尺寸下可能也看不出。
灰度测试。 把设计稿转换成灰度模式，去掉颜色的干扰。比例关系和明度关系会变得更清晰。如果你在灰度下发现某个元素“太重”或“太轻”，那说明比例需要调整。
结语
比例这件事，说到底是在处理“多少”和“多大”的问题。它不像对齐那样有明确的对错，不像对比那样能制造强烈的效果，但它在暗处决定了一个版面是“还行”还是“讲究”。
米勒-布罗克曼在《平面设计中的网格系统》中讨论比例时，把比例系统看作是“设计决策的依据”，而不是“设计结果的保证”。比例系统可以帮你做出更精确的判断，但它不能替你做出判断。最终决定一个版面是否“顺眼”的，还是设计师的眼睛和直觉。
当你下一次做设计时，不妨先不要急着放内容，而是先画几条参考线，标出你想要的比例关系。然后放上内容，观察这个比例关系是否让版面变得清晰、舒服、有节奏。如果答案是肯定的，那比例就对了。如果答案是否定的，那就调整比例，再试一次。比例感就是这样一次次试出来的。
