来看素材的正确使用方法Homepage recommendation
171天前Publish
46062
|
144
|
1395
来看素材的正确使用方法

undefined





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







模板是素材汇集的重要载体之一,

那么这个让人又爱又恨的素材模板,

它都有哪些问题呢?




我们从网上收集了一些比较典型的设计模板,

可以看到每一个模板中都包含着多种多样的素材类型。






接下来我们一起来还原一下,所谓“套”模板的这个过程,

也许我们可以从中看出一些问题。

这个汉堡的画面感觉还可以,那么我们就选它了。





既然是汉堡相关的内容,我们也模拟一个类似的文案信息。

与模板上文案的不同之处在于,

我们主要想传达的是促销信息,而不是强调口味。






我们把文案放在版面上,

看起来内容刚好可以覆盖到原有的文案部分。






我们同样使用原来的文本格式,这样几乎可以说是完美还原了。

那么到这里,这个模板就套用好了,刚刚好的文本数量,

不多不少,我们还原了一个套用模板时最理想的状态。






那么即便是这样的神还原,这个画面就真的没问题了吗?

显然不是的,接下来我们就试着分析一下这样的模板素材都存在哪些坑吧。





                   


                                                    首先比较明显的问题是,这样套版本身并不灵活,

                                                    现实情况是,我们手里的文案通常没有那么好的运气能够刚好匹配。





                   


                                                    可以看到,画面中不仅有照片元素,

                                                    还有扁平样式的插画以及主标题上的卡通造型,

                                                    这些风格并不一定就能够符合我们的内容。





                   


                                                    如果不假思索的无脑套用,那么模板本身的版式问题,

                                                    也很可能被继承下来。





                   


                                                    那么除此之外,我们也会发现,

                                                    版面中充斥着多种风格并不搭调的字体。

                                                    这样的字体搭配不仅不会增添设计感,

                                                    反而会让版面显得十分不协调。





                   


                                                    可以看到,虽然套模板能在短时间内完成设计要求,

                                                    提高工作效率。但是这并不意味着这是一个好作品。







虽然我们抵制套模板,

但素材真的是无辜的,在为素材洗刷冤屈之前,

我们先来了解一下,

模板中常见的素材都有哪些分类。



                   


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





                  


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





                  


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





                  


                                                    通常版面中都少不了点缀形式的元素,

                                                    它可以是图形、图像、插画等形式存在,

                                                    这张图上的点缀元素就是偏向于摄影图像类的素材。





                  


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





                  


                                                    这个版面下方,是插画类型的素材。

                                                    设计素材的这六种不同形态,

                                                    需要我们合理应用,才能更好的发挥它们的视觉效果。





素材本身并不是问题的关键,关键在于如何去使用它们。接下来要划重点了。为了帮助大家更好的利用素材,我们也可以尝试着总结出了几种不同的设计思路,希望可以帮到有这方面困惑的你。







接下来进入第三个阶段,

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








第一个方法是统一元素风格,那么统一风格要怎样去理解?

这就要用到我们刚刚学到的知识了。






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






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






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





                                     


                                                    因为它是一个瓶贴设计,所以我们可以在造型上,裁剪的更像柠檬一些。





                                                    


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





                                                    


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





                                                    


                                                    我们可以尝试着将之前的退底照片和飘带元素,

                                                    统一成更接近字体的图形样式,这样整体的统一性就更强了,

                                                    再加上发射线条进行氛围的烘托,这个标签也就完成了。






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








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






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






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






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






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





关于优化劣质图像的方法,可以观看我们之前出的这篇订阅号教程。





                  


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





                  


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





                  


                                                    这一次,我们选择将人物处理成“剪影”样式,

                                                    以此来规避像素太低的问题。





                  


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





                  


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





                  


                                                    我们将文案放到版面中合适位置。

                                                    画面中心部分缺失一个焦点,

                                                    我们可以从文案中提取跑步的关键词。





                  


                                                    将关键词放大。因为视错觉的原因,

                                                    所以关键词的位置位于版面的几何中心偏上一点。





                  


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








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






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






最后,调整文字的构图与布局,让整体更有形式感,

看到这里,相信大家已经知道这个方法具体指什么了,

就是在不改变素材的情况下,通过调整版式来优化模板。





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





                  


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





undefined                  


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





                  


                                                    汉堡我们安排在版面中心的位置,文字虽然被遮挡了部分,

                                                    但凭借人们的脑补能力,还是具备辨识度的。

                                                    然后是火焰素材,我们将其与汉堡成组。





                  


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





                  


                                                    我们继续编排文字的部分。画面偏下方的空间,

                                                    就是预留给文本信息的位置。





                  


                                                    我们需要调整好它们的间距和规范位置关系,

                                                    重要的内容层级更大,不重要的内容,层级更小。





                  


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






对比可以方便我们更直观的看出差别,虽然素材没变,

但明显右侧的版本视觉焦点更清晰,信息重点也更明确。








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






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






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





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





                  


                                                    我们可以拿这个模版中的素材,来进行案例优化的尝试。

                                                    在这个模板中,能够利用到的素材,也只有这个蛛网的元素了。





                                                     


                                                    我们将它提取出来,这个蜘蛛网是一个线性图形,

                                                    我觉得它占用的视觉面积太小,可能会影响后续的设计。





                                                   


                                                    所以,我尝试着将它换成成由面构成的图形。

                                                    不过到这里就结束了吗?可能还是有些复杂了,

                                                    蛛网为了保持形态,面积之间需要预留出空隙。





                                                   


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





                  


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





                  


                                                    我们将这个蛛网造型划分成四份。

                                                    也就得到了一个4×4的网格,

                                                    我们可以利用这个网格来变化其中的单元形。





                  


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





                  


                                                    那么到这里,这个图形部分延展的差不多了。

                                                    它更符合内容中关于冥想的主题,

                                                    同时蛛网的造型也呼应了蜘蛛这个元素。





                  


                                                    色彩上,依然围绕着主题进行,围绕着“梦幻”去寻找配色依据。

                                                    最终我确定了这样的抽象图形。





                  


                                                    将文案放置在版面中,可以看到,

                                                    这一次版面中留给文案编排的部分依然是版面的下方。





                  


                                                    我们可以将图形中的网格延展下来,

                                                    这样文字部分的构成就能够与图形更统一了。





                  


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





                  


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





                  


                                                    最后,把其余信息安排在剩余的空间内,这个版面也就布局完成了,

                                                    不过字体还不是很贴合主题。





                  


                                                    所以,最后的最后,我们还需要再换一个符合版面气质的字体,

                                                    那么这个海报到这里也就结束了。








我们再来看这四种方法,它们都是通过不同的切入点去合理的利用模板中的素材。

而不是无脑的去套用某一个版面样式。





素材的确可以提高小绿,但它不是阻碍我们主动思考的理由。如果接到委托后第一时间想到的不是执行方法,而是各大素材网站的话,那么说明你已经过度依赖它们了,静下心来,尝试加入自己的想法吧。那么本期的分享内容就到这里,我们下次再见。





undefined

1395
Statement: all the content and comments made by netizens in ZCOOL only represent themselves, and do not reflect any opinions and opinions of ZCOOL.
Report
Share
Collect
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
All Comments0
丹东 | 教育工作者
收录收藏夹
更多收录此文章的收藏夹