|
大家都知道，在商业广告设计中，标题就是一个页面或者广告的核心。 我在2015年写的《广告设计ABC》中已经说过，标题有多么重要，标题的视觉清晰和逻辑清晰是广告图审核的重要标准。 而今天，我们来说一下标题设计的一些技巧。 比如甲方爸爸都熟练的掌握了标题设计秘诀： 很OK，甲方爸爸的话当然是对的。那标题设计除了要大，还有什么呢？ 这就是这期教程要讲的内容了。 我会分析图文之间的关系，然后用大量的实操案例来让你知道标题设计的那些套路。 好了，废话不多说，上菜了！ 咦，标题设计跟方向有啥关系？对于潇洒不羁的设计师来说自由才是方向啊！ 这里要讲的方向，其实很简单，就是画面中图片信息所呈现出来的方向性。 还是看案例吧。 比如说这张车素材，别问是什么车，反正都是买不起的。 它所呈现出来的方向是这样的： 所以文案的方向也可以顺着这个方向，然后再处理一下色调等细节，一个页面就完成了。 怎么样？是不是很简单，标题与车子的方向保持一致时，既使得标题与画面融为一体，也强化整个画面的视觉冲击力。 颜色不够激情，换一个。 （PSD没在笔记本，只能用渐变映射去改JPG了） 倾斜一般都是表达动感，速度，力量之类的。 那么再看看别的方向。 竖向的又是如何？ 是不是瞬间就变得很文艺小清新？ 当然方向也可以是曲线的： 除了上面讲到的物理上的方向，还有一种特殊的方向性，那就是视线的方向。 比如说这张小李子的照片，他的眼神是向着。。。。。。
。。。。 。。。。。。 算了，我们换一张。 来，看看下图，他的眼睛是望着右边的，所以标题最好是放在右边。
如果强行把文案排版到左边的话，就会造成用户视线的混乱，不知道该往哪边看。
当然凡事没有绝对，你们喜欢叫胖门，但是我在洪金宝面前，也只可以称为瘦骨如材。是吧！ 不对！说设计呢！ 比如说国王的演讲这张海报，就故意将人物与麦克风相背，突出主角有演讲障碍的特性。
图文插穿这个比较好懂，直观上来理解就是这样的：
很奇怪，不知道谁在我的文章中放这种乱七八糟的图，反正不是我放的！！ 大概就是我中有你，你中有我的意思。 图文穿插是现在很流行的一种做法。这种手法让文字与图片产生互动，形成空间感，从而让文字不仅仅是文字，变成了图形元素。 还是通过案例来说明吧。 找来一张巴西10号——小罗的照片，抠好图，别问我怎么抠的，自己去我的小号：阿门教你PS，底部菜单大把这种教程！
添加背景色，用微弱的高光形成一点空间感。
添加文字，将文字与人物叠加。
最后一步，将图文交错之处的前后关系处理好，再添加弱阴影与文字就OK了！ duang~~
是不是简单的处理一下，画面的层次感立马就丰富了！ 上面这种穿插方式适合主体比较突出的图片，如人物，商品等。 那是不是像风景这样的图就没法穿插了呢？ 当然不是，风景类的图片也可以做图文穿插，但是做法稍微有点不一样。 来看看案例吧：
相比较上面人物的案例，风景类照片做的图文穿插是比较弱的，但效果是一样的，有利于增强图文之间的联系。 再来一个例子：
有前有后的感觉是不是很好？ 好了，第二招就讲到这里，下面看第三招。
无敌风火轮！ 啊不对， 是建立平衡！
说到平衡，首先要知道一个基本概念: 平衡≠相等 视觉上的平衡是指重心平稳。
关注得比较早的同学，2016年我有写过一篇关于logo中的风水学的文章，谈论是tvb和ATV的logo设计风水问题，其中说了一句乐视的新logo（当年是新logo，现在是旧的了），完全不平衡，感觉要倒，之后的事情，大家都知道了。 回到我们谈论的画面平衡。
关于平衡有很多可以讲的，今天只简单介绍一下什么叫平衡，下面我们来看看怎么利用平衡原理做标题设计。 比如说这两个素材：
如果我将它们并排对等的摆放，那视 觉上确实是平衡的，但带来的问题就是构图太呆板了，因此我们需要打破一下。
我们可以先通过大小变化来制造视觉落差，这样导致的不平衡，再通过标题来让画面重新达到平衡状态。
用桌布等元素来丰富一下画面：
按之前的想法添加好标题，再处理下阴影等细节就OK咯。
画面层次很丰富，但是元素之间却井然有序。这就是平衡的魅力。 平衡的方式有很多种，例子中的方式只是其中一种，大家在日常的设计中多尝试其它方式。
总之记住，平衡的秘诀就是：先破后立。
这招其实和上篇中图片置入容器的原理是一样的，是指将标题置入到画面中的某个形状中去。 差不多就是这个意思：
先看个简单案例。 我喜欢的一部电影《V字仇杀队》海报：
人物的黑色背影形成了一片可利用空间，刚好可以把文字植入进去：
这个案例比较简单，我们看一下更复杂一些的案例。 再来一张壮汉的照片：
按照背部的轮廓打上段落文字。
添加主标题，将段落文字添加光影变化。
选取一些重要的关键词突出展示。
完工！ 格斗的主题是不是体现的很到位！ 我上面举的两个例子都是用的人物轮廓，并不是说这招只能用在人物上，也可以是任何形状。 有时候整张图细节很丰富，我们没办法找到文字置入的空间，那要怎么办呢？ 比如说这张图：
能不能用置入标题的办法呢？ 办法当然是有的，而且是现在很流行的手法——几何形状置入。 这个其实很简单，就是强行的在页面上加一个几何形状的标签，然后将文字置入。要点就是标签的颜色与背景图拉开对比，提升画面的视觉表现，让用户的眼睛聚焦到标签上。 看案例你就明白了。 在原图的基础上微调颜色，强化质感。
添加红色方框以及文案。当然，根据画面特点，也可以是三角形或其它形状。
OK，完工。 你也可以把这种方式理解成“标签式设计”。 好了，这期我给大家讲了标题的四种处理手法。 这些大招，你都学会了没有？如果没有，再看2次！
回顾一下： 找准方向 图文穿插 建立平衡 置入形状 |
|
|
