笔记。。。没有华丽的辞藻,生动的解说,专业的配图;都是一些随时想到的和比较简单的理论。。。

banner设计小结(2014年5月23日更新)

之前分享了几篇banner设计的文章:

banner设计分析报告

浅谈banner设计,以吸引用户为核心

小广告大风格

如何做得Banner通情达意 | 网易用户体验设计中心

让文字讲好banner的故事

设计师应注意的细节

 

都是不错的文章,大家可以看看,我是从中受益匪浅。

那么现在就分享我的,也许有不对的地方,欢迎拍砖什么的。。。

会慢慢完善和更新。

 

=======================木木鱼的分割线=======================

 

话说banner的设计,其实营销功能比美观更为重要,美观有时候只是实现他的营销功能的手段而已。其实就像拟物和扁平的风格,没所谓好坏,能达到目的的就是好设计;能让使用者体验好,能达发布者想达到的营销目的,那么就是好的设计。

之前看过TED的一个视频,《冷漠的解药》。(在网易公开课看到的,但不知道为啥视频已经删了,这个链接来自壹心理。)

讲的是人不是因为冷漠而不去关注,而是因为难以理解、不好理解等,阻碍了一般人去了解。NIKE的广告不会做的像份通知说明一样枯燥无趣难以理解,而是尽量突出有用信息,消除这些阻碍。而banner的设计,他的目的之一就是让别人去了解,有兴趣去了解,目的之一也是去除这种阻碍。。。

banner和平面的海报设计不同,海报出现在生活中,时间比较长,人们有足够时间去理解,所以做创意能达到比较好的效果。但是banner相对来说,用户浏览网页时候,视觉停留时间最多几秒,这几秒内无法传达你的意思,就失败了。

所以banner上的文字如果3秒内你无法顺利读出来,就非常有问题了。

 

 

 

 

关于怎么去做banner,简单讲就是:

玩不了创意,就玩文字,既然玩不了文字,就走保守路线。

如果保守路线都走不了,那么,我家客服做的banner也是不错的啊。

 

 

下面是一组靠创意、形式特别来吸引眼球的banner。(图片来自网络,好吧,因为我没尝试做到这么创意的)

 

 

 

 

靠噱头,博点击什么的。。。还有暴漫类的banner,也是十分让人感兴趣。

 

 

接下来就是这类。

主题比较传统或者不好发挥或者不知道怎么发挥或者好吧,时间赶没时间发挥。。。嗯,就做字体设计、排版来解决。。。

 

 

 

其实别看字体设计和排版,这个是挺考平面基本功的,没一定积累是没办法很快速的完成字体设计并达到想要的效果。。。精致的细节设计会让视觉体验非常好。。。

 

 

最后是保守路线。

很简单,logo,商品图片,文字信息进行排版;用各种手法表现banner气氛、商品气质。。。

没讲究创意、没讲究设计感,最最重要的目的就是要让用户“知道”你在讲什么!

 

 

 

 

 

 

 

这类banner是最常见的。。。当然其实这里排版还是比较讲究的,上面的例子也有的并不是很好,反正大家明白这类banner是什么就好,那个,不要在意这些细节。。。

 

 

=======================木木鱼的分割线=======================

 

说下一些简单的小技巧吧。。。手上没例子呢,之后补上。

字体设计、排版的时候,有时候并不复杂的,首先讲的是什么,这句广告语进行拆分,重点是什么词,然后突出重点的字、词(例如数字),突出的方法有很多:颜色、大小、字体、位置、数量、质感效果等等,能怎么用就试下怎么用。然后再把这些字组合起来,让他既能很通顺的读出来,又能很容易看到重点字眼。

(虽然说不要在意细节,其实这些就是细节呢。。。)

 

 

 

这个是某此群友发的banner:

按阅读顺序,秋冬新款,4折优惠专区

按颜色视觉,秋冬新款优惠专区

这也是个很不错的方式。

 

 

 

=======================木木鱼的分割线=======================

 

另外说下几个失败案例:

 

这是很早前做的banner了,用了个小动画的gif来做。

整个banner播放时长8秒,第5秒出现商品名字和图片,文件大小260k。

我想这些数据已经说明了一切,更不比说细节了。banner播放时间长,一般用户没那么大耐心浏览的时候看这你播放到5秒,去看商品信息。。。文件大小260k使浏览速度也降低(目前天朝的网速还是普遍不是那么高,这个是客观事实;何况这是几年前的banner,几年前的网络我想更需要考虑浏览速度的问题。)。

 

 

 

 

 

 
评论