高手怎么设计标题栏「高手怎么设计标题」

大家都知道，在商业广告设计中，标题就是一个页面或者广告的核心。

我在2015年写的《广告设计ABC》中已经说过，标题有多么重要，标题的视觉清晰和逻辑清晰是广告图审核的重要标准。

而今天，我们来说一下标题设计的一些技巧。

比如甲方爸爸都熟练的掌握了标题设计秘诀：

很OK，甲方爸爸的话当然是对的。那标题设计除了要大，还有什么呢？

这就是这期教程要讲的内容了。

我会分析图文之间的关系，然后用大量的实操案例来让你知道标题设计的那些套路。

好了，废话不多说，上菜了！

咦，标题设计跟方向有啥关系？对于潇洒不羁的设计师来说自由才是方向啊！

这里要讲的方向，其实很简单，就是画面中图片信息所呈现出来的方向性。

还是看案例吧。

比如说这张车素材，别问是什么车，反正都是买不起的。

它所呈现出来的方向是这样的：

所以文案的方向也可以顺着这个方向，然后再处理一下色调等细节，一个页面就完成了。

怎么样？是不是很简单，标题与车子的方向保持一致时，既使得标题与画面融为一体，也强化整个画面的视觉冲击力。

颜色不够激情，换一个。

（PSD没在笔记本，只能用渐变映射去改JPG了）

倾斜一般都是表达动感，速度，力量之类的。

那么再看看别的方向。

竖向的又是如何？

是不是瞬间就变得很文艺小清新？

当然方向也可以是曲线的：

除了上面讲到的物理上的方向，还有一种特殊的方向性，那就是视线的方向。

比如说这张小李子的照片，他的眼神是向着。。。。。。

。。。。

。。。。。。

算了，我们换一张。

来，看看下图，他的眼睛是望着右边的，所以标题最好是放在右边。

如果强行把文案排版到左边的话，就会造成用户视线的混乱，不知道该往哪边看。

当然凡事没有绝对，你们喜欢叫胖门，但是我在洪金宝面前，也只可以称为瘦骨如材。是吧！

不对！说设计呢！

比如说国王的演讲这张海报，就故意将人物与麦克风相背，突出主角有演讲障碍的特性。

图文插穿这个比较好懂，直观上来理解就是这样的：

很奇怪，不知道谁在我的文章中放这种乱七八糟的图，反正不是我放的！！

大概就是我中有你，你中有我的意思。

图文穿插是现在很流行的一种做法。这种手法让文字与图片产生互动，形成空间感，从而让文字不仅仅是文字，变成了图形元素。

还是通过案例来说明吧。

找来一张巴西10号——小罗的照片，抠好图，别问我怎么抠的，自己去我的小号：阿门教你PS，底部菜单大把这种教程！

添加背景色，用微弱的高光形成一点空间感。

添加文字，将文字与人物叠加。

最后一步，将图文交错之处的前后关系处理好，再添加弱阴影与文字就OK了！

duang~~

是不是简单的处理一下，画面的层次感立马就丰富了！

上面这种穿插方式适合主体比较突出的图片，如人物，商品等。

那是不是像风景这样的图就没法穿插了呢？

当然不是，风景类的图片也可以做图文穿插，但是做法稍微有点不一样。

来看看案例吧：

相比较上面人物的案例，风景类照片做的图文穿插是比较弱的，但效果是一样的，有利于增强图文之间的联系。

再来一个例子：

有前有后的感觉是不是很好？

好了，第二招就讲到这里，下面看第三招。

无敌风火轮！

啊不对，

是建立平衡！

说到平衡，首先要知道一个基本概念:

平衡≠相等

视觉上的平衡是指重心平稳。

回到我们谈论的画面平衡。

关于平衡有很多可以讲的，今天只简单介绍一下什么叫平衡，下面我们来看看怎么利用平衡原理做标题设计。

比如说这两个素材：

