几个通俗概念 讲述如何辨别一个Banner的好坏

所属分类: 平面设计 / 平面其它 阅读数: 717
收藏 0 赞 0 分享
平时经常会有人问我"什么样才算是好的Banner ?"、"我这个Banner 有什么问题呢?"之类的问题,还有时候大家会分享一些作品但是我觉得并不是特别好,所以就觉得要不写一篇"如何判断一个Banner 的好坏"之类的文章吧,因为我们常说设计师要多看,但是多看的前提是要学会辨别一个东西的好坏,要多看好的而非不好的东西哈,要不然怎么提高审美提高眼界呢?

那么进入正题之前,我们先用非常通俗描述讲几个简单的概念:

一、Banner 是什么呢?

Banner 英文翻译过来其实是指横幅或者旗帜,随着网络的兴起,后来专门用Banner 一词来代指任何投放于线上(PC端、移动端)的各种尺寸和形状的广告图,有静态和动态之分,总之现在你在网页上所看到的各种形状尺寸的图片基本都属于Banner ,而且基本都是可点击的。

二、Banner 的作用是什么 ?

宣传,展示,广而告之,或者是能给企业、产品或者人带来相应的转化率。

三、Banner 由哪些部分组成呢 ?

主要由文案、商品图或模特、背景四项中的至少一项组成。

最常见的一种Banner 就是四项都包含了,我们来看下图举例:

那么了解完上面的基础知识,我们该如何判断一个banner 的好坏呢?

就像一个设计师,可以分为未入门 – 初级 – 中级 – 高级 – 资深 – 指导,那么banner 我将它分为不合格、合格和优秀,接下来我们分别看下:

一、不合格banner 的几宗罪:

罪状一:抠图不干净!!!(其他罪状且不说)

有的人很懒,不管遇到啥图都直接魔棒一点就完事了,那么钢笔和通道这些工具要留着发霉么?

罪状二:滥用各种特技

喜欢用各种大大的描边脏脏的阴影还有各种光效结合为一体的杀马特效果闪瞎我们的眼,然而我们需要学会正确使用特技,并且懂得克制和矜持,才能体现出自己的身价,要不很容易看起来low。

罪状三:信息阅读障碍

(不恰当的字体变形干扰阅读,"季中"两个字太过缠绵和纠结,大庭广众之这般暧昧真的好嘛?且不说黑色描边,以及脏脏的配色了)

排版杂乱干扰阅读,横就是横,竖就是竖,这样横竖穿插的跳跃感排版真的爽么?反正大脑和眼睛表示:不同意~

用色过多干扰阅读(哎哟我又出镜了,耶~),红橙黄绿蓝靛紫全被用上了,仿佛一个没有颜值的人,五官身材比例也不协调,但是偏偏穿衣服还非常高调~所以你们想象一下这会导致什么结果呢,搞的人家根本就不知道往哪看。

罪状四:信息传达不准确

比如上图这个Banner ,问题在于用色不当导致信息传达不准确,"干净"本该是要比其他文字信息更突出,而这里唯独把"干净"二字用了浅湖蓝色,在浅蓝灰色背景上,这两个字反而沉下去了,一点都不突出,反倒是其他的普蓝色文字在浅色背景上非常突出(文字过多,圆形三角形色块的出现导致排版很乱也是一方面),相当于有一身力气却用错了劲。

上图的banner 问题在于,关键字选取有误导致信息传达不准确,这是一个卖女装的banner ,文案是"新夏天高腰显瘦连衣裙",明显是要突出"高腰显瘦连衣裙"几个字,而这里却突出了"新夏天",还有这个模特打扮跟连衣裙有半毛钱关系吗?(我读书少,你不能这样骗我,因为,我眼不瞎啊~)

罪状五:画面及文案与活动定位不符

先认清活动定位,再结合相对应的文案去做设计,像上面这个banner 是非常失败的,为什么?首先怎么可能会写出"LV全场0元包邮"这种文案?其次就算真是"LV全场0元包邮"这种低价引导型的文案,画面怎么可能是这种高冷模特、大面积留白、文字小小的左右布局设计呢?画面一点也不热闹促销啊,是吧~



