从四个方面，解决你版面太空的问题

很多时候我们给总监或者其他人看我们的设计作品时，他们很多时候会说，你这个版面有点空，或者直接指出某个地方说那里有点空，有时候也会说你的画面不够饱满，完成度不高。那么你们又是怎么处理关于“空”的问题的呢？是否还是按照前辈他们给你的一个方法一直用到底？有没有思考过它们“空”造成的原因是什么？又有什么解決方法？这一期的教程，希望能给你一个方向。

要想解決问题，首先要了解事物的本质，那么我们就要理清，什么是“空”。

我们都知道“空”和“留白”肯定是不一样的，那么“空”与“留白”之间是什么关系呢？

百度百科没有关于“空”的解释，所以我就检索了下留白，留白的起源是中国艺术，它是指艺术家在艺术创作的时候在画面上有意留下的空白。看到这里大家应该很容易理解了，留白是“有意”留下的，而空是“无意”留下的。

区别“有意”和“无意”并不是你自己个人主观的意识决定的，“有意”的意思是为了让画面更协调而故意留出来的留白，而“无意”呢，可能是你无意中留出来的留白，也可能是你故意留出来的留白，但是它们的问题所在呢，是这个“无意”的留白并没有让画面协调。

所以“留白”是协调的，“空”是不协调的。那么造成版面“空”也就是不协调的原因有哪些呢？在这里我总结出了三点。

分别是处理不当的留白、不符合版面气质的留白、以及版面没有细节。

我们来一个个理解，首先什么是处理不当的留白。我们来看这个反面例子，它就属于处理不当的留白，那么它的问题是什么呢？

首先是它的画面左右没有呼应导致联系感不强，然后造成了画面的严重割裂。

其次呢是因为这个画面是严重不平衡的，我们会有右边要往下倒下去的一个感觉。

这个时候我们就很想为左边添加一些东西，让它平衡，这种人的心理的互补性暗示着我们左边是需要添加元素的，所以我们就会觉得左边“空”。

第二个导致版面“空”的原因是，不符合版面气质的留白，我们来看这个画面，它的主题是年轻，通过右边的衣服鲜艳的颜色来看它应该是想表达年轻的朝气蓬勃、活力的主题，这个画面是平衡的，但是它依然会给我们一种空的感觉，是因为画面上下方的留白与整体色调不符合“年轻”的朝气蓬勃，反而更像“小清新”比较安静祥和的风格，与衣服格格不入，这就让我们有了想要填充留白的欲望。所以上下方所留出来的“留白”就是“空”。

最后一个原因是版面没有细节，再来看一个例子，虽然它没有前两个例子显得那么空，但是它依然是有一些空的，为什么我们会有这样的感觉呢，只要你仔细观察你会发现原因，首先版面主体因为很多地方是白色的，缺少细节。文字信息量虽然多，但是编排、对比等都毫无章法，最小的字在画面中也显得很大， 导致没有文字没有细节，以及它的背景是纯色背景的填充，在这个画面上就加剧了版面的细节度不够的问题，而造成“空”。

看了反面例子，我们总要知道什么才是正确的做法。原研哉的《白》的封面图,它的留白处理都是通过严格的文字对齐而营造的留白，会让人有一种“有意”留下的留白的感觉，而且我们都知道原研哉的设计风格非常地简约，所以这个封面的大留白非常符合这本书的气质与主题。就只是少量文字的编排，却因为精致的文字编排与设计细节的把握，最后呈现的是“留白”而不是“空”。

那么关于留白处理不当的这个问题，涉及到多方向的个人能力，包括对理论知识的掌握、版式的编排能力、字体设计、合成设计等能力。

解决"空“的方法的确很多，刚刚所讲到的一些技能也非常必要，但是我今天要讲的内容呢，是从另一个方向去解决这个问题的，我们刚刚知道了“空”是因为无意的留白，那我们有两个方向，一是把“空”变成“留白”，二是把“空”变成“不空”。这么说有点绕口，可以简单理解为就是把空的地方“填补”。那么在这里呢，我整理的也是在日常工作中，我们经常运用到以及比较简单实用的方法。

所以我们是站在“如何填充留白”这个基础上，去探讨这个问题的解决方法。

由于一个版面通常只分三层，背景、主体、文字层。

所以我就把这些处理手法分别分类成了 ①对文字的处理（放大标题、文字散开、压四角、为文字加框、添加英文或文案）、②对主体的处理（放大、重复）、③对背影的处理（添加纹理、叠字、增加真实空间层次感）、④以及对整体的处理（加手写体、加装饰元素、加色块）。

为了让大家印象更深刻更易懂，这次全部用这个案例来演示这些处理手法的运用。

我们先来看下这些作品， 它们都很好利用了放大标题的形式，来填充画面比较空的位置。在这里提一下放大的标题，最好用衬线体等比较有细节的字体。

很多时候当我们布置好大概版面的信息后，如果发现版面还有很多空余的地方。

我们可以尝试把标题放大，但是这个版面放大中文名称会显得太笨重，所以在这里我选择放大戚风的英文。移动到上面，放大撑满整个版面。

我们来看下和之前对比，放大文字后的版本显得更饱满，文字对比也变得强烈，版面更有细节了。

这种文字的手法的特点是它具有强烈的装饰性，在画面中构成点元素。

当然，我们不仅只是每个字之间散开这个形式，可以延伸成文字组的散开。每个文字组之间的间距有技巧地拉大，让版面整体文字的面积变大。

有人会说一个版面要求比较精致的时候，用放大标题的方法来处理空白，同时又要显得版面精致，对他们来说太难了。就像这个案例一样，它的版面两边是比较“空”的。

那么这个时候，用文字散开的形式会让版面既没有太大的字号，散开的文字填补了空的地方，画面也同样精致。要切记文字散开要注意疏密结合而不是所有文字都散开。

我们很多人都理解版心的概念，所以当画面存在确定了上下左右的版心的元素时，我们就可以确定版心的大小，所以压四角不是说是压着画面四个角落的意思，而是我们在编排以及运用元素时可以有效地让版心的大小更加明显，版心明显的画面会让人觉得它整个版面的面积也就越大。就像下面的例子。

他们的版面的元素都不多, 很多人还是会觉得这些版面会有些空，关于空不空的定义呢，其实也带有一定的主观性，每个人审美水平等不一样，看待事物也不一样，这个画面现在因为周围的元素，我们很清晰地能感受到它的版心是比较大的。

那当我把它们周围的一些小元素去掉的时候，虽然周围还有一些小元素没被去掉，但是它已经不足以支撑版心，所以它的版面瞬间就变得“空”了，相信很多人都能感受得到。这种方法在电商设计上最为常见，显而易见，在这里我就不用案例再给大家演示了。

这个不局限于加框，一般是加线、框或者色块。因为加了框，文字之间的空间要变大才能显得不拥挤，所以它既可以增加文字组面积，减少留白，也有可以增加文字组的细节程度，同时它也能增加文字的变化性，很多时候我们也用来强调某些文字。

它经常用于文字组内的小调整。

为了让大家更能感受到区别，这个案例我用为全部文字加框的方式做这个版面。

这个画面没有添加复杂的一些技法上的运用，只是为文字组加了框，就能让画面饱满。在这里用框的手法比较极端，是为了对比明显，所以大家也要衡量自己的设计去决定如何使用这个方法。

在日常工作中呢，添加英文是可以解决我们版面很多问题的一种方法。以及如果条件允许，我们甚至可以为它添加更好的文案来支撑我们的设计。

废话不多说，我们来看简单分层级排完的这个文字组合，文字不算多，但是单纯只用这些文字排到版面中，对于新手来说，只用少量的文字编排想要达到版面不空，还是需要有一定的编排能力的。

那么我们可以看到，为文字组添加相应的英文后，文字的组合变得饱满，而且一些小字的加入也进一步的丰富了这个组合。

就像我们刚刚这些案例，当我们去掉这些英文的时候，这些版面就显得很单薄了。添加英文可以让我们在板式编排上有更多的变化性。

放大主体是一个有效并且非常简单的一个处理手法，就像第一张海报一样，即使只有少量文字，版面也因为主体的放大而变得饱满。在一些对称的主体上呢，我们可以让一部分的主体出血以达到更大程度的放大。

很多人在做设计的时候往往很拘谨，标题也不敢放大，主体也不敢放大，其实这个版面相对来说主体已经挺大的了，但是版面左右两边空的问题没有解决，其实解决这个问题很简单。

就是把主体再放大，撑满整个版面，下方的轮廓不是很舒服，就进行了擦除，这样放大之后我们的版面就显得很饱满。

重复一种非常具有形式感的解决方式。它有非常多的表现形式，善用重复可以解决版面存在的很多问题。

这个画面里，标题已经放得挺大的，主体其实也不小，版面也是平衡的，但是主体周围所留出来的空白让这个版面很“空”。

当我们重复多一个蛋糕后，并且调整位置，就发现周围那些“空”的地方被填满了。模糊和调整了一下透视，这个案例也就完成了，当然了，重复有很多形式，在这里演示的这种形式也是非常简单的，大家可以去挖掘更适合以及更好用的重复手法。

实拍图肯定是比较多细节的，但是抠出来的图， 需要对背景进行处理，这个时候我们只好尽量地去让它接近更真实的一个画面，就像拍出来的一样。淘宝的产品精修在一定程度上也是为了让产品看起来更有细节感，即使没有文字也不会显得作品完成度不高。也就是可以为它添加真实空间的背景，会合成的同学肯定就不用担心，但是不会合成的，我们只需要通过加投影和一些光影就可以，甚至有需要倒影也是可以的。

在这里最值得一提的是光影，我们来看一组对比，渐变与纯色，渐变能营造光影的效果，它可以让背景呈现出更多的细节和色彩但是不会显得乱。当然，当我们的光源与背景颜色的色相不一样时，它里面包含的颜色更丰富。这也是为什么之前渐变色很火的原因，它能比纯色给我们带来更多细节度。