如果我将它们并排对等的摆放，那视 觉上确实是平衡的，但带来的问题就是构图太呆板了，因此我们需要打破一下。

我们可以先通过大小变化来制造视觉落差，这样导致的不平衡，再通过标题来让画面重新达到平衡状态。

用桌布等元素来丰富一下画面：

按之前的想法添加好标题，再处理下阴影等细节就OK咯。

画面层次很丰富，但是元素之间却井然有序。这就是平衡的魅力。

平衡的方式有很多种，例子中的方式只是其中一种，大家在日常的设计中多尝试其它方式。

总之记住，平衡的秘诀就是：先破后立。

这招其实和上篇中图片置入容器的原理是一样的，是指将标题置入到画面中的某个形状中去。

差不多就是这个意思：

先看个简单案例。

人物的黑色背影形成了一片可利用空间，刚好可以把文字植入进去：

这个案例比较简单，我们看一下更复杂一些的案例。

再来一张壮汉的照片：

按照背部的轮廓打上段落文字。

添加主标题，将段落文字添加光影变化。

选取一些重要的关键词突出展示。

完工！ 格斗的主题是不是体现的很到位！

我上面举的两个例子都是用的人物轮廓，并不是说这招只能用在人物上，也可以是任何形状。

有时候整张图细节很丰富，我们没办法找到文字置入的空间，那要怎么办呢？

能不能用置入标题的办法呢？

办法当然是有的，而且是现在很流行的手法——几何形状置入。

这个其实很简单，就是强行的在页面上加一个几何形状的标签，然后将文字置入。要点就是标签的颜色与背景图拉开对比，提升画面的视觉表现，让用户的眼睛聚焦到标签上。

看案例你就明白了。

在原图的基础上微调颜色，强化质感。

添加红色方框以及文案。当然，根据画面特点，也可以是三角形或其它形状。

OK，完工。

你也可以把这种方式理解成“标签式设计”。

好了，这期我给大家讲了标题的四种处理手法。

这些大招，你都学会了没有？如果没有，再看2次！

回顾一下：

找准方向

图文穿插

建立平衡

置入形状

不知道你都GET到没有？

今天的内容就到这，接下来是这期的作业题。

----------------------------------

我们学了四种处理素材的手法，这期的作业大家就自己去找一张素材图，然后用这四种方法分别做四张图。

要求：

用同一张素材，出四个不同版本的设计。

尺寸：

1000 x 600 像素

格式：

提交作品的时候，需要把你的文件命名修改为：

你的名字-你的QQ-设计练习，如：阿门-QQ12345678-练习.jpg

（不要ai或者cdr等格式，也不要压缩包）

邮件标题：

20190212-你的名字-QQ-设计练习

我会选择3位同学送出珍藏版小鳄鱼钥匙扣各一个,不值什么钱，仅仅是纪念你曾经努力的意义，再下一期排版教程出来的时候公布优秀结果，投稿邮箱：

-----------------------------------------------

上期练习一共收到108份作品，大家辛苦了：）

全部作品截图(截止到春节前的投稿)：

用心的好作品非常多，下面精选出3位同学送出小礼物：

01号作品

夙狸

英文字体不错，选图和排版让整体风格很小清新。

02号作品

火火

作品正如名字一样，红红火火，很有视觉冲击力！

03号作品

梁雪怡

这位同学的选图、排版方式、以及字体风格都非常匹配，所以整体风格看起来比较舒服，第一张图的灰色稍显沉闷。

以上三位送出奖品小鳄鱼各一个！

-----------------------

好了，

这样下一期干货来得更快！

(更多干货教程，回复：色彩教程)

今晚为了赶这篇文章，优化内容和错别字等，饭都顾不上吃了，这个景象让我回想起早两年的那么疯狂的为了工作没时间吃饭的日子。。。各位门友且看且珍惜啊！

越努力，越幸运。

这里是庞门正道。