罪状六:图文信息不一致,不知所以然

也许你初一看会觉得视觉效果好叼噢,但是但是,你仔细看,你以为它是个电影海报么,可它却是卖欧式家具的,这个画面里提到的活动目的或利益点你们看了几秒才知道?这个画面与你的家具有半毛钱关系吗?虽然这是个店铺banner ,可是谁能快速告诉我们这些新老用户"你是什么?""你想干嘛?"好吗?

总结:

在banner 设计当中,信息传达准确比什么都重要,准确传达活动目的优先于设计好看。

也许你做的这是一个创意很好的banner ,你的用色干净,排版舒服,信息层级条理也很清晰,可是,你做的是一个卖高档女装的banner ,而我需要的banner ,只是想告诉别人,我这新进了一批廉价丝袜…… 欢迎抢购!~(这定位和传达给用户的信息完全错了老板估计会崩溃哦)

二、合格banner 必杀技:

以下我简单慨括,因为前面几篇文章我已经很详细地介绍过怎么做出好banner 了。

1、信息传达准确

包括定位准确、图文信息传达准确一致。

比如上图雨滴、水珠、都是跟雨鞋有关联的元素,文案部分也清晰明了的告知了要卖什么东西。

2、合理利用特技或者不用

各种点缀元素、各种效果使用恰当。

比如上图无论从红黄配色还是那条贯穿主线的彩带看,都给人传达出一种很喜庆热闹的感觉,一看就是新年促销活动,飘散的物品也很好的告知了这是卖数码相关产品的。

3、画面干净整洁

画面中的元素都因需要而存在,而非可有可无或者多余。

比如上图人物上半身和下半身的对比,近大和远小的对比,背景深色和浅色的对比,都使得这个banner 看起来干净简洁但不单调,它也不需要一些多余的点缀。

4、信息条理清晰

想一想什么信息该突出,用什么方法突出,颜色还是大小?排版构图是否合理?

5、画面颜色为需要而搭配,有理有据

比如,按活动目的来选取颜色搭配、按商品图或模特图来吸取颜色等,合理运用色彩对比和控制色彩面积,像优设、站酷还有68design等设计网站上已经有那么多无私奉献的大神都写了关于色彩运用相关的文章我这里就不赘述了,大家可以自己搜索啦~

