来看素材的正确使用方法
来看素材的正确使用方法

什么是设计师的最爱?如果我说“素材”是其中之一,大家应该不会反对吧。如果利用好素材,我们的工作效率会有很大的提升,但这种便利性也导致了一个问题,它会让我们懒得去思考新的方案,最终沦为了素材的搬运工,甚至不下载别人的源文件就很难做出东西来。那么有什么办法能够在保留素材便利性的同时,也让我们不会丧失思考能力呢?本期的内容,我们就来聊一聊素材这些事。

模板是素材汇集的重要载体之一,
那么这个让人又爱又恨的素材模板,
它都有哪些问题呢?

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

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

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

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

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

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

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

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

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

那么除此之外,我们也会发现,
版面中充斥着多种风格并不搭调的字体。
这样的字体搭配不仅不会增添设计感,
反而会让版面显得十分不协调。
可以看到,虽然套模板能在短时间内完成设计要求,
提高工作效率。但是这并不意味着这是一个好作品。

虽然我们抵制套模板,
但素材真的是无辜的,在为素材洗刷冤屈之前,
我们先来了解一下,
模板中常见的素材都有哪些分类。

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

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

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

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

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

这个版面下方,是插画类型的素材。
设计素材的这六种不同形态,
需要我们合理应用,才能更好的发挥它们的视觉效果。
素材本身并不是问题的关键,关键在于如何去使用它们。接下来要划重点了。为了帮助大家更好的利用素材,我们也可以尝试着总结出了几种不同的设计思路,希望可以帮到有这方面困惑的你。

接下来进入第三个阶段,
我们应该怎样运用这些不同种类的素材。


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

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

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

提取这个模板中的柠檬和标签素材。
因为它是一个瓶贴设计,所以我们可以在造型上,裁剪的更像柠檬一些。

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

放大商品名称,缩小那些辅助性质的信息内容。

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

最后,我们再来模拟一下最终的包装效果。


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

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

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

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

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

关于优化劣质图像的方法,可以观看我们之前出的这篇订阅号教程。
我们继续来通过一个案例说明这个方法。
先把这张照片提取出来,然后水平翻转一下。
这一次,我们选择将人物处理成“剪影”样式,
以此来规避像素太低的问题。
接下来我们来换一个背景,让整体的质感更突出。
放大一些,现在的构图让剪影与边缘产生了联系。
我们将文案放到版面中合适位置。
画面中心部分缺失一个焦点,
我们可以从文案中提取跑步的关键词。
将关键词放大。因为视错觉的原因,
所以关键词的位置位于版面的几何中心偏上一点。
紧接着,进行文字细节化的编排,调整文字细节,直到自己满意为止。


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

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

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

文案内容是关于汉堡促销的。我们可以提取“牛肉芝士堡”这个关键词。
放大它,这样的就在版面中构建出了具备图形属性的信息样式。

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

汉堡我们安排在版面中心的位置,文字虽然被遮挡了部分,
但凭借人们的脑补能力,还是具备辨识度的。
然后是火焰素材,我们将其与汉堡成组。

紧接着是点缀元素也拿过来。
我们继续编排文字的部分。画面偏下方的空间,
就是预留给文本信息的位置。
我们需要调整好它们的间距和规范位置关系,
重要的内容层级更大,不重要的内容,层级更小。
最后加一个小标签,版面的整体效果就做好了。

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


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

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

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

文案匹配的是《天台上冥想的蜘蛛》,它是关于一个舞台剧的宣传文案。
我们可以拿这个模版中的素材,来进行案例优化的尝试。
在这个模板中,能够利用到的素材,也只有这个蛛网的元素了。

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

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

如果不要预留空隙呢?用色彩区分是一个不错的解决方案。
我们接下来尝试着运用这个图形进行一些图形构成。
我们将这个蛛网造型划分成四份。
也就得到了一个4×4的网格,
我们可以利用这个网格来变化其中的单元形。
左上角的部分,我们可以继续打散,让比例和数量上形成一个对比。
那么到这里,这个图形部分延展的差不多了。
它更符合内容中关于冥想的主题,
同时蛛网的造型也呼应了蜘蛛这个元素。
色彩上,依然围绕着主题进行,围绕着“梦幻”去寻找配色依据。
最终我确定了这样的抽象图形。
将文案放置在版面中,可以看到,
这一次版面中留给文案编排的部分依然是版面的下方。
我们可以将图形中的网格延展下来,
这样文字部分的构成就能够与图形更统一了。
首先确定主标题的位置,它的造型会直接影响到后续的版式布局。
接下来,我们填补右下方的三个角落。
最后,把其余信息安排在剩余的空间内,这个版面也就布局完成了,
不过字体还不是很贴合主题。
所以,最后的最后,我们还需要再换一个符合版面气质的字体,
那么这个海报到这里也就结束了。


我们再来看这四种方法,它们都是通过不同的切入点去合理的利用模板中的素材。
而不是无脑的去套用某一个版面样式。
素材的确可以提高小绿,但它不是阻碍我们主动思考的理由。如果接到委托后第一时间想到的不是执行方法,而是各大素材网站的话,那么说明你已经过度依赖它们了,静下心来,尝试加入自己的想法吧。那么本期的分享内容就到这里,我们下次再见。
















































































