商业海报标题如何设计和排版？

在商业海报和广告设计中，标题的设计和排版是非常关键的部分，很多时候标题甚至比图片更加重要，如果标题处理不当，很有可能会毁掉一件设计作品。所以，本篇文章，详细讲讲，如何设计好一个标题？

一个优秀的标题设计，首先要做到以下几点：

• 清晰、显目
• 调性与画面相符
• 与画面有密切关联

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

1.清晰、显目

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

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

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

案例示范：运动会海报标题

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

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

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

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

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

2.调性与画面相符

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

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

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

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

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

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

案例示范：蓝河绵羊奶海报

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

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

针对以上问题，下面我做了如下调整：

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

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

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

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

3.与画面密切关联

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

▲ 该画面是一个仰拍角度的棒球青年，而且正在挥棒，所以具有很强的动感，标题采用了一种笔画简洁、刚硬的字体，并处理成手写笔刷质感，调性上符合户外运动的海报。

排版上把标题分成三行，并经过变换扭曲，使标题呈现出与画面类似的透视效果，标题拉大直接叠在人物的腿上，而不是缩小放在空白处，加强了画面主体（人物）与标题的关联，画面的整体性更强，而且也继续强调了运动海报大气、不羁的调性。

▲ 宋体字标题具有一定的历史感和文化底蕴，与以展现民族文化的插画图形在调性上是吻合的；插画图形组合成几何形状的数字100，所以标题与内文分布对齐图形的顶端和底端是合理的，整个画面得以平衡；

标题中的金色与图形中的橙色是同类色，标题中的红色直接来源于图形中的红色；以上所做的一切，使得标题与图形相得益彰。

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

• 标题的调性要与画面统一
• 标题要在轮廓上、色彩上、风格上与画面形成呼应
• 标题的排版要符合画面的构图
• 标题不要离视觉重心太远

案例示范：星潮之夜海报

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• 显目、突出
• 调性与画面统一
• 在排版、配色、风格等方面与画面密切关联

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