套版可耻,但素材有用!来看素材的正确用法!-哇拍

模板是素材汇集的

重要载体之一,那么这个让人又爱又恨

的素材模板,

它都有哪些问题呢?

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我从网上收集了一些比较典型的设计模板,可以看到每一个模板中都包含着多种多样的素材类型。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

接下来我们一起来还原一下,所谓“套”模板的这个过程,也许我们可以从中看出一些问题。这个汉堡的画面感觉还可以,那么我们就选它了。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

既然是汉堡相关的内容,我们也模拟一个类似的文案信息。与模板上文案的不同之处在于,我们主要想传达的是促销信息,而不是强调口味。

替换文案

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们把文案放在版面上,看起来内容刚好可以覆盖到原有的文案部分。

还原模板效果

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们同样使用原来的文本格式,这样几乎可以说是完美还原了。那么到这里,这个模板就套用好了,刚刚好的文本数量,不多不少,我们还原了一个套用模板时最理想的状态。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

那么即便是这样的神还原,这个画面就真的没问题了吗?显然不是的,接下来我们就试着分析一下这样的模板素材都存在哪些坑吧。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

首先比较明显的问题是,这样套版本身并不灵活,现实情况是,我们手里的文案通常没有那么好的运气能够刚好匹配。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

可以看到,画面中不仅有照片元素,还有扁平样式的插画以及主标题上的卡通造型,这些风格并不一定就能够符合我们的内容。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

如果不假思索的无脑套用,那么模板本身的版式问题,也很可能被继承下来。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

那么除此之外,我们也会发现,版面中充斥着多种风格并不搭调的字体。这样的字体搭配不仅不会增添设计感,反而会让版面显得十分不协调。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

可以看到,虽然套模板能在短时间内完成设计要求,提高工作效率。但是这并不意味着这是一个好作品。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

虽然我们抵制套模板,

但素材真的是无辜的,在为素材

洗刷冤屈之前,

我们先来了解一下,

模板中常见的素材都有

哪些分类。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

这张图上的柠檬是退底图像也就是我们常说的透明背景素材。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

这张图上的大米、背景、热气很明显属于合成类的素材。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们现在看到的这个奔跑的男人,属于摄影图像类的素材。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

通常版面中都少不了点缀形式的元素,它可以是图形、图像、插画等形式存在,这张图上的点缀元素就是偏向于摄影图像类的素材。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

图形类元素也比较常见,有时用于版面点缀,有时用于版面主体。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

这个版面下方,是插画类型的素材。设计素材的这六种不同形态,需要我们合理应用,才能更好的发挥它们的视觉效果。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

套版可耻,但素材有用!来看素材的正确用法!-哇拍

接下来进入第三个阶段,

我们应该怎样运用这些不同种类的素材。

套版可耻,但素材有用!来看素材的正确用法!-哇拍套版可耻,但素材有用!来看素材的正确用法!-哇拍

第一个方法是统一元素风格,那么统一风格要怎样去理解?这就要用到我们刚刚学到的知识了。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们来分析一下,画面中有图形、照片和插画,它们显然不是一种风格对吧。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

所以第一个建议,就是希望大家在运用素材时,尽量选择同一种风格的素材样式。

提取模板中

的元素

套版可耻,但素材有用!来看素材的正确用法!-哇拍

提取这个模板中的柠檬和标签素材。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

因为它是一个瓶贴设计,所以

我们可以在造型上,裁剪的更像柠檬一些。

置入文案

套版可耻,但素材有用!来看素材的正确用法!-哇拍

接下来我们置入文案信息。

放大,

重要信息。

缩小,

辅助信息。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

放大商品名称,

缩小那些辅助性质的信息内容。

统一退底照片

和飘带元素的风格

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们可以尝试着将之前的退底照片和飘带元素统一成更接近字体的图形样式,这样整体的统一性就更强了,再加上发射线条进行氛围的烘托,这个标签也就完成了。

模拟

最终包装效果

套版可耻,但素材有用!来看素材的正确用法!-哇拍

最后,我们再来

模拟一下最终的包装效果。

套版可耻,但素材有用!来看素材的正确用法!-哇拍套版可耻,但素材有用!来看素材的正确用法!-哇拍

假设我们手中的照片素材不是很清晰,它并不适合直接使用。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们可以通过彩色半调的方法来优化它。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

让照片半调化,这样的图片相比模糊的原图,应用会更好一些。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

或者使用滤镜,稍微提升一些清晰度、锐化。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

在进行双色调,也能让图片的使用效果更好一些。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们继续来通过一个案例说明这个方法。

提取

照片元素

套版可耻,但素材有用!来看素材的正确用法!-哇拍

先把这张照片提取出来,然后水平翻转一下。

将人物处理成“剪影”,来规避照片像素太低。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

这一次,我们选择将人物处理成“剪影”样式,以此来规避像素太低的问题。

更换画面背景

套版可耻,但素材有用!来看素材的正确用法!-哇拍

接下来我们来换一个背景,让整体的质感更突出。

放大主形象

套版可耻,但素材有用!来看素材的正确用法!-哇拍

放大一些,现在的构图让剪影与边缘产生了联系。

置入文案

提取关键词

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们将文案放到版面中合适位置。画面中心部分缺失一个焦点,我们可以从文案中提取跑步的关键词。

关键词置入

使画面聚焦

套版可耻,但素材有用!来看素材的正确用法!-哇拍

