设计师如何光明正大的抄袭?来看高手的方法! - 优设网 - UISDC

设计师如何光明正大的抄袭?来看高手的方法!

2019/05/06 75253评论 42

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

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

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

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

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

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

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

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

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

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

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

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

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

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

左右完全对称

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

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

案例:

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

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

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

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

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

左右近似对称

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

案例:

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

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

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

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

天地倒置对称

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

案例:

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

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

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

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

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

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

位移裁切重复

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

案例:

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

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

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

文字边框重复

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

案例:

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

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

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

相同元素重复

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

案例:

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

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

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

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

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

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

网格排列重复

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

案例:

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

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

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

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

自由排列重置

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

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

先将图片放到版面中。

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

分割重组重复

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

案例:

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

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

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

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

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

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

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

案例演练

案例一:

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

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

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

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

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

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

案例二:

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

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

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

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

案例三:

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

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

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

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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.bvfyw8.cn/how-to-copy-openly

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 设计师干货 界面设计 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 设计规范 海报设计 用户体验设计 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里