网页设计中优秀banner评判的标准是什么?
Banner 英文翻译过来其实是指横幅或者旗帜,随着网络的兴起,后来专门用Banner 一词来代指任何投放于线上(PC端、移动端)的各种尺寸和形状的广告图,有静态和动态之分,总之现在你在网页上所看到的各种形状尺寸的图片基本都属于Banner ,而且基本都是可点击的。
二、Banner 的作用是什么 ?
宣传,展示,广而告之,或者是能给企业、产品或者人带来相应的转化率。
三、Banner 由哪些部分组成呢 ?
主要由文案、商品图或模特、背景四项中的至少一项组成。
那么了解完上面的基础知识,我们该如何判断一个banner 的好坏呢?
就像一个设计师,可以分为未入门 – 初级 – 中级 – 高级 – 资深 – 指导,那么banner 我将它分为不合格、合格和优秀,接下来我们分别看下:
一、不合格banner 的几宗罪:
罪状一:抠图不干净!!!(其他罪状且不说)
有的人很懒,不管遇到啥图都直接魔棒一点就完事了,那么钢笔和通道这些工具要留着发霉么?
罪状二:滥用各种特技
喜欢用各种大大的描边脏脏的阴影还有各种光效结合为一体的杀马特效果闪瞎我们的眼,然而我们需要学会正确使用特技,并且懂得克制和矜持,才能体现出自己的身价,要不很容易看起来low。
罪状三:信息阅读障碍
(不恰当的字体变形干扰阅读,“季中”两个字太过缠绵和纠结,大庭广众之这般暧昧真的好嘛?且不说黑色描边,以及脏脏的配色了)排版杂乱干扰阅读,横就是横,竖就是竖,这样横竖穿插的跳跃感排版真的爽么?反正大脑和眼睛表示:不同意。
用色过多干扰阅读(哎哟我又出镜了,耶~),红橙黄绿蓝靛紫全被用上了,仿佛一个没有颜值的人,五官身材比例也不协调,但是偏偏穿衣服还非常高调,所以你们想象一下这会导致什么结果呢,搞的人家根本就不知道往哪看。
罪状四:信息传达不准确
比如上图这个Banner ,问题在于用色不当导致信息传达不准确,“干净”本该是要比其他文字信息更突出,而这里唯独把“干净”二字用了浅湖蓝色,在浅蓝灰色背景上,这两个字反而沉下去了,一点都不突出,反倒是其他的普蓝色文字在浅色背景上非常突出(文字过多,圆形三角形色块的出现导致排版很乱也是一方面),相当于有一身力气却用错了劲。
罪状五:画面及文案与活动定位不符
先认清活动定位,再结合相对应的文案去做设计,像上面这个banner 是非常失败的,为什么?首先怎么可能会写出“LV全场0元包邮”这种文案?其次就算真是“LV全场0元包邮”这种低价引导型的文案,画面怎么可能是这种高冷模特、大面积留白、文字小小的左右布局设计呢?画面一点也不热闹促销啊,是吧~
罪状六:图文信息不一致,不知所以然
也许你初一看会觉得视觉效果好叼噢,但是但是,你仔细看,你以为它是个电影海报么,可它却是卖欧式家具的,这个画面里提到的活动目的或利益点你们看了几秒才知道?这个画面与你的家具有半毛钱关系吗?虽然这是个店铺banner ,可是谁能快速告诉我们这些新老用户“你是什么?”“你想干嘛?”好吗?
总结:
在banner 设计当中,信息传达准确比什么都重要,准确传达活动目的优先于设计好看。一个创意很好的banner ,需要满足用色干净,排版舒服,信息层级条理也很清晰。
二、合格banner 必杀技:
以下我简单慨括,因为前面几篇文章我已经很详细地介绍过怎么做出好banner 了。
1、信息传达准确
包括定位准确、图文信息传达准确一致。
比如上图雨滴、水珠、都是跟雨鞋有关联的元素,文案部分也清晰明了的告知了要卖什么东西。
2、合理利用特技或者不用
各种点缀元素、各种效果使用恰当。
比如上图无论从红黄配色还是那条贯穿主线的彩带看,都给人传达出一种很喜庆热闹的感觉,一看就是新年促销活动,飘散的物品也很好的告知了这是卖数码相关产品的。
3、画面干净整洁
画面中的元素都因需要而存在,而非可有可无或者多余。
比如上图人物上半身和下半身的对比,近大和远小的对比,背景深色和浅色的对比,都使得这个banner 看起来干净简洁但不单调,它也不需要一些多余的点缀。
4、信息条理清晰
想一想什么信息该突出,用什么方法突出,颜色还是大小?排版构图是否合理?
5、画面颜色为需要而搭配,有理有据
比如,按活动目的来选取颜色搭配、按商品图或模特图来吸取颜色等,合理运用色彩对比和控制色彩面积,像优设、站酷还有68design等设计网站上已经有那么多无私奉献的大神都写了关于色彩运用相关的文章我这里就不赘述了,大家可以自己搜索啦。
三、优秀banner 的特性:
优秀就是,除了做到了合格以外,他还做到了图文一致、创意很赞或者引起共鸣,带给人额外的愉悦感,或是会心一笑。
1、带有趣味
既准确传达信息,又让人会心一笑,给人超出预期的愉悦的感受。
2、有创意的
或是有趣味,或是让人惊叹的视觉效果:
3、拥有让人产生共鸣的文案或画面
比如下面这组关于宣传去“全联购物中心”购物可以省钱的广告文案,就很能引起共鸣,让人感觉会花钱或者会节省钱是一件很酷很有情怀的事情,而不是因为穷才去省钱。
网页设计中banner图的制作可以给网站提升质感与档次,它是抓住用户眼球的一把利刀;所以对于banner图的设计切不可随意,全面考虑,寻找最佳的平衡点,制作符合公司形象的独特设计。