经典教程!商业Banner设计实战:标题文字篇

设计师是解决问题的人,不是艺术家。很多资深设计师谈过这个道理,但理解容易,到了真正的商业设计中,却有许多技巧性的细节需要学习,今天分享一篇经典文章,帮你补上这一课!来自网易大神的经验分享,肯定受益良多!

Max:我把平面设计的视觉呈现分为:构图,调子,元素和内容四大部分组成,所以我分四部曲来讲,其中元素部分又分为标题,主体和大场景三部分,今天讲的就是标题部分。在讲标题设计之前,先说说这四部曲的基本前提:

目标:

我们做设计究竟是为了什么?公司请视觉设计师做美术包装广告究竟是为了什么?赚钱!

宗旨:

我们公司是上市运营公司,公司存在是为了盈利为了赚钱,我们视觉设计师是包装,我们目的是把公司产品美术包装做好,让用户有视觉享受,更好的引导去花费,赚用户的钱,因此,我们做的是商业设计。用户认同我们,能让美术引导他们去更开心的去浏览,去消费我们的产品就是我们的成功。

所以,商业设计必须以用户的角度出发。

良好的设计习惯

因为我们的设计是从用户角度出发,建议每次完成设计后,首先问问自己,也可以问问别人测试一下,如果你是用户,看看这份设计是否吸引到你,是否愿意去读下去

用户的特性

大部分人总是很忙,生活匆匆过,一般外面的线下广告用户去看不会超过3秒,什么能够让他们视线停下来?网络资讯琳琅满目,怎样才能让迅速浏览和点击的用户停住视线?其实你们自己都是用户,问问自己——那肯定是吸引你眼球的视觉冲击力强的广告,还有你感兴趣的广告文字。线上广告主要是 以banner为主,道理是一样的,能让行走的人留住视线,能让用户在琳琅满目的资讯中浏览网页停住视线的广告,必须的就是充足的视觉冲击力和捕捉力的平面主体,另外就是凸显敏感的标题和重点字眼。

标题文字篇

平面设计除了在视觉上给人一种美的享受外,更重要的是向广大的消费者转达一种的信息,一种理念,因此在平面设计中,不单单注重表面视觉上的美观,而应该考虑考虑信息的传达。

标题主要是表达广告主题的短文,一般在平面设计中起了画龙点睛的作用,获取瞬间的打动效果,经常是运用文学的手法,以生动精彩的短句和一些形象夸张的手法来唤起消费者的购买欲望。不仅要争取消费者的注意,还要争取到消费者的心理。。(引用网文)

标题的最基本要求:

清晰,明了

经典教程!商业Banner设计实战:标题文字篇

请问,三秒内以上banner谁能看清楚写什么?有能抓的住谁眼睛?

标题的三大特性:

1、逻辑性

标题选择上应该简洁明了,易记,概括力强的短语,不一定是一个完整的句子,也有只用一、二个字的短语,但它是广告文字最重要的部分。

标题文字不适宜过长,往往三四个字为一个停顿,作为一个设计师,要懂得如何提炼标题文字主次和语法逻辑,让观众读起来一下子捕抓到商品所表达的意思,例如:我相信我会飞!设计的时候,可以提炼:我相信,我会飞,提炼后马上明了目的是我会飞;一切皆有可能,停顿应该是:一切,皆有可能;科技以人为本,停顿应该是:科技,以人为本,科技怎样呢?就是以人为本;

准确的文字提炼,能让用户快捷地捕捉到要点字眼。

经典教程!商业Banner设计实战:标题文字篇

经典教程!商业Banner设计实战:标题文字篇

315专题“假货让我很不爽”这个标题,突出的字眼应该是 假货让我很不爽,马上就知道假不爽,但是,如果为了迁就效果而做成 假货让我很不爽,那就变成假是爽的了

经典教程!商业Banner设计实战:标题文字篇

经典教程!商业Banner设计实战:标题文字篇

还有就是标题文字停顿或重点字颜色的配合,文字转行或者颜色变化同样会引起误会。 所以请注意提炼重点文字逻辑和提炼停顿的技巧,直接影响到信息效果。

经典教程!商业Banner设计实战:标题文字篇

经典教程!商业Banner设计实战:标题文字篇

上图不被设计者解释一下,我以为33626是电话号码,什么叫套出租房?原来是33626套房,所以设计的时候是不能分开的。

2、整体性

一般广告语标题在设计上一般采用基本字体,或者略加变化,而不宜太花,要力求醒目、易读,符合广告的表现意图,在标题文字的形式要有一定的象征意义,粗壮有利的黑体给人感到清秀,适用于电器和轻工商品;圆头黑体带有曲线,适宜妇女和儿童的商品应用;端庄敦厚的老宋体,用于传统商品标识稳重而带有历史感;典雅秀丽的新宋,适用于服装、化妆品,而斜体字给画面带来了风感、带来了动感。(引用网文)

