您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 设计理论 >> 浏览设计教程

商业BANNER设计实战:标题文字篇

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

 

 

  目标

 

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

 

  赚钱!

 

宗旨

 

  我们公司是上市运营公司,公司存在是为了盈利为了赚钱,我们视觉设计师是包装,我们目的是把公司产品美术包装做好,

 

  让用户有视觉享受,更好的引导去花费,赚用户的钱,因此,我们做的是商业设计。

 

  用户认同我们,能让美术引导他们去更开心的去浏览,去消费我们的产品就是我们的成功。

 

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

 

良好的设计习惯

 

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

 

用户的特性

 

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

 

标题文字篇

 

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

 

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

 

  标题的最基本要求:

 

清晰,明了

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

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

 

  标题的三大特性:

 

逻辑性

 

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

 

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

 

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

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

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

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

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

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

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

 

整体性

 

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

 

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

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

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

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

  主副标题的结合

 

  娱乐性比较强的标题设计,在清楚的前提下,无论背景多么复杂,都

 

  能凸显整体的标题,这时其中一种简单的技法:

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

看几个值得注意的例子:

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

修改前

 

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

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

修改后

 

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

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

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

 

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

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

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

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

引导性

 

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

 

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

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

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

 

造字的效果

 

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

 

例如以下例子

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

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

 

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

 

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

 

经典教程!商业BANNER设计实战:标题文字篇 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟

 

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

[教程作者:admin]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/di2105.html
字体与产品气质,字体的7种类型及特点
Macaron 马卡龙系色谱 ;附HC(16进制码)
图趣网微信
建议反馈
×