大总管默默

阅前叨逼叨:不是会做字体设计就能做好标题设计。

在商业海报和广告设计中,标题的设计和排版是非常关键的部分,很多时候标题甚至比图片更加重要,如果标题处理不当,很有可能会毁掉一件设计作品。所以,本篇文章,葱爷来详细讲讲,如何设计好一个标题?一个优秀的标题设计,首先要做到以下几点:

❶ 清晰、显目

❷ 调性与画面相符

❸ 与画面有密切关联

下面,葱爷再来一一讲解如何把这三点做好?

 

一、清晰、显目

一张海报里最重要的信息通常会体现在标题里,有研究表明,阅读标题的人比阅读正文的人要多5倍,所以标题当然要突出,必须在最短的时间内抓住受众的目光,并且,标题一定要有比较高的识别性,以保证传播的效率。

所以标题通常会排在版面的左上方、正上方、正中央等位置,选用笔画较粗的字体,并且在版面中的面积占比会比较大。

图片图片

很多设计会给标题增加描边、色块、投影、立体效果等,也是为了使标题更突出。

图片图片

 

案例示范运动会海报标题

下图是一张运动会的海报,画面中的背景素材呈发散分布,有比较强的空间感,标题通过倾斜扭曲排在版面顶端,字体的选择还算合适,但排版跟画面的融合度很低,且识别性不够高,白色文字在橙色和黄色的背景上并不明显。

图片

由于该海报使用的是居中构图,主体占据版面正中心,且占比较大,版面正上方的空间并不多,所以把标题直接横排在顶端并不是很合适。我们再看背景素材是从主体的背后发散出来的,所以标题的排版也可以呼应这一做法,我把标题拆开,经过变换扭曲形成一定的透视,一左一右放在主体两边。

图片

重新排版以后,标题与画面的契合度高了很多,但识别性依然不够,所以我给它加上了投影和描边效果。

图片

标题的识别性确实高了很多,但是这种圆润的描边效果与比较酷的画面不太吻合,所以我在此基础又加上了色块,为了避免标题完全被色块包裹,造成比较呆板的效果,于是只把色块包住了标题的下半部分。

图片

另外,还给色块加上了厚度和渐变色,标题的分量加重了,与画面也更融合。

 

二、调性与画面相符

一张海报的调性是由图片、色彩、文字、排版、设计风格等共同决定的,所以标题设计的调性要与画面统一起来,否则就会有一种混乱、不和谐的感觉。如果是温馨的画面,标题应该温婉亲切;如果是活力四射的画面,标题应该有动感;如果是潮酷的画面,标题应该时尚酷炫。

❶ 温婉亲切的标题常常会使用笔画柔和、细腻的字体,比如圆体、宋体、手写体等,葱爷列举了一些常用的字体,划线的都是免费字体。

图片图片图片

▲ 这类标题很少会做太多、太厚重的效果,也不会使用饱和度太高的颜色。

❷ 动感的标题通常会用比较简单、现代、笔画粗劲有力的字体,还有一些豪放的书法字体也很合适,以下是一些常用的字体。

图片图片图片

▲ 倾斜、扭曲、错位排版是动感类标题常用的技巧。

❸ 酷炫的标题也会使用一些现代的字体,且通常会填充高饱和度的纯色或渐变色,故障风、荧光风、机能风很适合表现这种调性。

图片图片

 

案例示范蓝河绵羊奶海报

这是一款中高端的奶粉海报,标题的排版虽然很突出,但是字体太过圆润,且笔画略偏复杂,描边与立体效果也显得不够精致、优雅,所以,这个标题在视觉上并不符合中高端的品牌调性。

图片

另外,标题放在画面正上方,感觉压在代言人头上,视觉上会有不舒服的感觉,同时,由于标题占比较大,间接导致画面的主次不够鲜明。

图片

针对以上问题,葱爷做了如下调整:

❶ 重新设计了标题,字形更加修长,笔画横细竖粗,具有宋体字的优雅,且简单直接,兼具黑体字的现代感,在横平竖直的结构中加入圆角,使得字体略带女性与儿童的柔和感。

图片

❷ 在效果上去掉了金色描边和厚度,而是直接填充成金色,并做了一点点白色描边和外发光,这样的效果相比之前更为优雅和精致。

图片

❸ 在排版上,把代言人拉大成为绝对的视觉主体,然后把标题放在人物左侧,使标题文案看起来就是由代言人说出来的感觉。

图片

调整完以后,标题与画面和品牌的调性更统一了,而且画面的主次关系和设计感也得到了进一步加强。

图片

 

三、与画面密切关联

同一件设计作品中的所有元素都应该是相辅相成的,相互存在联系和影响的,这样整件作品才会和谐、美观、整体,所以,一个好的标题设计应该从字体的选择、轮廓、特效、配色、风格、排版等方面都与画面形成呼应。

图片

▲ 该画面是一个仰拍角度的棒球青年,而且正在挥棒,所以具有很强的动感,标题采用了一种笔画简洁、刚硬的字体,并处理成手写笔刷质感,调性上符合户外运动的海报。排版上把标题分成三行,并经过变换扭曲,使标题呈现出与画面类似的透视效果,标题拉大直接叠在人物的腿上,而不是缩小放在空白处,加强了画面主体(人物)与标题的关联,画面的整体性更强,而且也继续强调了运动海报大气、不羁的调性。

