很多人理解的”高级感”，是靠加东西堆出来的：加纹理、加光效、加装饰线、加一圈精致的边框。真做出来往往相反，画面越满越显得用力，越用力越廉价。

真正让版面显得高级的，多半不是加了什么，而是减掉了什么。同样一段内容，删掉一半装饰，把剩下的东西的位置和大小重新安排一遍，质感往往自己就出来了。留白、层级、对比这三件事，本质上都是在处理”减”的问题——减掉拥挤、减掉平均、减掉势均力敌。

留白：不是在页面边上空一圈

 

新手理解的留白，是把内容往里缩一缩，四周空出一圈边距。这不叫留白，这叫内边距。真正的留白是元素之间的空间关系，它承担的功能是分组。

两个元素离得近，眼睛就默认它们是一组；离得远，就默认它们不是一回事。所以留白的第一条用法是拉开组与组之间的距离。相关的信息聚紧一点，不相关的信息之间留出明显更大的空档，读者不用看内容就能判断出结构。

常见的毛病是间距过于均匀。每个元素之间都是同样的距离，整页看下去就是一片平均的格子，没有主次，也没有呼吸。改法很简单：把同一组内的间距统一压小，组与组之间的间距提到组内的两到三倍。只调整这一件事，画面的秩序感就会明显不同。

留白的第二条用法是给重点让路。重要内容周围要多留一点，让它从整体里”浮”出来。反过来，次要信息可以挨得紧一些，视觉上自然就退到后面去了。很多人做不出主次，问题不在重点不够大，在重点周围太挤。

还有一个反过来的判断：留白不够的时候，人的第一反应通常是缩小内容，这是错的。正确的做法是删内容，或者把内容重新分组，而不是把所有东西等比例缩小——那样只会得到一个更小、更挤、更读不下去的版面。

层级：级差不够大，等于没有层级

 

层级失败最常见的原因不是没做，是做得太保守。

标题比正文大两号，正文比注释大一号，每一级都很客气地往上加一点。这在设计稿里似乎分得清，一到实际阅读距离，三级文字看起来就是差不多的三块。人的眼睛对幅度小的大小差异不敏感，级差必须拉开到一眼可辨，层级才成立。

拉开层级有四个可用手段，不只有字号：

• 字号。最直接，但要拉得够狠，跳级比逐级递增有效。
• 字重。同一字号下，粗体和常规的对比往往比字号差更清楚，而且不占额外空间。
• 颜色深浅。重点用深色，次要信息用灰，这是最省空间的一种区分方式。
• 位置。靠边、居左、右对齐，位置本身就传递层级信息。

这四个手段可以叠加，但不要全部同时用。字号加上字重加上加粗加上变色全用在一个标题上，是新手常见的过度反应，看着很用力，实际效果不如只用其中两项。

层级还有一个容易被忽略的问题：级数太多。一级、二级、三级、四级、五级往下排，读者反而记不住哪一级是什么。一般的版面，三个层级就够了——主信息、次信息、辅助信息。真到了需要更多层级的时候，通常说明内容本身的组织方式需要重新想一遍，而不是继续往下加字号。

对比：不只是大小和颜色

 

对比的作用是制造差异，让画面有张力。很多人只想到大小对比和颜色对比，其实可用的维度不少。

疏密对比是最容易见效、也最容易被忽略的一种。整页都排得很均匀，会显得平；如果某一块故意排得密一些，旁边留出一片空旷，视线自然会被引过去。画册和海报里常用这一手，效果比单纯放大标题好。

字体对比也是。同一个版面里，标题用一种字体，正文用另一种，两者风格拉开——比如一个有衬线、一个无衬线，一个有装饰性、一个规整——画面立刻有分层。但字体总数要控制，一个版面通常两种字体就够了，加到三种以上就开始乱。

明暗对比常被低估。深色块和浅色块并置，交接处的力量比单纯的色彩对比更强，而且更容易控制，不会因为色相搭配不当而翻车。拿不准配色的时候，先把明暗关系做对，画面基本就立住了。

还有一种对比是虚实对比。图片的清晰与模糊、元素的边缘锐利与柔和、色块的饱和与灰暗，都属于这一类。整页都锐利，眼睛会累；整页都柔和，又没有重点。有虚实才有空间感。

几个立刻能改的具体动作

 

版面显得平、显得土，很多时候问题就出在几处细节上，改起来并不复杂。

1. 检查间距。组内统一、组间拉大，先把均匀的间距破掉。
2. 把字号级差再拉开一档，尤其是标题和正文之间。
3. 数一下字体数量，超过两种就做减法。
4. 看每块内容是不是都加了边框或者底色，去掉一半。
5. 把关键内容周围的留白加大，让重点自己浮出来。

这五条里，第四条最立竿见影。给每块内容都加一个浅灰底、加一条细边框，是很多人表现”有设计感”的方法，实际效果是把整页切成了若干个互不相干的方块，画面又碎又闷。去掉一半之后，剩下那几块反而有了分量。

字距、行高和对齐

 

这几处是最不起眼、但对质感影响最大的地方。

字距不是固定值。字号越大，字距越应该收紧；字号越小，字距反而要适当放松。标题还沿用正文的字距，看上去会散；小字还沿用标题的字距，读起来会挤。这一条改动幅度不用大，但差别看得见。

行高要跟着字号和行宽走。行宽越大，行高越要留够，否则读完一行回不到下一行的起点。正文行高通常留在字号的 1.6 到 1.9 倍之间比较舒服，具体多少看行宽决定，行宽越长越要往上加。

对齐则是秩序感的来源。整页元素左对齐在一条线上、或者居中严格对称，画面立刻显得稳。反过来，每个元素各自为政、位置随便摆，就算每个单看都不错，整体也是散的。做的时候建议先拉出几条参考线，让所有元素都跟这几条线发生关系，而不是凭手感摆放。

一个三秒钟的检查方法

 

版面做完，把眼睛眯起来看一遍，或者把图缩到很小。

这时候细节全都消失了，剩下的是明暗块面。如果还能看出哪里是重点、结构是不是清楚，说明层级和对比做到了；如果眯眼看过去是一片糊在一起的东西，那不管细节多精致，都是白做。这个方法和做电商图时缩小看是一个道理——把细节拿掉之后还站得住的版面，才是真的站得住。