@研习设K先生 ：说到版式设计，涉及到的相关理论和方法可以说非常多了，包括之前我们的教程也讲过很多关于版式方面的知识，今天的这期教程我们就换一个思路去看待版式设计。在之前的教程中，我们教过大家一些关于色彩训练的方法，因为我们都知道，要想学好一门技能或专业，最重要的就是理论和实践的结合，而这其中实践又最为重要。所以本期教程我们就从版式训练的角度来探讨一下，如何进行有效的自我训练，来提高版式能力和敏感度。

在这之前我们先来阐述一个概念，就是看待事物的角度，比如我们看周边的景物，最常见的方式有两种，一种是横向去看，比如左右移动视线。

另一种就是纵向去看，比如抬头望望天，低头看看地，当然了这只是最粗浅的比喻。

我们再打个比方，比如我们人类本身，如果从横向的维度看，就是性别的划分，例如男性和女性，比如《海贼王》里的路飞和女帝。

当然了随着时代的发展和进步，也产生了介于二者之间的性别，就是人妖，比如人妖王。

而如果从纵向的角度来看人的话，就是年龄，大体上可以分为儿童、少年、青年、中年和老年。

再比如我们平时看电影，都会按照分类去查找，如果从横向的维度去看，大体上可以有两个方向：一个是按照地区或国家，比如国产电影、香港电影、美国大片、泰国鬼片等等；另一种就是按照种类或类型来分，比如喜剧片、爱情片、动作片、犯罪片、恐怖片等等。这两种方式都是从横向的维度去划分电影。那如果从纵向的维度去看呢？就是时间，也就是不考虑地区和类型，只从片子拍摄的年代来划分。

为什么要先跟大家讲这些呢？主要是为了告诉大家一个道理，就是任何事物都可以从不同的角度去看待，通常得到的结果也是不同的。横向和纵向的维度，只是最基本最简单的一种看待事物的方式，但是只要能够运用好，就会让你的学习效率提高，才能灵活自如的去学习，这种方式适用于任何领域，当然也包括我们的设计。

比如用横向的纬度去看待设计，这个大家应该都比较熟悉，就是不同的设计领域。但是从纵向的纬度去看设计，就很少有人去深究了，其实就是设计本身到底包含些什么。

最基本的就是字体、图片、图形、插画、色彩等等，可能很多人还会想到那一些合成技法或者 3D 软件设计出来的东西，其实无论是用什么方式创作出来的东西，最终放在设计里都是一个元素，也就是等同于图片或图形。

所以我们可以得到一个结论，最基本的设计元素就是字体加图片，最后组合成版式。那我们就可以抓住这个要害，进行重点练习，就是利用纯文字和图片来训练版式能力。

这种从纵向的维度去深挖设计有一个最大的好处，就是可以忽略掉不同领域之间的差异，无论是什么领域的设计，虽然彼此各有各自的特点和差异，但是归根结底都离不开文字和图片，所以无论你是从事哪个领域的设计，只要能够做好文字和图片的编排，对你来说都是百利无害的。如果纯文字加图片的排版你能做好，那你的设计能力基本上已经可以达到六十分了。

当然需要设计就离不开理论和技法，这里我们就使用最简单最基本的两个表现形式。

就是对称和重复，然后用这两个形式加上纯文字和图片，来看看可以产生多少种不同的版面。

左右完全对称

我们先来看对称，首先最常见的形式就是左右完全对称，也就是左右两侧的元素是一样的，可以是单独的图片，也可以是文字和图片一起进行对称。

以下的练习案例我们都用这个文案来编排，因为是版式训练，所以暂时先不考虑图片是否完全符合主题。

案例：

左右完全对称的案例我们使用这张图片。

首先先对图片进行处理，去掉一些多余的部分，这里我们将麦克风去掉，并且适当的去除一些点元素。

然后将图片置入到版面当中，并且对图片下方生硬的边缘进行处理。

然后根据中轴线复制一个对称摆放到版面右侧，中间空余的位置留给文字编排。

人物图片部分可以调整光影变暗一些，让图片更有质感，最后将文字信息编排进来就可以了，这个海报也比较简单，就是使用左右完全对称的形式。

左右近似对称

我们再来看第二种对称形式，也是左右对称，但不是完全相同的元素，比如画面中的这几个作品，都是很明显的左右对称的形式，但图片的内容是有差异的。

案例：

这个案例我们就用这张有点类似正负形的图片。

首先将图片向左错位移动。

接着复制一个向右移动，这样左侧就是以黑脸部分为主，右侧以白脸部分为主，然后将中间背景色调整成和图片的背景一样，让图片融入到背景当中。

这样版面的主体就是左右对称的形式，虽然是同一张图片，但是通过位置的变化使得左右并不是完全一样的，也就是近似左右对称的形式。最后将文字信息编排进来，这个海报就设计完成了。

