[平面UI] 掌握这个技巧,轻松玩转动感画面~

查看:709 |回复:3 | 2019-12-3 02:22:06

您需要 登录 才可以下载或查看,没有账号?注册

x
大家好,今天给大家带来的是摩托车主题的海报设计,我们在开始设计的时候首先要去分析项目调性,只有确定了项目调性你的设计画面才不会出错。

17.jpg
首先呢,摩托车的主题海报大多数是和运动相关的,那么我们来看看下方四组关于运动的一些海报,这其中包含有赛车、摩托车等速度感的风格设计。
从这些图片中我们分析一下速度感的海报设计技巧有哪些。
1.jpg
上图的参考图中我们可以看出摩托车主体海报表现手法,大多以倾斜、路径的设计手法来体现,营造整体画面的速度感。
我们在设计的时候就可以把这种倾斜和路径用到设计中,使画面更加具备动感。
接下来我们看下文案信息,进入设计环节。





第一步把主标题放置到画面当中,根据项目的气质更换方正尚酷简体这款字体,能够体现摩托车锦标赛的气质。文字先采用左对齐排列,让信息更具备秩序感。

把换过字体的主标题进行断行处理,增强其在画面当中的占比空间,调整字与字之间的间距让其更加的紧密贴合。断行处理之后主标题太过均等呆板,我们使用错位的手法使主标题更加的活泼。



继续丰富主标题,错位出来的负空间我们提取主标题英文信息解决,提取的英文采用断行处理,让其错落有致长短不一,添加色块来匹配主标题的权重关系。最后再把色块也进行错位处理使画面更加的灵动。

丰富后的主标题我们进行旋转倾斜处理,运用大小对比使其在画面当中更加的灵动,提取的英文信息与主标紧密贴合做个叠压处理。

主标题确定之后我们根据项目调性寻找相关的图片元素,经过挑选下图的摩托车赛手比较符合项目气质。
我们把图片元素与主标题做个结合,摩托车缩小处理与主标题进行叠压,突出主标题的视觉效果。



处理好的主体信息我们把它放置到画面当中,我们回想一下,前面开头的四张参考图都是运用了倾斜的处理方法,来体现在画面当中的动感效果。
为了让倾斜的感觉更加醒目聚焦,我们为其添加色块用来强化主体分割空间。

添加色块后就形成了主体的领域空间,我们来看一下在领域中哪些空间没有解决,下图的三处红点标注空间需要解决。
添加剩下的文案信息继续解决空间,顺应倾斜路径来增加色块及线条,使画面更加灵动有视觉感。

主体空间解决之后,再来看一下还有哪些空间需要处理,可以看到下图的两处红点标注空间需要解决。
继续添加剩下的文案信息,提取符号化信息,根据路径添加色块点缀。运用大小对比去解决画面空间。

继续增加线和面解决空间,完善整体画面后为主视觉色块添加肌理,选用轮胎印的粗犷纹理丰富色块的视觉效果。

画面到了这一步,一张充满动感的摩托车锦标赛宣传海报就完成了。



最后,我们为海报做一个样机的展示效果,这样把方案提交给客户,可以使我们的海报效果更加的真实而细腻。




本期案例就先为大家讲到这里,我们来回顾一下本节课我们用到了哪些知识点,本节课我们学习了首先要根据文案信息看项目调性,要大胆的去刻画主视觉。
用对主标题的字体,使画面更加的符合项目气质,先把画面的主视觉和构图确定好,通过点线面去丰富画面的氛围。
对信息进行符号化的处理,运用对比使画面更加出彩。设计还是在于多学多练,坚持每篇文章进行临摹练习。祝愿大家每天都有进步。

评分

参与人数 2元素币 +10 活跃度 +32 展开 理由
KL呆呆L + 20 【给力】阅贴无数,楼主最强!
源支始 + 10 + 12

查看全部评分

2019-12-3 02:22:06  
 赞 赞 2

使用道具 登录

3个回答,把该问题分享到群,邀请大神一起回答。
2#
回复 收起回复
2023-1-2 13:31:50   回复
 赞 赞 2

使用道具 登录

3#
回复 收起回复
2023-1-5 16:51:11   回复
 赞 赞 2

使用道具 登录

4#
回复 收起回复
2023-3-4 09:35:33   回复
 赞 赞 2

使用道具 登录

CG 游戏行业专业问题

图文教程技术文章技术文库UEUI
显示全部 11
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表