6、最后一点,抠图要抠干净!!!~(要不怎么配得上专业抠图工的称号呢~汪汪~

涉及到场景合成类的banner ,光影透视至少要大致正确,符合原理(网上有那么多教程,怎么做自己去百度看咯)



三、优秀banner 的特性:

优秀就是,除了做到了合格以外,他还做到了图文一致、创意很赞或者引起共鸣,带给人额外的愉悦感,或是会心一笑。

1、带有趣味

既准确传达信息,又让人会心一笑,给人超出预期的愉悦的感受。

 

比如上图这些手绘+实物虚实相结合的手法,特别适合可爱或者搞怪类的banner。

2、有创意的

或是有趣味,或是让人惊叹的视觉效果:

you are what u wear,一组鞋子广告:

通过手绘或三维建模营造出一些丰富多彩的场景:

3、拥有让人产生共鸣的文案或画面

比如下面这组关于宣传去"全联购物中心"购物可以省钱的广告文案,就很能引起共鸣,让人感觉会花钱或者会节省钱是一件很酷很有情怀的事情,而不是因为穷才去省钱。

文案:长得漂亮是本钱,把钱花得漂亮是本事

文案:来全联不会让你变时尚,但省下来的钱能让你把自己变时尚(这文案写的太好,我竟无力反驳…)

文案:几块钱很重要,因为这是林北辛苦赚来的。(林北:台湾语,意思是你爸爸。)

我们再聊点别的:

无意间看到某大神把我4年前的banner 拿出来当做优秀案例讲(我当时的心情是,很娇羞的~……),其实现在看来这个banner 只是做到了信息传达准确,但文字排版挺乱,整体画面也很粗糙,哈哈,(另外我的文章中所用到的各种正面反面案例有部分是我自己为写文章而做的,有些来自于花瓣,如有冒犯请私下约我,么么哒~)

写在最后:

对于电商Banner 设计来说,最基本要求是要做到信息传达准确,而后才是设计的好看或者有创意,我们可以每个月汇总一下自己的设计作品,然后看有什么问题,看它合格了吗?优秀吗?也许之前的作品因为时间不够,因为那时的你考虑不周全或是迫于外界的压力你做了不太好的设计,现在我们回过头来发现问题,并动手去重新优化它们,坚持下来,相信很快就会看到进步的。另一方面,时间过了这么久,要不重新看下以前收集的设计案例,它们合格吗?优秀吗?是不是该清理一下了呢?

今天的内容就分享到这里了,你们get到这些技能了嘛?哈哈,我们下次再见咯~ 

更多精彩内容其他人还在看

平面设计中色彩搭配技巧与理论分析

在做平面设计的时候,颜色搭配很重要,该怎么掌握色彩搭配技巧呢?下面我们就绕着「色相」这一变量展开,主要和大家一起分享有关色彩研究的专业术语、以及心理现象,需要的朋友可以参考下
收藏 0 赞 0 分享

LOGO设计中的常见误区和LOGO设计思路及流程全面解析

本教程将为大家全面解析LOGO设计中的常见误区和LOGO设计思路及流程,主要介绍LOGO设计中的一些常见套路和设计思路以及一些方法,理清思路,LOGO设计没有你想象的那么难
收藏 0 赞 0 分享

每个年轻平面设计师都需要知道的10件事

每个年轻平面设计师都需要知道的10件事分享给那些刚入门的新手设计师, 这10件事包括别让设计成为黑匣子,融入团队,提早获得反馈,负责到底等
收藏 0 赞 0 分享

淘宝活动页面设计思路 从0开始全面解析

淘宝活动页面设计思路,从0开始全面解析分享给脚本之家的各位平面设计学习者,内容主要分为什么样的页面算得上是活动页面,量身定制适合自己店铺的活动页面和案例解析三大部分
收藏 0 赞 0 分享

一个好的用户界面设计应该注意的75个原则

一个好的用户界面设计应该注意的75个原则分享给脚本之家的各位平面设计学习者,这些用户界面设计原则主要是1. 使用单栏布局代替多栏布局,2. 使用礼品诱惑代替生硬的推销,3. 合并重复的功能避免分散等等
收藏 0 赞 0 分享

可能毁了你内容的7个必知设计错误

一些设计错误可能会破坏你的内容,导致用户放弃继续停留在你的网站,或失去对你提供有用信息的信任感。如果你不及时修正可能很难恢复他们对你的信任,下面为大家介绍可能毁了你内容的7个必知设计错误,来看看吧
收藏 0 赞 0 分享

6种独特的网页导航设计模式分享

如果你的网站是更加偏向实验性的小网站,有趣而好玩的导航模式,反而更适宜于用户探索。不同的导航模式对于网站的影响不尽相同,针对不同的内容、不同的用户,你需要仔细挑选导航模式,下面为大家分享6种独特的网页导航设计模式,来看看吧
收藏 0 赞 0 分享

交互设计师如何说服产品经理取消底部的导航栏?

最近设计了一款产品,我将线框图给交互设计师,后来交互给我的原型与我之前给他的线框图差别很大,交互说从用户体验的角度应该这么设计,并坚持自己的想法,所以今天想要大家介绍交互设计师如何说服产品经理取消底部的导航栏方法,来看看吧
收藏 0 赞 0 分享

设计师必看:2017年设计师最应该掌握的设计方法

学习新事物永远都不晚,尤其是在设计领域。时时学习、进步,你将成为设计领域下一颗闪耀的新星。下面为大家介绍2017年设计师最应该掌握的设计方法,来看看吧
收藏 0 赞 0 分享

如何进行个性化设计呢?25个经典案例解析个性化设计的奥秘

如何进行个性化设计呢?Aarron Walter便掌握了这门艺术,他在Smashing杂志中谈论了个性化设计如何与用户和消费者产生持续联系,他强烈建议设计师“把个性融入设计的核心内涵中”,并分享了适用于产品和品牌的个性化设计技巧
收藏 0 赞 0 分享
查看更多