天地倒置对称

还有一种对称形式就是天地倒置，也就是旋转对称，比如画面中的这几个海报，都是对一个群组元素的复制旋转形成的一种对角线对称。

案例：

我们用这个图片来进行模仿训练。

首先旋转角度放到版面的一个角落。

接着复制一个旋转到对应的角落，这样图片就是一种天地倒置的形式。

然后编排文字信息，同样文字信息也可以进行倒置。

复制旋转放到对应的一角，整体的形式就差不多了，中间空余的位置编排时间信息，这个海报就完成了。

关于对称的相关理论在《用一篇超长干货，让你全面掌握「对称」这个完美的表现形式》中讲解过，想了解的话大家可以回顾一下。对称可以说是非常简单实用而且易操作的一种表现手法，而且特别适合文字加图片的形式，虽然看起来简单，但是只要合理的运用也可以做出不错的版面，并且通过刚才的演示大家也不难看出来，我们做的相关案例并没有使用什么方法或技巧，就是文字加图片，再通过对称的形式来编排，大家不要看我这里的演示简单的几步就完成了，觉得很轻松，这不是重点，重点是你得自己去用这个方法进行练习。

位移裁切重复

下面进行重复的训练。首先是位移裁切重复，也就是像画面中这几个作品那样对一张图片或一个文字进行裁切，然后进行复制，虽然是相同元素的重复，但是通过裁切又让每个元素都有所差异。

案例：

我们选用这张图片来进行演示。

首先就是对这张图片进行不同位置的裁切，然后组合在一起，整体矩形的外框保持不变，通过每个图片之间的空隙形成一种渐变的层次感，跟原图的相比更加具有变化性，用我们的俗话来说也就是更加具有设计感。

然后将这组进行裁切后的图片放到版面的偏上方充当画面的主形象，然后编排文字信息，这个海报就完成了，也没有什么难度，使用的方法就是位移裁切重复。

文字边框重复

下一个表现形式就是文字边框重复，这种重复并不是严格意义上的重复，而是在视觉上的重复，比如画面中的这几个海报，整体都是密密麻麻的文字来作为一种边框，中间是主体或图片。

案例：

我们用这张图片来练习下这种重复形式。

首先先将图片放进版面中，大致的调整位置，因为我们事先预设好了要使用文字充当边框的形式，所以要为文字留一些空间，适当的裁去图片的边缘，现在图片的四周就可以用来编排文字信息了。

因为这种表现形式往往需要大量的文字，所以在文字信息量不够的情况下就可以对文字进行重复。最后再将其他信息编排到画面比较空的地方，这个海报就完成了，也是文字加图片的形式。

相同元素重复

我们再来看下一个，通过这几个作品不难发现规律，就是同一个图片或元素的重复，这种重复的形式看上去比较简单，因为就使用了同一张图片，但是如何编排、编排在版面的什么位置是很难的，因为要考虑到整体的构图以及文字和图片的关系。

案例：

我们用这张图片来做一个相关的案例，虽然这个训练规定只能使用文字和图片，但是并不是只能原封不动的使用图片，当然可以根据自己的喜好进行调整。

比如这张图片，我感觉层次不是很明显，帽子部分和背景融合在一起了，所以帽子部分可以提亮一些。

如果觉得还不够明显，可以继续提亮，这样基本上就可以了。

然后将这个图片放进版面当中。

复制这个图片进行重复编排，最后在空余位置编排文字，这个案例就完成了。

需要注意的是，因为这种文字加重复图片的形式并没有使用其他技法，所以文字的处理和编排非常重要，如果文字编排不够好，整体版面的效果就会大打折扣。可能有的人会问，虽然同一张图片的重复很简单，但是自己还是不知道具体应该放在什么位置，其实这个也正是我们进行训练的目的，通过不断的调整尝试来提升版式的感觉，如果你事先就知道图片怎么摆放，那也就不需要进行这个训练了。

网格排列重复

我们接着往下看，下一个重复的形式是网格排列重复，什么意思呢？比如像上一个那种形式你不知道图片具体应该放在哪，那你就可以使用这种形式，根据网格来约束图片的位置，我们看画面中的这三个海报，图片整体是重复的形式，并且还很有规律性。

案例：

我们用这张图片来尝试编排。

首先先对图片进行裁切，截取自己喜欢的部分。

然后根据网格将图片复制摆放到版面中，每个图片占据两个网格的位置，这样编排的好处是既有工整性而且还具有变化性。

比如这里我们的编排，虽然是根据网格规范来摆放的图片，但是去掉网格之后仍然具有变化。最后对文字信息进行编排，这个海报就完成了。

自由排列重置

下个重复的形式相对来说要难一些，也就是自由排列重复，这种重复形式无论是位置还是大小，都没有一定特定的规律，所以对版式能力的考验就比较高，因此进行这个训练也是非常有必要的。

