如何设计一张高品位高水准海报? (下)

资讯频道 - 设计技 来源:中国设计在线 作者:cdo 2015-12-03

本文根据知乎网友回答整理而成,本文即有理论,也有实践,最终告诉你怎么来设计一个有品味有逼格的海报。本文分上下两文。

上部为海报设计理论,下部为海报设计实操。

本文为下部

首先以《五月风》海报设计为例

先祭出设计四大基本原则:重复,对比,亲密,对齐。

01/

重复

 

 

 

重复指的是,设计中的视觉要素在整个作品中重复出现。

可不是说放几个一样的小方块就是重复了哦,仔细看上图,颜色重复出现,高度、宽度重复出现,元素间距重复出现,可以预见的是,如果我们在最后再加一个小方块,一定还是同样的颜色、高度、宽度、间距,如果不是为了突出,我们不会引入新的元素。
应用上来说就是,如果我要加一行字,第一反应是,用之前用过的颜色和字体,如果没有确凿的理由,就坚决不出现新的要素。这是设计的克制,也是初学者最最先要学会的一件事!

来我们根据这个原则,对题主的海报进行第一次手术,手术的奥义是——重复。


完全按照题主的意图和内容,将文字提了出来,字体全部用微软雅黑(新手用这个字体没错就是啦),大小和位置也没有改,只是扔掉了花花绿绿的视觉元素(字体样式、大小、行间距),按照重复的原则进行整顿。

什么,一点都不高大上?都说了这是科学!要一步一步来!

02/

对比

对比指的是,避免页面元素的太过相似,如果元素不相同,那就请深深的不相同。 

有重复就一定有对比,重复是基调,对比就是焦点。重复一定要精确,对比一定要大胆。

对比可以有多种方式产生。大字体与小字体,oldstyle与sanserif,粗线条与细线条,冷色与暖色,平滑与粗糙,长宽与高窄,小明与大明(咦?).....等等。

正所谓密不透风,疏可跑马,放手去搞不要逃,不强烈的对比宁可不要。 


好吧其实题主原本的对比已经很明显了(我指字号),我稍微调整一下,再配张小图,形成图与文的对比。(图是百度来的,百度图片现在很好用哒,还有推荐的是昵图网和站酷网,设计师标配,不过切记要注意版权问题~)

是不是看着很乱,找来找去找不到想要的信息累觉不爱?不急,下一步。

03/

亲密

亲密性指的是,物理位置的接近意味着内容的关联,所以要将相关的项目组织在一起。

新手的设计总是元素四散,杂乱无章,看似是他们不懂留白的奥义,但实际上是不懂亲密。相关内容得到有效组织,空间自然会空出来,就像知乎的Club感觉会场都是人,但要是让他们按照大小个以男左女右前后相隔一臂左右相隔一拳原则立正看齐排排站,我保证还能塞进500人(......我在说什么)。

标题要对应相关文本,图片要响应对应内容,大小层次,尊卑有序,亲密,保证了内容传达的有效性。

 

稍微有点样子了吧~?再来本阶段最后一步。稍微有点样子了吧~?再来本阶段最后一步。

04/

对齐

对齐指的是,任何元素都不能在页面上随意安放,每一项都应当与页面上的某个内容存在某种视觉联系。对齐指的是,任何元素都不能在页面上随意安放,每一项都应当与页面上的某个内容存在某种视觉联系。
对齐是地心引力,一根参考线立在那里,就要求所以被选中的元素死死的贴在上面,不允许有一像素的叛离。
同一根参考线意味着某种联系,将依附于它的元素建立起亲密以外的秩序。

由于对齐原则在以上的示范中其实无处不在,我已经默默遵循了(不对其会死晚期),就不再单独示范啦。需要强调的是,在物理位置相聚太远的情况中,要熟练运用辅助元素将不同的对齐联系起来。比如:

 

右边利用辅助线,将上半部分的左对齐与下半部分的右对齐联系起来,使得画面稳定,内容具有连续性。

 

到现在为止,我们利用设计四项基本原则对答主的海报进行了初步的处理,使其基本达到【及格】标准。

学校活动《超级演说家》海报设计过程

这次学校的活动,名叫《超级演说家》,前期需要两类海报,一类是预热的,一类是稍微详细的介绍的(注意:只是稍微详细,时间地点而已)。下面我们分别说说。

第一类,预热,既然是预热,那么就要有传播性话题性,这样才热的起来,而且之后还有稍微详细的活动介绍海报,所以预海报是的发挥余地非常大。

初步,我们要造一个大新闻,所以我们用红色为主色;要有神秘感有形式感,所以信息不要给太多并且放在底部(时间,和口号(口号是:等你发声))。但是信息放底部会不太显眼,加之整面的红色会没有重心,所以在底部加一条黑色用于放置文字(字体很重要我们稍后说)信息和提供重心。不过即使这样了,这接近于整面的红,还会是让人在观感上很不舒服,因此我们再来一加个灰色的框子,这样还起到了让海报整体看上去修长一些的效果(答主学校的海报展板比例比较普通A4纸还要宽不少)。

