banner设计要点.docx
《banner设计要点.docx》由会员分享,可在线阅读,更多相关《banner设计要点.docx(19页珍藏版)》请在冰豆网上搜索。
![banner设计要点.docx](https://file1.bdocx.com/fileroot1/2023-1/10/16a0ff86-648d-41a5-a8b4-e09535dcf4bc/16a0ff86-648d-41a5-a8b4-e09535dcf4bc1.gif)
banner设计要点
之前我把平面设计的视觉呈现分为:
构图,调子,元素和内容四大部分组成,所以我分四部曲来讲,其中元素部分又分为标题,主体和大场景三部分,今天讲的就是标题部分。
在讲标题设计之前,先说说这四部曲的基本前提:
序
目标
我们做设计究竟是为了什么?
公司请视觉设计师做美术包装广告究竟是为了什么?
赚钱!
宗旨
我们公司是上市运营公司,公司存在是为了盈利为了赚钱,我们视觉设计师是包装,我们目的是把公司产品美术包装做好,
让用户有视觉享受,更好的引导去花费,赚用户的钱,因此,我们做的是商业设计。
用户认同我们,能让美术引导他们去更开心的去浏览,去消费我们的产品就是我们的成功。
所以,商业设计必须以用户的角度出发。
良好的设计习惯
因为我们的设计是从用户角度出发,建议每次完成设计后,首先问问自己,也可以问问别人测试一下,如果你是用户,看看这份设计是否吸引到你,是否愿意去读下去
用户的特性
大部分人总是很忙,生活匆匆过,一般外面的线下广告用户去看不会超过3秒,什么能够让他们视线停下来?
网络资讯琳琅满目,怎样才能让迅速浏览和点击的用户停住视线?
其实你们自己都是用户,问问自己-那肯定是吸引你眼球的视觉冲击力强的广告,还有你感兴趣的广告文字。
线上广告主要是以banner为主,道理是一样的,能让行走的人留住视线,能让在邻罗满目咨讯中浏览网页用户停住视线的广告,必须的就是充足的视觉冲击力和捕捉力的平面主体,另外就是凸显敏感的标题和重点字眼。
标题文字篇
平面设计除了在视觉上给人一种美的享受外,更重要的是向广大的消费者转达一种的信息,一种理念,因此在平面设计中,不单单注重表面视觉上的美观,而应该考虑考虑信息的传达。
标题主要是表达广告主题的短文,一般在平面设计中起了画龙点睛的作用,获取瞬间的打动效果,经常是运用文学的手法,以生动精彩的短句和一些形象夸张的手法来唤起消费者的购买欲望。
不仅要争取消费者的注意,还要争取到消费者的心理。
。
(引用网文)
标题的最基本要求:
清晰,明了
请问,三秒内以上banner谁能看清楚写什么?
有能抓的住谁眼睛?
标题的三大特性:
逻辑性
标题选择上应该简洁明了,易记,概括力强的短语,不一定是一个完整的句子,也有只用一、二个字的短语,但它是广告文字最重要的部分。
标题文字不适宜过长,往往三四个字为一个停顿,作为一个设计师,要懂得如何提炼标题文字主次和语法逻辑,让观众读起来一下子捕抓到商品所表达的意思,例如:
我相信我会飞!
设计的时候,可以提炼:
我相信,我会飞,提炼后马上明了目的是我会飞;一切皆有可能,停顿应该是:
一切,皆有可能;科技以人为本,停顿应该是:
科技,以人为本,科技怎样呢?
就是以人为本;
准确的文字提炼,能让用户快捷地捕捉到要点字眼。
315专题“假货让我很不爽”这个标题,突出的字眼应该是假货让我很不爽,马上就知道假不爽,但是,如果为了迁就效果而做成假货让我很不爽,那就变成假是爽的了
还有就是标题文字停顿货重点字注意颜色的配合,文字转行或者颜色变化同样会引起误会。
所以请注意提炼重点文字逻辑和提炼停顿的技巧,直接影响到信息效果。
上图不被设计者解释一下,我以为33626是电话号码,什么叫套出租房?
原来是33626套房,所以设计的时候是不能分开。
整体性
一般广告语标题在设计上一般采用基本字体,或者略加变化,而不宜太花,要力求醒目、易读,符合广告的表现意图,在标题文字的形式要有一定的象征意义,粗壮有利的黑体给人感到清秀,适用于电器和轻工商品;圆头黑体带有曲线,适宜妇女和儿童的商品应用;端庄敦厚的老宋体,用于传统商品标识稳重而带有历史感;典雅秀丽的新宋,适用于服装、化妆品,而斜体字给画面带来了风感、带来了动感。
(引用网文)
标题文字设计尽量用相同的字体,在平面设计上标题文字要凸显于版面上,所以标题的整体性尤为重要,如果碰到过多的文字,如果整体结合性不强,那么在点多于面的视觉上就会显得松散没力,压不住场。
更多的时候,标题其实最好是一个面。
展现几个正面不同风格的范例:
字体数最好统一在1-2种,以英文作为线的组合
主副标题的结合
娱乐性比较强的标题设计,在清楚的前提下,无论背景多么复杂,都
能凸显整体的标题,这时其中一种简单的技法:
看几个值得注意的例子:
修改前
做设计总应该把眼光放远,不然会把自己拘束在小空间里,好像画石膏,整体定位,分立明暗,然后才是细节,其过程眼睛和构思总是不停在调动整体性。
道理一样,好像以上例子,不把握住整体来设计作品,就会出现“小儿麻痹”的效果
修改后
就标题而论,起码看上去,文字的一块是整体的清楚的
超过2种中文字,没有整体的标题设计,不要说3秒抓眼球,就是慢慢看,都分不清应该读那句先,那句后;设计者和审核者都应该注意,所有展示的负面设计都是不允许发生成熟型公司的。
这里就标题的整体性对比一下几个例子:
前
后
前
后
前
后
前
后
设计标题的时候,如果文字过长应该分行,在语法停顿的地方做些关联的细节字眼,尽量把文字的点性结合成面性,加上细节上可以自己加以修饰的修饰图,那整体性和趣味感就出来了
引导性
标题在整个版面上,应该是处于最醒目的位置,应注意配合插图造型的需要,运用视觉引导,使读者的视线从标题自然地向插图、正文转移。
例如美国运用篮球巨星脚穿”耐克鞋”在球场上腾空飞跃,以”谁说我不能飞!
”的感叹语句,标题与照片融为一体,形象的夸耀了鞋子的质量,让人感到生动活泼,形成了自己的个性。
(引用网文)
又例如,画面是一个人在大声地用扬声桶说出标题,那么标题就应该自扬声桶开始由细到大,透视上由斜到直地表现更为生动,如果只在旁边加以文字,会平淡很多,在引导上就没有前者有活力
引导性的标题需要和图片的互动比较大,也比较生动
造字的效果
在一个平面或广告上文字始终是文字,但是,我们利用自身设计者的美术感觉,把文字变化成图形,将会出现画龙点睛的效果,散字是点,排版好就是线,加上把重点字提炼出来,变化一下让他成为图,那么点线面不用我讲都知道是永恒不变的结合,自己造字其实蛮有乐趣与挑战,也有成就感,在造字的时候,首先先了解主体所变现的内容,根据内容来变化,
例如以下例子
(这个作品是初稿,整体上还是不完整的,因为前面的标题字和造字之间没有关联,这里表达的是造字的作用)
亚运会火炬叫潮流,但是设计这个主体的时候火炬两个字体与变化成火苗的形象对比,无疑是后者表现的比较生动贴切。
也能达到几秒钟内铺抓眼球的效果,关键是,中国文字是极具中国特色的色基元素,值得成为中国特色设计的奠基。
我个人比较支持设计者自己运用中国字的特典造字来表现标题。
很多时候,标题的设计更多的应该是一个面,其实标题的这些特性在我们身边随便都能参考到,杂志的封面,正版游戏的封面,标题设计的逻辑性,整体性和引导性都是非常棒的,建议大家多看多想,一个设计者如果走在大街上把所看到的都能结合心中的构图,那么很容易就会把那种所以延续成你的个人风格。
写在前面的话
有人觉得做个banner放2张图,排几个字的事,一点技术含量都没有,像其他门户banner基本上都是编辑们自己做的。
我觉得这么说是不对的,其实一个banner可以研究的东西还是很多的,而且做一个banner是不难,难得是在短时间内做一个出彩的banner。
门户的专题一般是编辑套模板拼成的,比较重要的专题,banner部分是由设计师来完成,一个banner的品质上去了,整个专题的质量感就上来了,所以这部分交给设计师来做也是重视品质的表现,这个毋庸置疑。
但banner毕竟不比大型项目,从设计成本上说不可能给太多的时间给设计师,于是乎,设计师有时候是靠经验积累,有时候妙手偶得,质量也是时好时坏,更害怕的是当没有经验没头绪没有心情时,胸中无物,不知道如何下手,于是越急越乱,越乱越急,最后匆匆了事,这种状态下估计也出不了好的东西。
在排除技术手段的前提下,如何通过一些经验的思考,让banner达到通情达意效果,也是我下面要说的,个人经验之谈,供大家参考。
一思考专题定位
·顾及需求方的频道定位
因为包含内容不同,门户网站各个频道有着不同的风格,所以设计师们做设计的时候也要考虑到如体育频道的运动感,财经频道的国际和高端等。
图1
/女人频道的定位是知性,所以这个banner设计风格也是很贴切的。
/banner赞助 夏小萌
图2
/历史频道的专题,做出厚重沧桑的历史感还是很切题的。
/banner赞助 10
·顾及此专题的定位
专题的定位有时候和频道的定位偶尔是有冲突的,如女人频道一贯的知性理性的大风格下,有时候会来一些可爱小女人,有时候有做温馨浪漫,在这种有风格冲突的情况下,我们还是以贴合专题的定位为主,当然也尽量做到不能背离频道风格太远。
图3
/女人频道下的一个怀旧感的专题,所以画面做出了一些怀旧的感觉。
/banner赞助 璇
图4
/数码频道的一个和某手机赞助商的活动,所以banner也表露出一定的商业感
二明白文字在Banner中占主导地位
从构成上讲,一个banner分为2个部分,一为文字,二为辅助图。
辅助图虽然占据大多数的面积,但是不加以文字的说明,很难让用户知道这个banner要说明什么。
要读一个人的喜怒哀乐,只要读其五官即可。
在一个banner里面,标题文字起着五官一样的作用,所以个人觉得文字才是整个banner的主角。
所以对于文字的处理,显得尤为重要,在文字处理时有几个小技巧,与大家分享。
图5
/banner文字阐述专题主题,是绝对的主角。
/banner赞助 淑华
·分清主标和副标,从主次上来说,主标为主,字体要大颜色要醒目。
副标起到从内容上和形式上都辅助主标的作用。
一个好的banner标题文字处理都比较饱满,比较集中。
图6
/对主标题的断词比较巧妙,文字集中,主次明显,且文字与辅助图案相互呼应,统一感很好。
/banner赞助 淑华
·如果主标太长,需求方不舍得删文字的情况下,对主标中重要关键字进行权重,突出主要的信息,弱化‘的’、‘之’、‘和’‘年’‘第X届’这种信息量不大的词。
图7
/长标题的时候,如果把‘征集各种端午风俗’排成一行,就会显得没有主次,也很有吸引力。
我这里把‘端午’这个最重要的信息提出来,让用户很容易进入环境,然后让他们继续了解更多的信息。
这里还要说一个小技巧,我这里‘征集各种’、‘端午’、‘风俗’这三个词虽然分别用了3种字体,但还是能读出‘征集各种端午风俗’这是一断话,因为同一个红色起到了很大的作用。
·如果需求方整体文字太短,画面太空,可以用一些加入一些辅助信息丰富画面。
如加点英文,域名,频道名等。
图8
/这个banner附加了一些英文来丰富画面,让画面充满丰富的同时,充满生气。
/banner赞助 LV
三构建辅助视觉
一个banner最主要的是标题,但辅助视觉起着烘托标题文字的作用,然而这也是最有难度的一个活,设计师的个人风格和变现力在这里能够淋漓表现。
文字和辅助视觉的关系,我这里列举了3个常见搭配方式,这几种方式搭配分别有不同的效果,从而产生不同感觉。
3种文字和辅助视觉常见的搭配方式:
1, 文字+背景陪衬两段式。
特点突出文字,视觉集中文字,报道感强。
图9
/banner赞助胡子
图10
2, 文字+主体物的两段式,文字图案相辅相成,起到文字言事图案帮助理解的效果。
这样的banner适合做介绍类或者产品类。
图11
/banner赞助淑华
图12
3, 主体物+背景+文字的三段式,特点虚实结合,主次关系明显,也是效果最好,用的最广泛的一种形式。
图13
图14
图15
/banner赞助淑华
四,创造力对主题的艺术化表现
1,严肃话题也能做出新感觉
做新闻报道的时候,遇到严肃话题,一般的设计师,都会比较拘谨,不敢也不愿去做视觉上的创新。
所以配到这种话题,画面效果一般都会比较模式化,信息量弱,感染力不足。
这时候,设计师如果敢解放思想,去动脑子做一些创新,其实严肃话题做上新感觉,能够达到意想不到的效果。
图16
/主题文字埋没在洪流之中,让其有一种融入感。
洪流、闪电、阴暗的天空、淹没的城市,画面灾难感很强,角落处的武警官兵抗洪,让整体灾难中透出希望,哀而不伤。
设计师有时候不仅仅应拥有对画面掌控力,对专题主题的把握,也是作为一个设计师应该具备的素质。
图17
/因为是做夏季高温的专题,所以在处理画面的色彩时候我对比度做的比较弱,就如同烈日下看东西的感觉。
图18
/这是春运的专题,我在处理画面用了很多斜的构成,因为斜的东西学构成的时候表达那种不安感是比较贴切的。
拥挤的人群、阴霾的天空,不安中带着希望,当一张小小的火车票就能映出当回家的曙光时候,我想,或许这就是很多人对于春运的感觉吧。
回头看看其他门户的专题,光艳无比,一股社会主义的优越感油然而生的感觉,不知孰对孰错,再想时,我已迷失。
2,轻松话题可以做出幽默感
有时候也会做到一些轻松感娱乐感的专题,在做这些专题的时候,设计师们就能更加放开了。
图19
/这个专题banner,做的很轻松很幽默。
编辑说他的频道群里发,整个频道的人都笑翻了。
图20
3,作品也能带点小情调
有时候来一些小的创意也会让banner增色不少。
图21
/摇滚的不是乐器,还是文字
/banner赞助竆
图22
/冰雪也的不仅仅是车,还是文字
后面的话
有时候我觉得做一个banner,如做一篇文字,文字可以是小说,可以是诗歌,也可以是散文,形式多样;可以用比喻、也可以拟人,也可以排比,手法也是多样。
做一个banner,有时候需要字斟句酌,有时候则要点到即止;有时候该放,有时候该收;有时候可以如苏东坡般登高望远、举首长歌,有时候又可如柳永般娓娓道来、触动心灵。
你可以用不同形式和手法来表现,但相同处,通情达意,揭露主旨。
本文主要从定位、文字、辅助图和艺术性上表达了我对于做一个通情达意banner的一些见解,让大家能从我的理解中对做banner有新的看法,当然,水平有限,不足处,欢迎指正。