来看素材的正确使用方法

Homepage recommendation
上海/教育工作者/3年前/58048浏览
来看素材的正确使用方法Homepage recommendation

来看素材的正确使用方法

undefined





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







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

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

它都有哪些问题呢?




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

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






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

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

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





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

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

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






我们把文案放在版面上,

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






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

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

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






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

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





                   


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

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





                   


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

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

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





                   


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

                                                    也很可能被继承下来。





                   


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

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

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

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





                   


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

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







虽然我们抵制套模板,

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

我们先来了解一下,

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



                   


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





                  


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





                  


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





                  


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

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

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





                  


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





                  


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

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

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





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







接下来进入第三个阶段,

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








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

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






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






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






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





                                     


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





                                                    


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





                                                    


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





                                                    


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

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

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






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








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






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






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






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






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





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





                  


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





                  


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





                  


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

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





                  


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





                  


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





                  


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

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

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





                  


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

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





                  


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








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






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






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

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

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





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





                  


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





undefined                  


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





                  


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

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

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





                  


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





                  


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

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





                  


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

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





                  


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






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

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








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






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






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





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





                  


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

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





                                                     


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

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





                                                   


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

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

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





                                                   


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





                  


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





                  


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

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

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





                  


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





                  


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

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

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





                  


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

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





                  


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

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





                  


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

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





                  


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





                  


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





                  


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

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





                  


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

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








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

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





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





undefined

1720
Report
|
1471
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
x oasis coffee
Homepage recommendation
相关收藏夹
平面设计教程
平面设计教程
平面设计教程
平面设计教程
精选收藏夹
作品收藏夹
设计文章/教程
设计文章/教程
设计文章/教程
设计文章/教程
作品收藏夹
设计理论知识
设计理论知识
设计理论知识
设计理论知识
作品收藏夹
平面设计
平面设计
平面设计
平面设计
作品收藏夹
设计师必看系列
设计师必看系列
设计师必看系列
设计师必看系列
作品收藏夹
文章
文章
文章
文章
作品收藏夹
大家都在看
Log in