综上,我们得到了这样一张图:

 

发声,发声你想到了什么,我想到了沉默,沉默你想到了什么,我想到鲁迅。不在沉默中爆发,就在沉默中灭亡。OK,就这么来,先去网上找素材,我们要的是简洁大气有逼格,所以不要太多颜色,最好就是图片上已经有的颜色,红色是背景灰色是边框白色是文字,好了没得选,就黑色。黑色,第一想到的便是木刻板画风格比如这样:

但是这张图里的鲁迅的身体没多少,不是我想要的效果,要大半身照才行,大家可以想想,这么大个带肩大头照放在底部的黑色区域之上(上部区域我们要写字)是非常不协调的,找了一会儿,也没找到合适的,那自己做吧。先找一张合适的大半身像,PS抠图后用高斯模糊+阈值,AI用图像临摹+路径查找器来抠图。——可以做出板画效果

效果是这样的:

处理前

处理后:

下面我们来看看文字“不在沉默中爆发,就在沉默中灭亡”,字如果用作大标题,还是多了些,一排字太小,两排字,字倒是可以大些,但两排大字则会让海报没有透气感,很挤,所以我们竖着来放,结合刚做的木刻风效果如下:

到了这一步,其实要求不高就已经可用,但是我们把要求放高一些,你会不会觉得“不在”灭亡“这些字显得有些平淡(如果不用这样的字体会更加明显),海报整体内容没有主次之分,也就是所谓视觉重点。既然是预热,其他信息不重要话题,和深入人心是重点,那么我希望海报的重点将是”不在“灭亡”这几个字,所以我调整了每个字的字号不同,使其看起来错落有致,根据内容的不同,这里把”沉默“”爆发“做的最大。最后再加上鲁老的简单介绍(真的是非常非常简单),以示尊重,海报就完成了

演讲嘛,或许还容易想起一个人,马丁.路德.金,那我们用以上方法再做一张他的如何。然后按以上步骤你做出来可能是这样的:

这!特!么!是!什!么!鬼!

问题在哪?当然在我没讲好啊!

首先颜色。光红色就有红色有洋红,大红,粉红,中国红,美国红,泰国红巴基斯坦红等等等等,那么多的红不是说这个好,那个不好,而是说颜色要用对地方,既然是演说,要热情要勇敢之类的特质,并且我们想抓住眼球,那么我们的选择就该是大红或者说正红,当然,在明度和饱和度上往回调那么一点,观感就会不过于的刺激而显得低端。边框的灰色也是,太深了不但起不到当时所预想的效果,还把画面弄的死气沉沉。

接下来,是构图,看看第一张,是不是基本轴对称?对新手来说,轴对称是最稳妥的做法。然后是下面黑色部分的大小,起初我们设置这里是因为“整面的红色会没有重心,所以在底部加一条黑色用于放置文字信息和提供重心。”现在这样重心是提供了,但也太特么沉了吧。这条黑色影响到的还有字,字再放大就抢了主要信息的风头,大小正好,可周围空那么多,是准备让大字生小字来填满?你要往海报里放的每一个部分都是有用的,必不可少的,别老想着往里面加东西,同时每一样必不可少的东西也还需要良好的各司其职,这样才能收获好的效果。

最后是文字部分。首先字体,字体是有气质的,就和不同的颜色会传递不同的心情一样,比如“等你发声”这几个字,既不能抢主题的风头(不能太花哨),也要符合整张海报的气质(复古的,文化的),所以这里选用了XXX宋体(自己用盗版字体已经很可耻,再这里教更多人用盗版更可耻,所以给XXX了,即使这样依然表示抱歉,也想过给学校要资金买字体,但学校肯定不会批。所以,再次抱歉)。上面的几个大字,之所以用毛笔字体,是想体现出动态和力量,且我用的那套毛笔字(是一日文字体,用繁体也是这个原因,制作非常用心,细节丰富,国内的毛笔字体也许是我接触的少,现在还没看到那么满意的)体放大后依然细节丰富,十分适合用在海报这种需要比较大的字的地方。总之,字体选用十分重要,可以影响到整张海报给人的感觉。依然是大字,之前竖拍版是因为字多,而现在则并非那么必要了。

做完以上调整我们再来看看此张海报:

是不是顺眼多了?

下面我在放上一张,为了同一个活动,和我一起工作的哥们 袁大头做的海报,也是非常的简单,可是传达的意思,却是十分有趣味性的。(据知友提示,这张图是仿制的日本一海报)

依然:有一个好的想法,合适的图片,轴对称构图,合适的字体选用。
谁都知道这花不了多少时间,可优秀就是优秀。

然后三天过去,预热的差不多,怎么报名有什么奖品也该公布,于是就该发布下面的海报,借用了国王的演讲,其余的就是字体的选择大小和排列之类的东西,上面都有说到,还没有全部调整好,大家将就看着

声明:站内网友所发表的所有内容及言论仅代表其本人,并不反映任何网站意见及观点。

全部评论

暂无相关推荐