我们用这个图片来做一个自由式的重复。

先将图片放到版面中。

然后复制，调整大小和位置。注意这个过程在你自己练习的时候可能需要一个漫长的调整，才能实现比较不错的排列布局。最后同样根据留白关系来编排文字，这个版面就可以了。

分割重组重复

下面是最后一个重复的形式，也就是分割重组重复，这个跟之前有一个分割的形式有点类似，但是又有不同，不同的地方在于重组，也就是说不是简单的分割就完事了，还需要将分割出来的图片进行有形式感的编排。

案例：

我们用这张图片来做这个案例，整体分两步，首先就是分割。

这个分割并没有什么规律，同样也是需要不断的尝试和调整，这也正是训练比较有趣的地方。

然后就是第二步，重组。这里我们将这几张分割出来的图片充满版面作为一种背景的形式。

但是我们看这里有一个相对比较完整的图片，所以我们可以利用它来做点文章。

也就是使用线框的形式，让线框和图片有一种穿插的关系，具有一些形式感，最后再将文字信息编排进来，这个海报就完成了。

就是通过纯文字加图片，再利用对称和重复的表现手法，就可以设计出这些不同的版式。

以上这些就是这个训练方法的一个流程，因为是进行版式训练，所以大家在练习的时候不需要太多的去顾虑文案的内容，甚至都可以用文字来代替，不需要落实到具体的文案上，因为我们主要练习的是版式的感觉，但是肯定会有人觉得，如果落实到具体的工作上是不是就不适用了，这是对版式训练的误解。为了打破这个误解，接下来我们就用相对来说比较常见的题材来做三个案例，使用的方法就是这节课所讲的纯文字加图片，再结合对称和重复的表现手法。

案例演练

案例一：

首先我们做一个关于化妆品的海报页面，这是我们要用到的文案内容。

第一步就是找相关的产品图片，因为这两个图片本身的特性也就是外形的相似，所以使用对称再适合不过了。

先将这两个产品放到版面当中，使用的方式就是我们之前讲的左右近似对称，为了营造产品的调性，所以需要改变背景的颜色。

这里我们先填充一个粉色，但是这个背景色的色调跟产品的色调有些不符，所以我们可以根据产品本身的颜色填充一个渐变。

这样通过色彩的对比更加强调了左右对称的形式，最后将文字内容编排进来就差不多了。但是我们看现在产品有些假，很明显就像是抠出来的图直接放上去的一样，所以我们可以添加阴影。

这样就会好很多，那么这个页面就完成了，也是非常简单的表现形式，就是我们之前所讲的左右近似对称。

案例二：

我们再使用一个重复的形式，来做一个关于狂欢薯片节的海报，当然在具体的表现形式上有很多，而重复只是其中的一个选择。

这里我们不想使用太多复杂的素材，就是一张薯片的图片，但是一张很明显不够用，所以我们可以根据重复的原理复制出一些摆放到版面当中。

同样这一步也是需要反复尝试和调整位置的，然后将文字内容编排进来，但是现在画面中有一处明显有些空，显得很不舒服，所以这一块可以编排时间信息，为了和整体薯片的形状相契合，所以可以填充白色块。最后再将二维码添加进来就可以了，但是现在整体全是黑色的文字有些不舒服，所以我们可以尝试改变主标题的颜色。

这里我们为主标题填充较暗一些的黄色，这个活动海报就完成了，使用的就是同一图片的重复排列。

案例三：

我们再来看最后一个案例，是关于月饼 DIY 的一个活动宣传海报。

首先就是找到和主题月饼相关的图片然后放到版面中，但是大家需要注意的是，这个使用整体重复形式排列的月饼并不是一张图片，也是需要我们自己一个一个拼凑出来的，这也是重复的一个难点。

然后上方和下方的空余位置编排文字，主标题居中排列，然后是时间、LOGO、二维码以及次要信息，最后在比较空余的位置添加图形和文字进行一下调和，这个海报也就完成了。

那么本期教程到这里就结束了，在文章的开篇我们主要为大家阐述了一个道理，就是用横向和纵向这两个不同的维度去看待问题，然后从设计上比较容易被人忽略的一个纵向角度来告诉大家，设计中比较重要的是什么，这里我们总结出的就是，无论是何种领域的设计，都离不开最基本的文字和图片。得出这个结论之后，我们就要自己进行有针对性的训练，不使用其他元素，只用纯文字和图片进行排版，而这里使用的设计表现手法也是比较简单的对称和重复，通过对相关的优秀作品进行详细的分类，进行自我的模仿训练，整体上就是这个流程。最后再强调一下，这个教程的重点是想教大家这个自我训练的方法，而至于使用什么样的设计形式并不是重点，大家可以自由发挥。

欢迎关注研习社的微信公众号：「Yanxishe2017」