banner设计要点.docx

banner设计要点.docx

《banner设计要点.docx》由会员分享，可在线阅读，更多相关《banner设计要点.docx（19页珍藏版）》请在冰豆网上搜索。

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有新的看法，当然，水平有限，不足处，欢迎指正。