将关键词放大。因为视错觉的原因,所以关键词的位置位于版面的几何中心偏上一点。

调整

文字细节编排

套版可耻,但素材有用!来看素材的正确用法!-哇拍

紧接着,进行文字细节化的编排,调整文字细节,直到自己满意为止。

套版可耻,但素材有用!来看素材的正确用法!-哇拍套版可耻,但素材有用!来看素材的正确用法!-哇拍

画面中的这段话,阅读起来很费劲对吗?而且也不美观。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

通过划分层级,能够让信息看起来更易读。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

最后,调整文字的构图与布局,让整体更有形式感,看到这里,相信大家已经知道这个方法具体指什么了,就是在不改变素材的情况下,通过调整版式来优化模板。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

文案内容是关于汉堡促销的。我们可以提取“牛肉芝士堡”这个关键词。

提取

关键词放大

套版可耻,但素材有用!来看素材的正确用法!-哇拍

放大它,这样的就在版面中构建出了具备图形属性的信息样式。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

老样子,我们选择这款模板来套用素材。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

汉堡我们安排在版面中心的位置,文字虽然被遮挡了部分,但凭借人们的脑补能力,还是具备辨识度的。然后是火焰素材,我们将其与汉堡成组。
套版可耻,但素材有用!来看素材的正确用法!-哇拍

紧接着是点缀元素也拿过来。

将文案放置版面中

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们继续编排文字的部分。画面偏下方的空间,就是预留给文本信息的位置。

调整文字

的层级

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们需要调整好它们的间距和规范位置关系,重要的内容层级更大,不重要的内容,层级更小。

添加小标签

套版可耻,但素材有用!来看素材的正确用法!-哇拍

最后加一个小标签,版面的整体效果就做好了。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

对比可以方便我们更直观的看出差别,虽然素材没变,但明显右侧的版本视觉焦点更清晰,信息重点也更明确。

套版可耻,但素材有用!来看素材的正确用法!-哇拍套版可耻,但素材有用!来看素材的正确用法!-哇拍

画面中是一个关于香蕉的设计。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们从中提取这个香蕉素材,对它进行图形化。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

接下来是重构的部分了,我们可以将香蕉位错处理,形成更具艺术化的抽象形态。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

文案匹配的是《天台上冥想的蜘蛛》,它是关于一个舞台剧的宣传文案。

提取模板中的元素

进行优化

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们可以拿这个模版中的素材,来进行案例优化的尝试。在这个模板中,能够利用到的素材,也只有这个蛛网的元素了。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们将它提取出来,这个蜘蛛网是一个线性图形,我觉得它占用的视觉面积太小,可能会影响后续的设计。

图形由线转面

套版可耻,但素材有用!来看素材的正确用法!-哇拍

所以,我尝试着将它换成成由面构成的图形。不过到这里就结束了吗?可能还是有些复杂了,蛛网为了保持形态,面积之间需要预留出空隙。

用色彩区分

图形边界

套版可耻,但素材有用!来看素材的正确用法!-哇拍

如果不要预留空隙呢?用色彩区分是一个不错的解决方案。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们接下来尝试着运用这个图形进行一些图形构成。

图形划分成

四份

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们将这个蛛网造型划分成四份。也就得到了一个4×4的网格,我们可以利用这个网格来变化其中的单元形。

改变图形的

基本型

套版可耻,但素材有用!来看素材的正确用法!-哇拍

比如改变其中三个基本型的构成角度,让原本的重复感不那么明显。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

左上角的部分,我们可以继续打散,让比例和数量上形成一个对比。

确定主体图形

套版可耻,但素材有用!来看素材的正确用法!-哇拍

那么到这里,这个图形部分延展的差不多了。它更符合内容中关于冥想的主题,同时蛛网的造型也呼应了蜘蛛这个元素。

添加图形配色

套版可耻,但素材有用!来看素材的正确用法!-哇拍

色彩上,依然围绕着主题进行,围绕着“梦幻”去寻找配色依据。最终我确定了这样的抽象图形。

将文案放置

在版面中

套版可耻,但素材有用!来看素材的正确用法!-哇拍

将文案放置在版面中,可以看到,这一次版面中留给文案编排的部分依然是版面的下方。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们可以将图形中的网格延展下来,这样文字部分的构成就能够与图形更统一了。

确定主标题

套版可耻,但素材有用!来看素材的正确用法!-哇拍

首先确定主标题的位置,它的造型会直接影响到后续的版式布局。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

接下来,我们填补右下方的三个角落。

编排其余信息

套版可耻,但素材有用!来看素材的正确用法!-哇拍

最后,把其余信息安排在剩余的空间内,这个版面也就布局完成了,不过字体还不是很贴合主题。

替换符合

版面气质的字体

套版可耻,但素材有用!来看素材的正确用法!-哇拍

所以,最后的最后,我们还需要再换一个符合版面气质的字体,那么这个海报到这里也就结束了。

套版可耻,但素材有用!来看素材的正确用法!-哇拍套版可耻,但素材有用!来看素材的正确用法!-哇拍

我们再来看这四种方法,它们都是通过不同的切入点去合理的利用模板中的素材。而不是无脑的去套用某一个版面样式。

套版可耻,但素材有用!来看素材的正确用法!-哇拍

本文原创,未经作者允许不可转载!

更多内容,欢迎关注作者微信公众号:研习设!