图片

▲ 宋体字标题具有一定的历史感和文化底蕴,与以展现民族文化的插画图形在调性上是吻合的;插画图形组合成几何形状的数字100,所以标题与内文分布对齐图形的顶端和底端是合理的,整个画面得以平衡;标题中的金色与图形中的橙色是同类色,标题中的红色直接来源于图形中的红色;以上所做的一切,使得标题与图形相得益彰。

从以上的案例分析中我们可以得出这样的结论,想要使标题与画面建立强关联,需要做好以下几点:

❶ 标题的调性要与画面统一;

❷ 标题要在轮廓上、色彩上、风格上与画面形成呼应;

❸ 标题的排版要符合画面的构图;

❹ 标题不要离视觉重心太远;

 

案例示范星潮之夜海报

前不久我在课堂上让学员给下图搭配标题,文案是:长隆水上电音节之星潮之夜。

图片结果收到了很多五花八门,各种离谱的标题设计,比如有的人为了使标题更显目,直接把标题摆在了画面的正中央,压住视觉主体;有的人会把标题放在画面顶部,挤在logo和主体之间;有的人直接把标题一排过,排成弧形放在画面的最底部;还有的人用宋体字来设计标题等等各种神操作。

 

这些做法都是不合适的,要么识别性不足,要么破坏了画面的美观性。在设计标题前我们首先要对原画面做一个简单的分析:

❶ 该海报在调性上是偏向年轻、酷炫的,色彩以高饱和度的蓝色、紫色、玫红色和白色为主,所以标题的字体要选用比较现代、简单、刚劲有力、笔画较粗的字体,色彩最好也沿用画面的颜色。

❷ 该画面采用螺旋构图,空间感很强,在排版的时候可以强化这一特点。

❸ 画面的视觉重心在版面居中偏上的位置,版面下半部分的空间比较大,更适合摆放标题。

❹ 标题的字数有点多,想要标题足够突出,至少得分两行排版。

 

根据以上分析,我选择了汉仪力黑简体来作为标题的字体,并把标题分为两行进行排版,着重突出“星潮之夜”。

图片

为配合海报酷炫的效果,我把标题做了一个简易版的故障风效果,也有点荧光风的感觉。

图片

制作方法很简单,就是在白色层的基础上复制出两个图层,把它们分别填充成玫红色和紫色,并放在白色图层的后面,上下错位,做出重影效果,还能起到类似描边的作用,将白色文字突显出来。最后再把标题复制一层,把填充的数值改成0,接着在图层样式中添加一个蓝色的描边效果,置顶该图层并稍作错位移开就完成了。

图片

接下来把标题摆放在画面视觉重心偏下的空白处,并稍作旋转以增加动感。把标题摆在这个位置可以填补大面积的空白,且由于离视觉重心比较近,所以既容易被注意到,也不会分离画面的主要内容,导致视觉不聚焦。

图片

标题足够清晰、显目,调性也与画面是统一的,但标题与画面的融合度不够,破坏了画面的螺旋构图和空间感,所以我尝试了一下将标题按照螺旋路径进行扭曲变形,使其呼应画面的构图方式。

图片

这样的效果确实和谐了很多,而且文字仍然保留了比较高的识别性,不过有人可能会觉得旋转的标题加大了阅读的难度,而且由于太过融合,以至于缺少对比、不够突出,所以我又尝试了另外一种方式。

用变换工具将标题做了透视扭曲,呼应画面超强的前后空间感,但没有做弧线扭曲,这样的效果既与画面有比较强的关联,而且也适当打破了螺旋结构,与画面形成轮廓和形状上的对比,比上图的效果更加突出。

图片

 

 

图片

总结一下,商业海报的标题设计需要注意以下几点:

❶ 显目、突出;

❷ 调性与画面统一;

❸ 在排版、配色、风格等方面与画面密切关联。

总之,最终的目的是要让整个画面变得:清晰、好看、主次分明、有打动力。

 

原文地址:葱爷(公众号)

作者:葱爷

图片

转载请注明:学UI网 » 你的标题设计给海报减分了

登录收藏
 
你可能喜欢的:
【字体设计】品牌标准字怎么设计?【字体设计】品牌标准字怎么设计?
还在为没灵感发愁?那是没学过移花接木这招!还在为没灵感发愁?那是没学过移花接木这招!
优秀日本食品海报的10个设计细节优秀日本食品海报的10个设计细节
海报不会做?试试这 4 招海报不会做?试试这 4 招
如何正确使用字体的重要性如何正确使用字体的重要性
朦胧产生美,设计才高级朦胧产生美,设计才高级
海报没想法?字体图形化来搞定!海报没想法?字体图形化来搞定!
人物海报没想法 试试这几招!!人物海报没想法 试试这几招!!
在C4D盛行的今天,这些纯平面海报同样让人惊喜在C4D盛行的今天,这些纯平面海报同样让人惊喜
这大概就是合成界的天花板吧这大概就是合成界的天花板吧