标题文字设计尽量用相同的字体,在平面设计上标题文字要凸显于版面上,所以标题的整体性尤为重要,如果碰到过多的文字,如果整体结合性不强,那么在点多于面的视觉上就会显得松散没力,压不住场。更多的时候,标题其实最好是一个面。展现几个正面不同风格的范。

例:

经典教程!商业Banner设计实战:标题文字篇

字体数最好统一在1-2种,以英文作为线的组合

经典教程!商业Banner设计实战:标题文字篇

主副标题的结合

娱乐性比较强的标题设计,在清楚的前提下,无论背景多么复杂,都能凸显整体的标题,这是其中一种简单的技法:

经典教程!商业Banner设计实战:标题文字篇

经典教程!商业Banner设计实战:标题文字篇

看几个值得注意的例子:

经典教程!商业Banner设计实战:标题文字篇

修改前

做设计总应该把眼光放远,不然会把自己拘束在小空间里,好像画石膏,整体定位,分立明暗,然后才是细节,其过程眼睛和构思总是不停在调动整体性。道理一样,好像以上例子,不把握住整体来设计作品,就会出现“小儿麻痹”的效果

经典教程!商业Banner设计实战:标题文字篇

修改后

就标题而论,起码看上去,文字的一块是整体的清楚的

经典教程!商业Banner设计实战:标题文字篇

超过2种中文字,没有整体的标题设计,不要说3秒抓眼球,就是慢慢看,都分不清应该读那句先,那句后;设计者和审核者都应该注意,所有展示的负面设计都是不允许发生在成熟型公司的。

这里就标题的整体性对比一下几个例子:

经典教程!商业Banner设计实战:标题文字篇

经典教程!商业Banner设计实战:标题文字篇

经典教程!商业Banner设计实战:标题文字篇

经典教程!商业Banner设计实战:标题文字篇

经典教程!商业Banner设计实战:标题文字篇

经典教程!商业Banner设计实战:标题文字篇

经典教程!商业Banner设计实战:标题文字篇

经典教程!商业Banner设计实战:标题文字篇

设计标题的时候,如果文字过长应该分行,在语法停顿的地方做些关联的细节字眼,尽量把文字的点性结合成面性,加上细节上可以自己加以修饰的修饰图,那整体性和趣味感就出来了

经典教程!商业Banner设计实战:标题文字篇

3、引导性

标题在整个版面上,应该是处于最醒目的位置,应注意配合插图造型的需要,运用视觉引导,使读者的视线从标题自然地向插图、正文转移。例如美国运用篮球巨星脚穿”耐克鞋”在球场上腾空飞跃,以”谁说我不能飞!”的感叹语句,标题与照片融为一体,形象的夸耀了鞋子的质量,让人感到生动活泼,形成了自己的个性。(引用网文)

又例如,画面是一个人在大声地用扬声桶说出标题,那么标题就应该自扬声桶开始由细到大,透视上由斜到直地表现更为生动,如果只在旁边加以文字,会平淡很多,在引导上就没有前者有活力。

经典教程!商业Banner设计实战:标题文字篇

经典教程!商业Banner设计实战:标题文字篇

引导性的标题需要和图片的互动比较大,也比较生动。

造字的效果

在一个平面或广告上文字始终是文字,但是,我们利用自身设计者的美术感觉,把文字变化成图形,将会出现画龙点睛的效果,散字是点,排版好就是线,加上把重点字提炼出来,变化一下让他成为图,那么点线面不用我讲都知道是永恒不变的结合,自己造字其实蛮有乐趣与挑战,也有成就感,在造字的时候,首先先了解主体所变现的内容,根据内容来变化,例如以下例子:

经典教程!商业Banner设计实战:标题文字篇

(这个作品是初稿,整体上还是不完整的,因为前面的标题字和造字之间没有关联,这里表达的是造字的作用)

亚运会火炬叫潮流,但是设计这个主体的时候火炬两个字体与变化成火苗的形象对比,无疑是后者表现的比较生动贴切。也能达到几秒钟内铺抓眼球的效果,关键是,中国文字是极具中国特色的基本元素,值得成为中国特色设计的奠基。

我个人比较支持设计者自己运用中国字的特典造字来表现标题。

经典教程!商业Banner设计实战:标题文字篇

很多时候,标题的设计更多的应该是一个面,其实标题的这些特性在我们身边随便都能参考到,杂志的封面,正版游戏的封面,标题设计的逻辑性,整体性和引导性都是非常棒的,建议大家多看多想,一个设计者如果走在大街上,所看到的都能结合心中的构图,那么很容易就会把那种东西延续成你的个人风格。

Banner实战技巧:
《教你简单快速的设计BANNER》
《高手教你做BANNER!如何把BANNER做得传情达意》

原文地址:http://uedc.163.com/2343.html

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量72万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

经典教程!商业Banner设计实战:标题文字篇

收藏 11
点赞 2

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。