视觉设计 » 巧用元素拆解,轻松设计端午节海报

巧用元素拆解,轻松设计端午节海报

发表于: 视觉设计. 评论
Sponsor

前言:很多时候大家都在抱怨素材难找,找到了放上去又很怪,其实这种怪的感觉就是因为素材的风格不够匹配,今天通过一份端午节的海报设计教大家如何提取适配风格的元素进行设计使用。

巧用元素拆解,轻松设计端午节海报

大家在平时的设计过程遇到什么难以解决的问题可以直接在文章尾部添加我的个人微信我都会尽量帮大家解决。 如果大家都为一个问题感到困惑我也会专门出一篇文章或者视频帮助大家解决问题,提升设计水平,闲话不多说,下面开始今天的讲解。


巧用元素拆解,轻松设计端午节海报

想要快速上手给设计前期的了解是必不可少的,我们可以通过百度来进行一个简单的了解,方便我们后面用关键词进行搜索。

巧用元素拆解,轻松设计端午节海报

我们从百度中截取了一段习俗的部分,从中提取了端午节的习俗作为我们的可用元素。

巧用元素拆解,轻松设计端午节海报

从我们提取的关键词中进行元素选择, 一般这种难度的画面基本三个关键词就足够我们使用了。

巧用元素拆解,轻松设计端午节海报


首先根据粽子这个关键词去搜索含有这样元素的海报。

巧用元素拆解,轻松设计端午节海报

从中我们可以得到这样一个基本形态,可以留着作为我们后面的内空间或者其他元素的承载空间形态参考。我们在设计画面的时候所有元素要尽可能的去匹配我们画面该有的元素,比如这里用这个形状肯定就要比圆要强,画面元素匹配度越高,整体给人传达的调性就越精准。

巧用元素拆解,轻松设计端午节海报

找四个这样的雄黄酒我们作为设计的选择,在这里我就不给大家正确答案了,因为本身元素选择这种东西就没有正确答案,我们需要根据我们后面的主体和画面整体风格选出匹配的元素即可。巧用元素拆解,轻松设计端午节海报

这就到我们的主角出场了,这份设计我准备以龙舟为主体来进行设计,在设计开始前我们先看这份作品。巧用元素拆解,轻松设计端午节海报

因为我们的项目是传统节日,所以在字体选用上它了一个书法体是比较合适的,当然我们也可以选用宋体同样也很匹配项目调性。这个画面能出彩其实还有一大部分原因就是他的元素层叠关系做的非常好,前后关系很清晰,所以画面空间感就很足。

巧用元素拆解,轻松设计端午节海报


巧用元素拆解,轻松设计端午节海报

下面开始本次端午节海报的案例实操,从文案信息上看我们这个设计是有促销属性在的,所以整体的感觉要往热闹的视觉感受走,视觉形式需要足够丰富。

巧用元素拆解,轻松设计端午节海报

首先信息基础陈列。巧用元素拆解,轻松设计端午节海报初步的调整好信息层级。巧用元素拆解,轻松设计端午节海报

构图选用通用构图中的上下分割构图。

巧用元素拆解,轻松设计端午节海报

在主空间内进行二次构图,我在设计的时候想让主空间的元素相对灵活一些,我选用了对角构图来达到我想要的效果。

巧用元素拆解,轻松设计端午节海报


搭建完大概的元素摆放位置我们就要来确定画面的主体。

巧用元素拆解,轻松设计端午节海报

其实匹配元素风格最好的办法就是这个元素本来就是从一个素材身上来的,我们以后在做设计的时候一定要善于观察主体,看主体身上有没有什么可以局部放大,缩小,旋转使用的,如果有提前给拆分出来,方便我们后面进行设计。

巧用元素拆解,轻松设计端午节海报

根据构图初步协调一下标题和主体的位置摆放。

巧用元素拆解,轻松设计端午节海报

可以看到现在红色区域出现了一个问题空间。

巧用元素拆解,轻松设计端午节海报

我们通过把元素块面化来调整元素趋势,解决空间问题。

巧用元素拆解,轻松设计端午节海报

把文案和主体匹配我们的块面摆放上去。

巧用元素拆解,轻松设计端午节海报

调整主空间内的字体,使其更加匹配项目,这里标题使用的字体是字魂(字魂48号-半天云魅黑手书 Regular)字体已放入素材包,商用请获取正版字体。

巧用元素拆解,轻松设计端午节海报

把标题和主体都做出调整,稍微倾斜一些的同时都放大,这样整体的视觉性就会比原来强很多。

巧用元素拆解,轻松设计端午节海报

注意看主体的眼睛部分,我把主体的眼睛朝向做了一个调整,是因为原来主体眼睛看向的地方是直接堵死的状态,就非常不好,一会我会在主体目光朝向的地方加一个元素来让主体的视线有所呼应。

巧用元素拆解,轻松设计端午节海报

使用我们提取好的基本型把信息承载起来。

巧用元素拆解,轻松设计端午节海报

改变背景色为绿色,这样更加匹配我们的项目调性,不会配色的小伙伴可以直接从主体身上吸取。

巧用元素拆解,轻松设计端午节海报

把背景丰富起来,加一些祥云的纹理,和一些粗糙的纹理,把主空间靠近主体的位置提亮这样可以让主体更容易被人第一眼注意到,虽然我们丰富了背景但是一定不要抢主体的风格。就像穿漂亮衣服肯定是为了自己好看一些让别人夸你长得好看,而不是这衣服真好看。

巧用元素拆解,轻松设计端午节海报

刚才我们次空间的促销信息出了些阅读性的问题,通过添加这样一个承载的空间来保护标题的识别性,这里注意细节,这个类似卷轴的形状是围绕这主体进行前后层叠穿插的,只有照顾到这些细节我们的设计作品才能有空间感。

巧用元素拆解,轻松设计端午节海报

把促销信息刻画好,占据卷轴的空间。

巧用元素拆解,轻松设计端午节海报

对应主体的视线,添加一个元素,这里我搜的关键词是

巧用元素拆解,轻松设计端午节海报

整体进行调色,让画面更加出彩。

巧用元素拆解,轻松设计端午节海报

最后做一个样机的效果,提升我们画面的质感。

巧用元素拆解,轻松设计端午节海报

>样机效果图<

最后总结 >

通过这个案例我们可以看出,设计并不是单一的文字编排,更不是纯粹的炫技,我们只需要简单的做好元素的协调,构图的选择,我们的画面就可以有一个非常好的效果了。希望大家看了这篇文章有所收获,有任何版式或者工作上的问题可以扫描我的二维码添加我的个人微信我都尽我所能帮助大家解决。

↓ 本教程练习文件 ↓
扫码,关注后台发送「20220601」即可下载

非常感谢各位的阅读,喜欢的本文可以点一下在看或者转发,您的每一个在看与转发都是我更新的巨大动力,如果觉得本公众号更新的内容还不错可以把公众号推荐给朋友,我们一起做知识的传播者,点亮设计圈。最后祝大家每天进步我们下期再见。

来源(公众号):视研设

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }