如何光明正大地“抄袭”?

举报 2019-04-06

作者: 研习设无我、静瑜,来源:研习设(ID: yanxishe2017)

以下是图文版:

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

如何光明正大地抄袭?

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

如何光明正大地抄袭?

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

如何光明正大地抄袭?

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

如何光明正大地抄袭?

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

如何光明正大地抄袭?

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

如何光明正大地抄袭?

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


01

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

如何光明正大地抄袭?

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

如何光明正大地抄袭?

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

如何光明正大地抄袭?

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


02

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

如何光明正大地抄袭?

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

如何光明正大地抄袭?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


03

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


04

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

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

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

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

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

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

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

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

先将图片放到版面中。

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

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

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

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

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

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

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

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


05

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


经授权转载至数英,转载请联系原作者
作者公众号: 研习设(ID: yanxishe2017)
qrcode.jpg

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    全部评论(7条)