注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

黎喃自语-网络营销运营杂记

那些关于未来的想法 要自己找解答 前进的轨道有多复杂 止不住想冒险的想法

 
 
 

日志

 
 
关于我

个性嘛,善良、理性、有点率性,但不任性,生活嘛,不太独立,需要别人扶一把,长相嘛,一般般,不承认难看的,朋友说,蛮可爱的         ----------------------------------------  QQ: 1272102018        mail: liwenxia.yuki@gmail.com

网易考拉推荐
GACHA精选

模版式生产BANNER-也谈BANNER设计(转)  

2011-12-15 17:05:31|  分类: 网站运营研究 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

最近公司在搞网站设计比赛,最主要的内容就是上一期所说的UI设计,而一个好的UI设计,除了创意,除了色彩,除了布局,最能吸引眼球的就是banner。网站好不好看,最容易入手的地方就是漂亮精致的图片,网站是普通青年,还是文艺青年,还是2B青年,就是根据给人第一印象作为整体样式的评价。当然也有那些简约到只有文字的超水平网站,但那需要高水平人的慢慢品赏和再三回味的,商业化网站还是走广告路线活得时间长点。

做个banner不是随便放2张图,排几个字就可以了事的,套用毛主席的名言,做一个banner是不难,难得是在短时间内做一个出彩的banner,一个banner的品质上去了,整个的质量感就上来了,也就是我常说的“显性内容决定产品气质”。所以如何在没想法,没创意,没心情的情况下,仍然让产出的banner勉强能见人,更或者达到通情达意效果,提供些设计模版,供大家参考。

一般一个banner都有一个主题,不管是产品广告,活动广告,还是纯宣传的,都有一个主题,有主题一般就有文字,不管这个文字是广告词,还是只是起辅助作用,如价格。所以BANNER一般有三样东西组成,文字,主题图、背景图。


一、三者关系

我这里列举了3个常见搭配方式,这几种方式搭配分别有不同的效果,从而产生不同感觉。

1、文字+背景陪衬两段式。特点突出文字,视觉集中文字,报道感强。

例图

banner 赞助 胡子

2、文字+主体物的两段式,文字图案相辅相成,起到文字言事图案帮助理解的效果。这样的banner适合做介绍类或者产品类。

例图

banner 赞助 淑华

3、主体物+背景+文字的三段式,特点虚实结合,主次关系明显,也是效果最好,用的最广泛的一种形式。

例图

banner 赞助 淑华

二、构图的样式

在这里列举了6种常见构图的样式,不同的构图方式搭配分别有不同的效果,从而产生不同感觉。

1、垂直水平式构图:

平行排列每一个产品,每个产品展示效果都很好,各个产品所占比重相同,秩序感强,此类构图给用户心情:产品规矩正式、高大、安全感强。

2、正三角形和倒三角构图:

多个产品进行正三角构图,产品立体感强,各个产品所占比重有轻有重,构图稳定自然,空间感强。此类构图给用户心情:安全感极强、稳定可靠。

多个产品进行倒三角构图,产品立体感极强,各个产品所占比重有轻有重,构图动感活泼失衡,运动感空间感强。此类构图给用户心情:不稳定感激发用户心情,给用户运动的感觉。

3、对角线构图:一个产品或两个产品进行组合对角线构图,产品的空间感强,各个产品所占比重相对平衡,构图动感活泼稳定,运动感空间感强。此类构图给用户心情:动感十足且稳定。

4、渐次式构图:多个产品进行渐次式排列,产品展示空间感强,各个产品所占比重不同,由大及小,构图稳定,次序感强,利用透视引导指向slogan。此类构图给用户心情:稳定自然,产品丰富可靠。

5、辐射式构图:多个产品进行辐射式构图,产品空间感强,各个产品所占比重不同,由大及小。构图动感活泼,次序感强,利用透视指向slogan,此类构图给用户心情:活泼动感,产品丰富可靠。

这样的构图最直接的效果就是引导用户的视点焦点,将用户的目光集中在画面的中心点上。

6、框架式构图:单个或多个产品框架式构图,产品展示效果好,有画中画的感觉。构图规整平衡,稳定坚固。此类构图给用户心情:稳定可信赖,产品可靠。


三、优秀banner欣赏

● 需求在Banner中占主导地位

女人频道的定位是知性 ,所以这个banner设计风格也是很贴切的。

banner 赞助 夏小萌

历史频道的专题,做出厚重沧桑的历史感还是很切题的。

banner 赞助 10

同样是历史,女性的历史又要做出另一种感觉

banner 赞助 璇

数码频道的一个某手机赞助商的活动,所以banner也表露出一定的商业感

● 文字在Banner中占主导地位

活动主题的BANNER,文字是绝对的主角。

如果主标太长,需求方不舍得删文字的情况下,对主标中重要关键字进行权重,突出主要的信息,弱化‘的’、‘之’、‘和’‘年’‘第X届’这种信息量不大的词。

banner 赞助 淑华

有时,文字会分为主标题和副标题,从主次上来说,主标为主,字体要大颜色要醒目。副标起到从内容上和形式上都辅助主标的作用。一个好的banner标题文字处理都比较饱满,比较集中。

这个例子对主标题的断词比较巧妙,文字集中,主次明显,且文字与辅助图案相互呼应,统一感很好。

banner 赞助 淑华

长标题的时候,如果把‘征集各种端午风俗’排成一行,就会显得没有主次,也很有吸引力。我这里把‘端午’这个最重要的信息提出来,让用户很容易进入环境,然后让他们继续了解更多的信息。这里还要说一个小技巧,我这里‘征集各种’、‘端午’、‘风俗’这三个词虽然分别用了3种字体,但还是能读出‘征集各种端午风俗’这是一断话,因为同一个红色起到了很大的作用。

如果需求方整体文字太短,画面太空,可以用一些加入一些辅助信息丰富画面。如加点英文,域名,频道名等。这个banner附加了一些英文来丰富画面,让画面充满丰富的同时,充满生气。

banner 赞助 LV

● 艺术化表现

严肃话题也能做出新感觉

主题文字埋没在洪流之中,让其有一种融入感。洪流、闪电、阴暗的天空、淹没的城市,画面灾难感很强,角落处的武警官兵抗洪,让整体灾难中透出希望,哀而不伤。设计师有时候不仅仅应拥有对画面掌控力,对专题主题的把握,也是作为一个设计师应该具备的素质。

因为是做夏季高温的专题,所以在处理画面的色彩时候我对比度做的比较弱,就如同烈日下看东西的感觉。

轻松话题可以做出幽默感

作品也能带点小情调,有时候来一些小的创意也会让banner增色不少。

摇滚的不是乐器,还是文字

banner 赞助 竆

冰雪也的不仅仅是车,还是文字

有时文字可以和背景陪衬穿插在一起,做为道具的一部分,效果会非常特别。

文章转自:http://mux.baidu.com/?p=1606
                 http://uedc.163.com/2044.html


banner设计相关文章
郎酒集团BANNER设计过程实例步骤展示(转)

  评论这张
 
阅读(862)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017