在这个案例我给大家简单演示，这时是没有为蛋糕加上投影以及背景也是处理的。

为蛋糕加上投影，背景加上一点渐变光影后是这样的，很多场景下你可以考虑加上这个方法，就会发现原来版面缺少的可能就是这一点点的细节度。

为版面添加纹理主要是从增加版面细节度这个角度去解决版面“空“的问题，我们很多时候觉得版面空是因为版面没有细节，左边这张海报它除了主体本身的细节度就很高以外，它下面凹凸不平的纹理也是增加了画面的细节度的重要元素。

当我去掉它下面的纹理时，我们就感觉画面的质感没有了，整个版面周围的黑色空间显得很空。

这个案例我为刚才的案例的背景添加磨砂纹理，与前面所说的增加真实空间层次感是一样的道理，看到这里大家也可能会说，真的看不出区别。但是我们可以第一稿对比，第一稿是既没有添加投影光影、也没有添加纹理的，版面的编排都很完整了，但是我们只有经过像第二稿那样的处理的时候，才能让这个作品变得更好，哪怕是一点点，也足够了。

背景叠加文字，可以像水印的文字，可以是书法、手写字或者常规字，符合画面气质都可以。左边的海报用的是书法字，细节性和张力都比较强，右边的海报它用了纤细的手写体，填补了空白的空间却不会觉得沉闷。

虽然我们想营造一个比较干净的画面，但是蛋糕周围的空间让我们觉得不舒服，所以会显得“空”。

这个时候，我就在它背后叠加加了一个手写的字体，“空”的地方被字体填满，整个画面就不会显得“空”了。

其实之前的处理方式几乎都可以互相在背景、主体、文字间使用，我在这里分类的原因是想让大家清楚它们常用的使用方式，比如说文字压四角这个办法，其实运用到主体上也是可以的。那么接下来这个方法呢经常使用的载体都包括背景、主体、文字，很难归类到某一个载体之中，所以我就分多了一类，叫对整体的处理。

手写体比常规字体的细节性与装饰性都要强，所以手写体常常用来装饰，它可以用在背景、叠在主体上、甚至可以做标题，增加版面细节。要注意根据画面的要传达的气质，选择手写体的类型，这里所说的手写体也包括书法体。

那么刚刚我们有讲过这个版面，当我们为它加上的是常规体的时候，这个版面其实是细节度不够，而且因为常规体本身方方正正的边缘会让版面显得有点死板。

我们之前的那一版就是加了手写体，一来是因为手写体的细节度比较高，二来也是因为手写体的外形不规则更能调整解决版面“空”的地方。

这个方法是日常我们大多数人都能想到，并且也是很有用的一个方法。但是很多人用不好这个方法会适得其反，反而让画面变乱以及弱化了主体的存在。我们来看，左边这张海报它在主体周围加上了花瓣，如果去掉花瓣，这个主体的周围是非常空的，而且它还对一些花瓣作了透明度和模糊的处理，增加了空间层次感。

那么在这个案例中，我也选择在主体周围加上装饰元素，这样主体周围的空白也被这些装饰填充了，当然装饰不是随便乱加的，一般可以添加产品的相关的物体，比如原材料、花瓣、羽毛等，还有一些相关的图形。在这里我加的装饰也是顺应这个蛋糕的旋转的一个特质而加的，也更能体现蛋糕的“旋力”的主题。

色块在版面运用的灵活度非常高。在这些海报中它主要用在背景上，这些色块能很好地分割背景，也可以让本身散乱的物体组合到一起，一些不同线条感的色块能营造不同的感觉。最重要的是由于色块的添加，也让画面的色彩更加丰富了。

像这些海报我也把它归类为加色块，可能有人会认为是图片裁切变小了而不是加色块。

但是我们依然可以理解为是在图片上方的外围加了一个色块。所以这个色块是居于文字与主体之间的。

很多时候我们是在一个纯色背景上处理完这些元素，我们总会发现有某些地方很难处理，导致这些地方显得“空”。

在这个版面的背景上我加上了一个大色块，这个色块相对于我们刚刚看的海报上的例子来说并没有很复杂，但是它却能很好地解决版面“空”的问题。

是因为加上色块能把空的地方切割成两块，在视觉上我们认为它的每一块留白变小了，也就不会显得空。当然，加色块也要适可而止，并不是留白的面积越小越好，要不然你就从“空”的问题变成“乱”的问题了。

总结一下今天所讲的，今天呢我们讲了版面太空造成的原因，同时分析了三个反面例子与一个正面例子，以及整理给大家分别从对文字，主体，背景和整体这四个方面的处理方式，也分别有一些案例演示。由于在这里用同一个案例演示不同的处理方式会有一些局限性，所以上面所提到的这些手法都要我们自己灵活运用，通常是多个处理手法同时运用才是最好的解决方法。那么本期教程到这里就结束了，我是大希，下期再见。