(资料图)

文章开始之前，不妨先扫一眼下方的8个案例，你可以在浏览的过程中问一下自己：

· 这些版式作品的问题出在哪？

· 如何用较少的步骤调整好？

如果你并不确信自己的答案，或是曾经也出现过不知道自己版式问题出在哪的情况，那么今天的文章内容一定会对你大有裨益。

可以很开门见山地说：想要做好版式设计，就必须要懂得“版面构成”。这四个字可能听起来比较玄乎，但其实都是实实在在的“可控元素”。

下面，我们需要给这8例版式做一个问题粗分，这决定了我们改稿的大方向。（所有改稿只聚焦于版面构成，背景图片不在我们的范畴内）

发现问题，就要对症下药解决问题。下面用版面构成的知识给这些问题“开药方”吧。

长期看研习设订阅号的你，一定对左、中、右对齐这样的基础方式感到不陌生，它们也确实是最基本的建立轴线的方式。

而在应用到版面中时，轴线身处不同位置会带来差异性。总的来说，当我们把对齐的轴线设定在版面之内时，要远比把轴线贴着版面的边缘要更有视觉冲击力。带着这样的观点，我们来看前两个作业案例。

该作业文字组的塑造精良，字号大小也适宜，但是因为没有明显的轴线，导致文字组视觉观感比较散乱。这个案例因为底子还不错，所以需要调整的方面并不多。

修改的思路很简单：简化对齐的逻辑。文字组统一采用居中对齐的方式，对齐到一根明显的轴线上即可。要注意，居中对齐并不意味着非得把轴线定到版面的正中间，这也是一种常见的思维定势。如果能根据实际情况灵活选取不同的位置会有奇效。

文字组有一定的特点，看得出想要去制造一些节奏变化。尽管用到了对齐，但轴线数量太多而显得秩序性不足。另外，根据文字的内容来看，版面在字体的选择上也有可调整空间。

修改上，确定一根位于版面中央的轴，并采取居中对齐+左对齐+右对齐的组合方式，让文字都能依据这条轴线进行对齐，这样不仅秩序性很强且不失节奏变化。最后置入一个手写体的字母A作为装饰图形并填补一些版面的负空间。改稿的中文字体为源石黑体，西文字体为Optima。

怎样才能处理好留白呢？虽然没办法用一两句话概括，但是有两个最常用的方式：①减少留白的数量；②规整留白的形状。合理地应用这两条法则，会有效改善这方面出问题的版面。

版面的文字组本身没什么大问题，问题就出在容易被忽视的负空间上。可以看到，版面下方的文字组合并没有贴着页边距，这就导致该组文字与下页边距之间多出了一块无用的留白，而导致了视觉上的不舒适。

这个案例的修改非常简单，只需要把下方的文字组合放置到贴边的位置即可。

这看起来简单的操作，实际上也是版面构成中的重要内容之一——四边联系。顾名思义，就是得让版面中的元素能与四个边产生连接，其中上下边的连接尤为重要。如果不与四边连接，就会使留白数量变多，从而容易让版面显得琐碎。

同样的文字组，我们还可以改变它们的位置与方向，达成不同的排版方案。这样，我们就一共做到了三种经典的版面构成方式，既水平构成、垂直构成、垂直水平构成。这三种经典构成方式，都在《网格系统与版式设计》一书有着详尽的、由浅入深的讲解。

问题同样出在版面少了“四边联系”，导致留白的数量变多了。除此之外，原稿的字体混搭并不理想考虑直接去掉。在文字编排方面也相对单调，需要进行一些优化。而原稿通过渐变蒙版的方式来增添变化性并不是正确的解法，这是典型的“为了设计而设计”。

修改上，先将标题组合往上提，与上边缘产生联系。同时，应用简单的符号来细化标题组的编排，不仅增添了装饰性，同时也符合内容意境。下方的小文字则采取轴线对齐的方式，这样版面的文字编排既具备变化性，也不乏统一的韵律。

这个案例虽然从留白数量的角度来看似乎没有问题，并且也做到了“四边联系”。但问题在于文字组本身比较凌乱，没有形成明显的大组合，这就会让文字组产生的留白形状十分复杂。所以这里的解题思路在于文字组本身。

第一步：让文字成组，采取最简单的左对齐而轴线在版面之中，三个小组合共同组成一个大组贯穿版面，这就让留白变得舒服多了。第二步：在一个稳定的基础上，提取关键字和符号作为版面装饰，打破原本比较单调的构成。

这个案例在版面构图上并没有什么问题，所以它的不足之处在于文字编排细节的处理。版面下方的大文字组合中，字距、行距、组距处理不当，这会让此处视觉感受变得极为不舒适。

修改上，着重做的就是让组距变得清晰，小组与小组之间泾渭分明；同时优化中文小字部分的行距、大字号标题的字距，这样会有效地削减留白的数量，让整体更为规整。此外，改稿还把标题的字型换成了宋体，适当调和了一下原本这里编排上相对单调的感觉。

哪些因素会影响到文字的层级关系呢？其实答案是非常多的，比较常用的方式是通过字号、字重、位置关系、符号标记、文字组形态等方式来拉开差异，简而言之就是用各种方式来制造对比。带着这样的视角，不妨来看看最后2个案例的问题何在。

这个案例的第一个问题是文字的灰度不匀称，主要体现在上下两个组合中文字字重差异较大。随之而来的第二个问题则是版面重点较为模糊，主要在于上下两个文字组合之间在互相角力，没有主次之分。

修改的重点自然就是优化上下两个组合的层级关系，这里我选择保持下半部分组合的张力而削弱上半部分。毕竟原稿下半部分的大组合元素类型更加丰富，编排也比较精致有看点。

这个案例中不同文字组的字号十分接近，加上文字组的形态也比较单一，尽管使用了字型混搭、以及轴线错位这样的方式，整体的观感依然会停留在节奏不够明快。

一般来说有两种修改反向：要么就是不做太多细微的字号变化，用1-2个层级来处理文字，简单明了；要么就是拉开字号倍率，让层级关系更加明确一些。这里我的选择是后者。

改稿主要在于制造了一个明确的最高层级。我选择是把原稿中颇有看点的“团团转乐园”文字组合进行了改造，使它们成为了个第一焦点。同时活用前面的轴线对齐方式，给版面赋予了一些秩序性。

由于微信公众号更改了推送机制，推文不再按照时间线推送，为了以后能及时观看到我们的教程和文章，看完文章后记得给我们点个“在看”哦。如果你喜欢我们的文章，这将是对我们最大的鼓励和支持。