一直以来许多街面上的广告始终以一种难得的统一程度来刺激大家的感官。当然,这也包含了其他的客观因素。一部分人始终秉承着能用就行的观点,而且另一个让人无法反驳的原因就是——这样便宜啊!!哈哈
那么今天,我们抛开以上因素,单从设计的角度出发。让我们一起来看看如何让一个美感已经扑街的海报重拾设计感。
废话不多说,直接上图
先来对这张海报分析一波,发现问题还是有很多的。
1.版面问题
首先我们来看一看他的版面
整个版面采用完全的居中对齐的方式。的确很保险,保险也就谈不上出错,但是也绝对谈不上有多好看,毕竟用Word排出来选个居中对齐效果也是大同小异。
2.主图问题
接着从主画面选择的图片来看,虽与舞蹈这个主题的契合度是够的,但是图片整体给人的感觉并不是很好,品质感不高。
整体想要偏向于街舞那种酷酷的、有活力的感觉,但是效果不好,反而让我觉得有一种“群魔乱舞”,蹦迪的感觉。舞蹈培训这个点就显得不够突出了,缺乏专业性。
所以主图的选择是一个十分重要的点,如果主图表现得效果不好的话对画面影响是十分大的,甚至会影响到海报的主旨表现。
3.字体问题
然后我们来看一看文字的处理。
字体的选择上问题很大,乱用字体和效果。这明显是属于想的太过于复杂了,
首先字体本身的原始字体是有力量感的,选的与主画面的街舞倒是还能扯上一点契合度。但是后面又加了想要体现舞蹈柔美的曲线,以及这些花哨的光效,显得有些不伦不类。
整个文字组合的效果给人一种立体金属碰撞、热血的感觉,如果去掉曲线拿来当变形金刚的主题字都完全没有问题。
4.正文编排问题
然后看一下正文部分,正文的问题非常大。
文字整体显得十分拥挤,阅读起来很费力。段落文字的对齐方式也不对,只是一个单纯的左对齐,文字行间距不够,整体显得太过紧凑。
这个问题也处理的话也十分简单,只需要简单的几步。我们把这一段文字重新处理一下,直接用段落文字打出来的话呢,就是这个效果。
软件默认是左对齐,行距的是1.2倍,效果并不好。
那我们就来操作一波。
这里行距手动调整一下,一般是字符的大小的1.5-2倍之间就可以,字符微调选择视觉。
段落里对齐方式选择两端对齐,末行左对齐。避头尾集选择严格,避免段前段后出现标点符号,如果段落末尾只有一个字的话是不可以成一行的。
段落如果没有用首行缩进的话可以在段落尾再空一行,这样段落之间分的更明确,也具有节奏感。
现在对比一下是不是要舒服不少了。
好的,现在分析完上面这张海报,我们发现它的问题主要可以分以下几点:
- 版面太普通,没有亮点。
- 图片选择的不好,品质感太低。
- 乱用字体和效果
- 内文编排问题
知道了它主要出现的问题,那么我们现在对这些问题来一一对症下药。
先将文字信息层级划分出来
这样就清晰多了。
然后去网上找一下舞蹈相关的图片,之前有给大家分享过一些好的图片网站,多去挑选一些网上比较优秀的摄影作品。
这里小编给大家推荐一些比较不错的无版权图片网站,大家平时做项目或者练习的时候都可以在这里去找一些品质比较好的图片。
https://unsplash.com/
https://www.pexels.com/
https://pixabay.com/
https://colorhub.me/
https://www.hippopx.com/zh/
https://foter.com/
图片用的怎么样对版面的影响是很大的,所以找图的时候也得多去注意一下。
1.首先图片的清晰度要够,这个不必过多赘述。
清晰度相信不用多说了吧,清晰度的优劣直接会影响我们作品的品质。如下图中这类素材清晰度不够,排版就会毁于素材。调换成足够清晰度的素材,画面也会精致很多。
2.契合度要高
契合度就是素材与主题的关联程度,如果一个表现体育的主题你去找一张美食的图片,那么毫无关联程度,必然是错的。
上图左侧的案例文字是狗,但素材图却是个豹子,于是就成了契合度不够的典型。
再比如上图的图片虽然也是舞蹈但是更像是一群人在蹦迪,舞蹈培训的专业气息就体现的不是很好了。
3.表现力
表现力有多重形式,如创意性、光影出色、层次感强等等。
比如我们找一个舞者的素材,下图左侧这种就属于表现力不够的。
左侧的素材常见,造型、创意以及美感都差强人意,缺乏感染力自然表现力就不够。相比较右侧素材的光影以及美感非常好,表现力就会强很多。
上图两案例也属于表现力非常好的素材,我们在做排版时,如果要用素材就要用表现力过关的素材,这样作品才会更有美观与设计感。
光影对比强烈、色彩丰富、视角特殊等等表现力都比较强。
光影对比强烈
视角特殊且人物动作有张力
色彩丰富
最后我们挑选了这一张作为主图,光影对比很丰富且人物动作的张力很足,有很好的表现力。
根据选好的这张图片,本小编先来大致用方块确定一下版面,这样方便对整体版面的把握。
然后就可以把先前做好的层级信息往里面搬了
首先把主标题和二级标题放进来,主标题做一个简单的文字组合。两端文字组合都用蒙版和人物做一些穿插关系,增强层次感。
主标题的英译文放在汉字中间,不仅是译文,同时也是一个间隔的符号,引导正确的阅读顺序。
二级标题虽然占比比较大,但是降低了其透明度,再不抢主标题眼球的同时还能占满版面的右边部分,不至于版面比重失衡。
这些都是一些小的细节,我们平时做设计的时候也要多考虑这些细节,想的更加周全。
接下来再把联系地址信息和内文加进去
这里要注意前面说过的内文和联系信息的编排方式,段与段之间的间隙留足够,版面里的信息就都会美观整洁且便于阅读。
最后我们可以适当的调一下色,小编就把这张海报改完啦!!
小编改完后觉得自己做的还是挺不错滴,于是兴致冲冲拿给大猫老师看,
本想接收表扬,不料又被大猫老师指出不少问题,呜呜~
首先,整个版面人物的朝向是向右边的,而且她的动作也明显更偏向于右边,所以在视觉上我们首先注意到的是在右边。
所以这个时候把主标题放在版面的右边就显得很不合适了。
同时,构图上来讲,面朝向的那一面通常会留出更多的空间,否则会觉得压抑,就比如面朝着墙要比背朝着墙要难受的多。
第二,小编的文字组合的也并不是很好,英文字体选的虽然有舞蹈的气质,但是程度还不够,还是偏规整了点,感觉太过机械了。
于是,小编结合大猫老师的意见又改了一稿出来。
看,这字体多飘逸呀,猫老师这次不表扬我才怪,哦嚯嚯!
不料换来的确实猫哥一声叹气,猫哥说整体比上一版好了不少,但画面左下角有些空,可以加一些元素占领这块空间更平衡。另外英文的选择还是不够飘逸。而且英文跟主标题的组合太过生硬,非常呆板。
说罢,猫哥边指导边上手改了一稿出来……
主要修改的地方有以下几点:
1.人物位置更靠左,为右侧的文字信息留出了足够的空间。
2.英文作为提升版面整体调性的装饰性信息,字形选择更为飘逸,与人物整体的动态和感觉更为契合,也更符合主题。原修改的海报英文不能说选择的不对,但与整体风格有点不搭,没有舞者的飘逸。
3.联系方式信息重新编排,更美观,为了增强其在明暗交错区域的识别性,在文字底部还增添了黑色背景。
现在改稿的案例已经基本完成,可以出街了,但是我们还可以将它改的更好。因为画面中的人物为主体,我们可以用一些手法来进行强调
比如下图我们加了一个线框的装饰和主体人物做一些穿插关系,即增强了主画面的层次感,同时也有一种概念运动的感觉。当然也可以以这种方式做一个追踪人物骨骼动作的效果,也是一个不错的方法。
当然,不只有这一种方法,也可以加入背景,比如这里以一个圆当作背景,增加画面主体物在版面中的占比(人物可采用通道抠图的方式,让裙摆通透一点)。
也可以再加一些效果,使画面更有空间感。
那么今天的这张海报就修改完了,可以看出来改观还是很大的,而且也并没有之前想的那么复杂,只需要处理好以下几点:
- 版面整洁美观
- 主画面品质好
- 文字搭配合理
- 内文编排清晰
最后让我们看一下修改前后的对比吧。
原图
修改1
修改2
修改3
原文地址:大猫设计(公众号)
作者:负