工作的第10年,我失业了。
哈罗~大家都开工没有,是不是还维持着这样的状态?
不管你们开不开工,我都一直陪着大家,每天除了给你们发一些新鲜有料的内容,干货教程自然也不能落下。
这不,今年的第一期干货教程新鲜出炉。
不少新手设计师在做电商广告的时候,最头疼的就是标题怎么做?做得太简单了没有视觉冲击力,做得复杂了,又担心过于花俏,影响到信息传达。那怎么能让我们的设计恰到好处呢?
今天的文章我就给大家讲讲电商广告标题设计中常用的实用技巧。
OK,干货走起。。。
在写具体的方法之前,我们得先知道标题设计的一些基本原则。
一、标题要准确、清晰。
对于大多数电商广告来说,讲究的是转化率。就是说用户看一眼就得知道这是卖什么的。
所以在任何时候都是:
在做完一张广告图之后,请再多看几眼,确认标题将最重要的信息最大程度的展示出来了。
二、标题要层次分明。
在将内容表达清晰之后,更高一级的要求就是将信息更快速的传达。
要做到快速、高效,在设计的时候就得拉开层次,用对比的方式将信息分层,最重要的信息用最强烈的视觉表现手法。
例如下面这张图,它其实也有大小对比,但是混乱的排版造成标题就糊成一团,简直无法阅读,更不要说将信息高效传达了。
怎么判断标题的层次清不清晰?
记住我这张视觉漏斗图:
好了,如果你设计的标题符合上面两条基本准则,那么,你可以开始考虑它的视觉风格了!
下面我给大家总结了几招特别实用的标题设计技巧,来吧!
我们常说电商广告要燃、要炸,这没错,但是具体怎么燃怎么炸,还是要讲究方法的。如果一个画面的所有元素都在“炸”,那整个画面肯定就要被炸毁了。所以我们一定要有控制。
一般来说,我们都会提取出标题中比较重要的部分,如促销数字,商品卖点,用比较动感、强烈的视觉方式去表达,而一些辅助的信息,则用比较平稳一些的方式去处理,这样动静结合的设计手法就有强弱对比,既让重点信息突出了,整个设计也比较协调。
动静结合的方式有很多种,我给大家总结一下:
副标题静,主标题动:
次要文案静,重要文案动:
画面主体静,标题动:
标题静,背景动:
上面的这些方法你都可以举一反三,反复去尝试更适合你自己的方式。
记住,
动,产生更强烈的视觉效果。
静,有更平稳的构图,更好的阅读体验。
下面来看具体的实操案例。
先看原稿:
对于一个运动主题的设计,原图明显过于安静了,按照上面的方法,我们可以采用“主标题动,副标题静”的方式来优化这个广告。
最终效果:
怎么样?动静结合是不是挺爽!
在之前的教程中我讲过,加入色块可以丰富画面的层次。
在标题设计中,我们也可以加一些基本的几何形,让文字信息更加聚焦,也让我们的排版的时候,找到可以依据的形式。
在实际的应用中,我们一般选用正方形,圆形等比较规正的图形即可,一些奇奇怪怪的异形慎用。
另外,几何图形除了可以聚焦信息之外,也可以很好的填充空间,让画面显得饱满。
来看实操案例。
下面是一张干干净净的女装广告,很中规中矩的设计。
仔细观察一下,会发现整个画面的元素之间缺少一些关联性,显得有点拼凑感,同时整体画面也不够饱满。
为了解决上面的问题,我加入一个圆形的色块到画面中,将标题信息全部整合到圆形里。
优化过后,两个模特图之间有了过渡,所有的文案信息全聚合到圆形之中,明显画面的层次感更清晰了。
OK ,下一招。
标题要大!当你听到这样的反馈时,先别着急着骂需求方是土包子。
对方可能只是觉得你的设计力度不够,他没法说出更专业的词汇,所以只能这么直白的来描述自己的需求。
大标题也未必就丑,相反的,只要处理得当,大标题可以营造强烈的视觉冲击力,让整个设计饱满、有力度!
来,动手做一个案例。
下面这双运动鞋的主打卖点是色彩,如果按常规排版我们可以得到这样一个画面。
显然这是一个不犯错的设计,但是太过于平淡,很难让人留下很深的印象。
我将标题提取出来,用更大的字号来展示,然后将商品放到画面正中间,这样整个画面的重点就更突出。
最后我们看到,修改过后的画面,明显更具视觉冲击力。
就问你,帅不帅?!
好了,继续看下一招。
广告标题很容易陷入一个误区,就是觉得标题简简单单就好,少做少错。对于这种只想考60分的同学,我当然要给一鞭子!
简洁≠简单,即使简洁的设计,也可以做得视觉上很丰富。把简洁的设计做成单调、平淡,那只是你能力的问题。
在实际的设计中,我们可以用小字,点,线条,这样极其简单的装饰性元素,来使得标题的排版更有层次感。
来看看具体案例:
这些小元素的加入,可以让标题显得更精致,有细节。做起来都十分简单,但是对于页面效果的提升又非常明显!
用线来条修饰标题的造型,化小字为点元素,见缝插针的对主标题进行补充。
这些小小的装饰元素,除了让排版更有层次感之外,也让整个画面显得更饱满!
来看看实操案例。
下面是一张意境非常唯美的图片,所以我们很容易想到标题要做得偏文艺小清新一些。
只要随便打几个字上去,就是一张不错的设计稿。
不过如果想让标题更能体现出画面的气氛,我们可以动动心思,利用上面学到的方法,通过文字的变化,再加一些线条来丰富一下版式。
优化完之后,标题和画面的气质更加统一和谐。
做设计最忌讳的事情就是一成不变,不愿意构想新东西,也就意味着你的设计水平停滞不前了。所以对细节的雕饰能够体现一名设计师的用心程度。
在广告标题的设计上,一些细节的变化可以让整个设计变得趣味横生,这些变化可能是简单的旋转一下,或者改个颜色等,却往往能收到意想不到的效果。
比如说,文字的残缺效果:
笔划上做颜色的变化:
连笔以及笔划替换:
我只是随手列了几种,还有无限多种玩法供你想象。
这里我提醒一下大家,我们对文字进行视觉加工的时候,一定不能损失可阅读性,如果一个字被改得认不出来,那显然就是本末倒置了。
下面再来一个实操案例。
先看看初稿:
整体是非常简洁的风格,为了让画面更有设计感,我们可以对标题进行一些细节的改造:
在不影响文字识别性的前提下,我将一些笔划进行了删除,这样会使得文字更加图形化,有种被设计过的感觉。
来看看放在画面中的效果:
好了,
最后我们再来回顾一下广告标题的五种处理手法:
1、动静结合——动如脱兔,静若处子
2、色块——聚焦信息
3、大字——营造视觉冲击力
4、小字、点线——丰富排版层次
5、细节变化——妙趣横生
OK,今天的表演就到这。
接下来到了大家的动手时间。
----------------------------------
应用今天学习到的知识点,自拟文案和素材,出1-2张电商广告的设计稿。
尺寸:
宽度 1000px,高度不限。
格式:
提交作品的时候,需要把你的文件命名修改为:
你的名字-你的QQ-练习作品,如:阿门-QQ12345678-练习作品.jpg
(不要ai或者cdr等格式,也不要压缩包)
邮件标题:
20200219-你的名字-QQ-练习作品
我会选择几位同学送出庞门正道定制本各一本,这个是只送不卖的纪念品,纪念你曾经努力的意义。
下一期教程出来的时候公布优秀结果,投稿邮箱:
-----------------------------------------------
上期练习一共收到50份作品,这些同学在过年期间还坚持做练习,相信你们今年设计水平一定会大有进步!
全部作品截图:
有许多同学都做得很不错,下面精选出3位同学送出小礼物:
01号作品
枞木弥生
看得出来这位同学在非常认真的做练习,尽管作品中有些不成熟的地方,比如说有些排版细节没处理好,字体的选择上也需要更考究,但总的来说,大体感觉还不错,值得鼓励。
02号作品
piger
很有质感的汽车广告练习,版式、色彩和细节都处理得很到位,难得的是风格富有变化,很不错!
03号作品
吉吉
整体风格不错,不过细节上有很多处理不当的地方,比如说人物后面的阴影完全是多余,画面上的元素有点过于拥挤等,这应该是一位新手设计师。但是我希望大家都像这位同学一样,多做这样举一反三的练习,慢慢的就会看到自己的成长。
以上三位送出庞门正道定制本各一个!请你们看到消息后,尽快将收件地址发送到邮箱[email protected],方便我这边及时给你们寄出奖品,谢谢。
-----------------------
好了,
学到干货的同学请大方地点击一下喜欢作者!!:)
这样下一期干货来得更快!
(在公众号回复:色彩教程,排版教程,有惊喜)
-------------------------
往期精华文章导读:
工作的第10年,我失业了。
5万月薪的都是些什么人?
设计圈一个80后男人的自白。
-END-
越努力,越幸运。
这里是庞门正道。